Mr古技术分享

原创 MySQL安装配置教程（超级详细、保姆级）

先选中“MySQL Server5.7.31”，若电脑中没有这个环境，会提示安装“Microsoft Visual C++ 2013”环境，点击“Execute”这里需要设置MySQL的密码，不需要太复杂，设置完了直接点击“Next”输入密码，按下“Enter键（回车键）”，出现下面界面则是已经配置成功。MySQL的默认端口是3306，不需要作修改，直接点击“Next”直接点击“Execute”，开始安装，点击安装之后需要等待片刻。点击“新建”，将MySQL的安装路径添加上去，之后点击“确定”

原创 在Linux系统上更新Node.js到最新版本的3种方法

Node.js就是这类软件的一个很好的例子，因为新版本会定期发布。用二进制包更新Node.js是最不推荐的选项，但是如果这是您可以升级到最新Node.js版本的唯一方法，请遵循下面步骤。使用npm命令，你可以检查正在运行的Node.js版本并安装最新版本。作为一种替代方法，您可以使用Node的官方包管理器来更新Node.js。NPM是一个用于安装和管理包依赖的工具。升级Node.js的最好方法是使用NVM，这是一个管理多个Node.js版本的实用工具。例如，要安装最新的稳定版本，如上例所示，您可以运行。

原创 CentOS服务端命令大全

linux命令

原创 根据条件过滤点位

arcGis,图层过滤

原创 WebStorm stylelint 自动修复

stylelint,webstorm

原创 关于Vue项目性能优化

前端项目部署后经常发生崩溃、卡顿、内存溢出等问题，这里结合实际项目整理出影响性能的问题及相应的解决方案，希望对大家有所参考！

原创 关于前端调试与性能优化

一、使用vue-devTool调试二、生成包分析报告三、进行拆包优化

原创 客户一直不给钱，PM如何才能高效解决？

原创 一、项目管理：

项目管理，项目计划

原创 复制git代码到新仓库，包括分支

利用git从一个仓库拷贝一个项目到另一个仓库，并且log也迁移过去1 先从原地址clone一份代码到本地git clone --bare http://github…(原始仓库地址)2 进入克隆下来的目录 cmd3 以镜像推送的方式上传代码到新的仓库地址git push --mirror http：//…(目标仓库地址)...

原创 VUE自定义指令深度刨析

自定义vue组件

原创 sortablejs推拽组件

组件

原创 VUE单页面引入js文件

单页面引入js文件<template> <div id="baseReport" > <remote-css href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap-grid.min.css"></remote-css> <remote-css href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/b

原创 对象数组的常规操作

对象的循环和数组合并checkMapObj: { checkMap1: [], checkMap2: [], checkMap3: [], checkMap4: [], checkMap5: [], checkMap6: [] },Object.keys(newVal).forEach(key => { checkedLayerIds.push(...newVal[key]) })...

原创 FeatureLayer图层的使用

FeatureLayer 属性advancedQueryCapabilities：是否支持使用统计查询allowGeometryUpdates：允许地理位置更新attributionDataUrl：属性数据存储的 URL 地址capabilities：要素层的信息className：类名copyright：版权信息credential：认证信息dataAttributes：数据属性defaultDefinitionExpression：默认定义表达式defaultVisibility：默

原创 arcgis各类图层的属性和方法

1、Map 类构造函数new Map(divId, options?)Map 属性attribution：属性autoResize：自动调整大小basemapLayerIds：地图当前的底图数组extent：地图范围fadeOnZoom：淡入效果的缩放geographicExtent：地图（或边界框）的地理范围graphics：提供对地图的 GraphicsLayer 的访问graphicsLayerIds：当前 GraphicsLayers 地图的数组height：高度id：编号

原创 Flex 流水布局样例

flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contenthttp://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

原创 Vue事件修饰符的使用

事件处理如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event，把它传入到methods中的方法中。在Vue中，事件修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有：.stop：等同于JavaScript中的event.stopPropagation()，防止事件冒泡.prevent：等同于JavaScript中的event.preventDefault()，防止执行预设的行为（如果

原创 ArcGis必要关键方法

根据值查询要素Featuresconst layer = this.$mapView.map.findLayerById('sewageFarmClickLayer') if (layer === undefined) { return false } const query = layer.createQuery()

原创 CSS主题换肤设计

定义主题颜色主题一：theme-theme1.scss$theme-theme1: ( ag-main-bg: rgba(0, 9, 141, 0.72), ag-test-color: red, // 主色 ag-main-color1: rgba(#005788, 0.8), ag-main-color2: #003a5f, // 字体颜色FFF ag-font-color1: #fff, ag-font-color2: #c7e5f

原创 使用webstorm合并不同git地址的代码

开发环境和生产环境基于不同的git地址，如何把开发环境的代码合并到生产环境，以webstorm为例子，步骤如下：第一步、添加远程分支git-管理远程分支，添加分支地址，首次需要选择git-Fetch，否则看不到远程分支，效果如下：第二步、签出目标分支选择pre-production分支并签出第三步、合并分支选择需要被合并的分支master，右键选择“合并到当前分支”，确定后pre-production分支会在日志中会显示更新的内容，推送pre-production，输入账号/密码即可。

原创 前端安全类型与防范

一、前端常规安全防范1.1、XSS跨站脚本攻击XSS攻击全称跨站脚本攻击，是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括HTML代码和客户端脚本。攻击者利用XSS漏洞旁路掉访问控制——例如同源策略(same origin policy)。这种类型的漏洞由于被黑客用来编写危害性更大的网络钓鱼(Phishing)攻击而变得广为人知。1.1.1、XSS攻击的危害XSS攻击具体会带来以下危害：1）盗取各类用户帐号，如机器登录帐号、用

原创 docker+Jenkins自动化部署

ps: 一篇很好的自动化部署教程，为了方便，拿到这里记录保存一下，方便以后使用JENKINS 是什么Jenkins是一个自包含的、开源的自动化服务器，可以用于自动化与构建、测试、交付或部署软件相关的各种任务。Jenkins可以通过本机系统包、Docker安装，甚至可以由任何安装了Java运行时环境(JRE)的机器独立运行2.在centos 系统上安装jenkins三种方式通过 docker 安装通过jenkins.war 在tomcat中运行通过yum 的方式安装2.1 通过docke

原创 Vue开发小技巧

1、vuex的store的双向数据绑定我在vue项目使用store存储变量，在页面input进行属性的双向绑定时，报出Computed property “route” was assigned to but it has no setter的错误，查找很多原因，参考官方文件找到了 解决方法。要在computed中添加get和set两个方法。<input type="text" v-model="phoneNumber">computed:{ phoneNumber:{

原创 大型项目前端架构浅谈

1、综合我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。由于作者能力有限，可能会有所缺漏或者部分错误，欢迎读者指出。1.1、适用场景：本篇文章，适用于单个/多个大型项目、拥有超过10个以上的前端开发的场景。前端项目的规模不同，成本收益比也会有所差别。通常来说，人员越多、项目复杂度越高，那么收益/成本

原创 vue中子组件更新父组件

一、关于vue中watch的认识我们要监听一个属性的的变化就使用watch一般是父组件传递给子组件的时候•1、常见的使用场景…watch:{value(val) {console.log(val);this.visible = val;}}…•2、如果要一开始就执行watch: { firstName: { handler(newName, oldName) { this.fullName = newName + '-' + this.lastName;

原创 CSS 日常难点样式操作

标题svg格式更改颜色.father{overflow:hidden;.icon {filter: drop-shadow(#0ff 80px 0);transform: translateX(-80px);}}

原创 webstorm 快捷键

代码编辑相关ctrl + F 当前文件查找ctrl + shift + M 移动到标签开始和结束位置(重要)ctrl + shift + up/down 整块代码上下移动，往父级插入ctrl + / : 单行注释ctrl + '-/+': 可以折叠ctrl + w 往上选择词、行、块(重要)shift+↑ ↓ ← → 向位置方向选中内容shift+enter 快速换行ctrl + r 替换选中文字Shift + Ctrl + Alt + J 选中所有同样的词Alt + J 选中下一个

原创 vue plugins插件的使用

在入口文件配置pluginsimport Vue from 'vue'import App from './App.vue'import router from './router/index'import store from './store/index'import './plugins' // 第三方插件注册import './directive' // 全局指令注册import './components/autoRegister' // 全局组件注册import '@/as

原创 vue 全局组件自动注册

components下存在多个公共组件组件一名称penplePick：<template> <div class="ag-panel-box"> <div class="header"> <div class="title"> {{ title }} <span> <slot name="titletip" /> &

原创 Vue 中 store 使用方法讲解

vuex 包含有五个基本的对象：state：存储状态。也就是变量；getters：派生状态。也就是set、get中的get，有两个可选参数：state、getters分别可以获取state中的变量和其他的getters。外部调用方式：store.getters.personInfo()。就和vue的computed差不多；mutations：提交状态修改。也就是set、get中的set，这是vuex中唯一修改state的方式，但不支持异步操作。第一个参数默认是state。外部调用方式：store.co

原创 通过vue-cli安装uni-app项目

全局安装vue-cliwin+R，输入cmd，输入：npm install -g @vue/cli，如npm提示语句有问题，请提前安装最新版node.js。官方地址：https://uniapp.dcloud.io/quickstart-cli也可以通过前端开发工具来初始化项目，比如我使用的是JetBrains WebStorm，创建一个文件夹uniApp，通过编辑器打开改文件夹，然后在Terminal面板输入命令：vue create -p dcloudio/uni-preset-vue my-pr

原创 gitlab项目派生合并审核操作【开发者无权限情况下】

一、在需要操作的项目上派生出新的项目二、会自己的项目中派生出新的项目三、把项目通过git clone到本地进行修改或者回滚把项目通过git clone到本地进行修改或者回滚，修改完成后，需要拉取一下master最新的代码，本地测试成功后，提交合并请求。四、管理者审核合并请求进入源项目上进行审核，可以对比内容，可以拒绝合并，合并请求通过后即可合并成功。针对已经通过的合并请求也可以选择还原操作五、删除已合并的派生项目参考资料：https://blog.csdn.net/c

原创 微信小程序云开发-调用第三方接口

首先安装 request-promisenpm 命令 npm install request-promise// 云函数入口文件const cloud = require('wx-server-sdk')//npm install request-promiseconst rp = require('request-promise');cloud.init()// 云函数入口函数exports.main = async (event, context) => {

原创 微信小程序云开发-数据存储和绑定

1、数据查询查询后取最后一个值进行绑定 const db = wx.cloud.database(); db.collection('formData').where({ _openid: "ow_9a5PpvvxJeOk5-ef9CO3pDm3M" }).get().then(res => {//formData是数据库里面集合的名称 that.setData({ formData: res.data }); that

原创 微信小程序云开发-数据库查询渲染

1、集合(表)创建建议创建表时最好带上“_openid”字段也可以json导入和表格导入//json格式{"name":"大神",_openid:"",,"num":0.0,"content":"内容"},{"name":"大神2",_openid:"","num":0.0,"content":"内容"},{"name":"大神3",_openid:"","num":0.0,"content":"内容"},{"name":"大神4",_openid:"","num":0.0,"content

原创 微信小程序云开发-云函数创建和调用

云函数小程序内提供了专门用于云函数调用的 API。开发者可以在云函数内使用 wx-server-sdk 提供的 getWXContext 方法获取到每次调用的上下文（appid、openid 等），无需维护复杂的鉴权机制，即可获取天然可信任的用户登录态（openid）。1. 云函数创建根据官网提示，创建一个云函数，命名为 add， 功能是将 a , b 两数相加，步骤如下：在文件夹 cloudfunctions 目录下创建文件夹 add, 编辑add中的index.js文件：// 云函数入口文件

原创 spring cloud学习记录

后端开发流程：1）针对负责的功能建立数据字典；2）字典、表评审，编写SQL预语句创建表，SQL语句需记录在相应文件；3）单表接口 domain 建立同名类文件，字段对应数据库表字段；4）mapper和mybatis建立对应的映射文件；5）service定义接口进行逻辑处理；6）在***service.impl继承接口（ctrl+i快速覆写方法）7）在controller写业务层的增删改...

原创 JAVA语法基础-简单的接口

JAVA语法解析System.out.println(“执行0”);//后台打印，多用于检查调试LOGGER.debug(“the real number is \u001b[38;5;6m[{}]\u001b[m”, realNumber);//多用于代码检查目录结构Controller-TrainingController.java代码解析package com.icetai.po...

转载 使用批处理批量复制文件并重命名

1、首先，生成文件列表，每一行记录一个文件名，这些文件名都保存在FileList.txt中。//FileList.txt20170603094607001.mp3 20170603094607002.mp3 20170603094607003.mp3 2、使用批处理，根据FileList.txt里的内容，将20170603094607000.mp3复制100次，以生成100个不同名称...