gzhang1018的博客

原创 SVN提交代码过程

提交前先update下来；如果发现冲突则先解决冲突问题更新完成后，一般你修改的文件没有生产多余文件，则就是没有冲突，显示红色等颜色只是警告类信息更新完成后，生产多个文件名一样的文件，但是后缀不一样的文件，且项目文件夹图标为！黄色，则说明有冲突需要去解决解决冲突：不是在IDE中删除，粘贴，那些都是不明智的做法，应该利用好svn自带的冲突解决工具，选中冲突的文件，右键，svn选中编辑冲突，或者diff ；红色代码块即为冲突代码，选中后右键使用其他版本或者自己版本即可提交在IDE中刷新项目即可.

原创 ES6 装饰器

、类的修饰 decorator(target) {}许多面向对象的语言都有修饰器（Decorator）函数，用来修改类的行为。@testableclass MyClass {};function testable(target) {target.isTestable = true;}MyClass.isTestable; // true上面代码中，@testable就是一个修饰器。它修改了MyClass这个类的行为，为它加上了静态属性isTestable。2、装饰器基本语法@deco

原创 ipv6 比较两个值的大小

/*** ipv6 比较两个值的大小* @param ip1 ipv6地址的字符串* @param ip2 ipv6地址的字符串* @returns 1表示第一个地址大于第二个地址，0表示两个地址相同，－1表示第一个地址小于第二个地址*/ipSrv.compareIpSix=function(ip1, ip2) {let ip1s = ip1.split(’:’);let ip2s = ip2.split(’:’);for (let i = 0; i < ip1s.length; i

原创 ES6 类class

                Document    //定义一个Person类    class Person {        //构造方法...

原创 ipv6 16进制转成10进制的数

/**     * ipv6 16进制转成10进制的数     * @param ip 1:1:2:2:ffff:ffff:ffff:ffff     * @returns Array  10进制数的数组     * @author:guozh     */    ipSrv.parseIntIpSix=functio

原创 将json数组处理成对象的字符串数组

Document

原创 vue项目中vuex模块化

企业级的项目开发中，由于功能模块很多，因此需要我们在使用vuex时进行模块化的划分，这样做的目的是为了使我们的项目代码接口更加简洁、清爽、美观，便于好维护管理一.在store文件下划分模块，如下图所示：二.在number目录下，我们需要创建state.js、getters.js、mutations.js、mutation-type.js、actions.js、number.module.js等5个js文件1.在state.js文件中 我们将state导出，如下图所示：2.在getters.js文

原创 vue项目中vuex的使用

一、vuex是什么？vuex是一个用来管理组件之间通信的插件，它是一个专为【vue.js】应用程序开发的状态管理模式，它解决了组件之间同一状态的共享问题，它能够更好地在组件外部管理状态。二、为什么需要vuex？当多个组件依赖于同一个状态时，由于多层组件之间的嵌套使得传参数的方法变得更加复杂，另外如果使用父子组件直接饮用或者通过事件来变更和同步状态的多酚拷贝，会使得该模式变得脆弱，从而无法维护代码。三、什么时候什么情况下使用vuex？构建一个中大型单页应用，需要考虑到如何更好地在组件外部管理状态。

原创 Vuex数据状态持久化-vuex-persistedstate使用二

一.安装npm install vuex-persistedstate --save二.store的index.js中引入import Vue from “vue”;import Vuex from “vuex”;import {number} from ‘./number/number.module.js’; //导入number模块的vuex的数据import createPersistedState from “vuex-persistedstate”Vue.use(Vuex);c

原创 Vuex数据状态持久化-vuex-persistedstate使用一

vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据状态持久化，但是太麻烦每次都要操作，强烈建议使用插件利用vuex-persistedstate插件.安装npm install vuex-persistedstate --save1.使用vuex-persistedstate默认存储到localStorage引入及配置：在store下的index.js中import createPersistedState from “vuex

原创 SVN 提交时把node_modules忽略掉

原创 svn

一、TortoiseSVN 如何检索地址？1、鼠标右键桌面，选择“SVN CheckOut”，输入检索的地址，点击OK，就开始从svn服务器端检索出内容TortoiseSVN客户端软件截图5二、TortoiseSVN 如何添加地址？1、检索出文件夹内容之后，我们把要上传的文件夹或者文件放到检索的内容里面，鼠标右键点击“TortoiseSVN->Add”进行添加文件到svn上...

原创 iframe如何触发父元素事件以及父页面控制iframe子页面元素

最近在开发登入窗口中运用到iframe，其中遇到一些小问题拿出来分享一下。问题：用jquery的$(‘parent.document’).find(’#id’)来取父框架的元素，取出来的DOM元素也是正确的，在控制台打印出来了，但调用click()方法就是触发不了绑定的函数1.父页面有一个打开注册事件：$(’#regis’).click(function(){$(’.container’).append(regis);$(’.modal-backdrop’).click(function(){$

原创 div层被OCX控件Object遮挡问题的解决

今天遇到一个比较头疼的问题，就是在一个标签上右键，弹出的菜单div被标签内的Office控件Object挡住了下半部分，始终无法显示。查了好多解决方案，最终都不能解决问题，几乎都要放弃了。中午吃饭的时候，脑海中又一个劲儿的想这个问题，突然，来了一点灵感，回去之后，抓紧时间试了一下，终于解决了！终于可以放松一下了！以下是该问题解决的一点总结，希望对大家有所帮助！ 关闭 刷新 关闭其他 关闭全部 好了，说明一下：d

原创 localForage的离线存储

localForage-离线存储不再头疼localForage介绍localForage是一个JavaScript库，能够类似localStorage的存储。他是异步存储，可以优化你的web应用程序的离线体验，而且能存储多种类型的数据。localForage有一个优雅的降级策略，如果浏览器不支持indexedDB或者WebSQL则使用localStorage。支持es6的 Promises API,而且支持添加回调函数。安装localForage//使用npmnpm install loc

原创 git merge最简洁用法

一、开发分支（dev）上的代码达到上线的标准后，要合并到 master 分支git checkout devgit pullgit checkout mastergit merge devgit push -u origin master二、当master代码改动了，需要更新开发分支（dev）上的代码git checkout mastergit pullgit checkout devgit merge mastergit push -u origin dev...

原创 SourceTree的安装配置跳过注册

1.下载并执行SourceTreeSetup-3.1.3.exe，会进入登录或注册bitbucket的界面，先别急着操作，继续往下看。2.关闭上述安装窗口，打开 %LocalAppData%\Atlassian目录（win+r打开命令模式，把%LocalAppData%\Atlassian放到输入框，回车即可），接着进入SourceTree目录，创建accounts.json文件，并修改accounts.json内容如下：[{“id":"1","id": "1", "id":"1","ty

原创 git 提交代码到远程仓库

1.提交单个文件　　git add 工程名的下一级开始写路径直到文件名2.提交全部文件　　git add .（后面有一个点）3.执行commit提交　　git commit -m “文字描述”（单引号和双引号都可以）4.方案一：合并远程分支代码（如果在此之前有别人提交了代码，需要先合并代码才能够push）　　git fetch origin　　(git remote update有的时候可能需要同步一下远程和本地）　　git merge origin/远程分支名　　5.方案二：合并远程

原创 gitlab创建群组和项目和成员和上传下载代码

1.新建项目2.点击新建项目跳转到新建项目的页面3.输入url红框里面的地址4.创建了一个ycigWeb的项目5.添加和配置sshSSH（Secure Shell）是一种安全协议，在你的电脑与GitLab服务器进行通信时，GitLab使用SSH密钥（SSH Keys）认证的方式来保证通信安全。创建 SSH密钥，并将密钥中的公钥添加到GitLab，以便我们通过SSH协议来访问Git仓库。在Windows条件下，下载好Git，然后使用Git Bash工具使用如下代码，添加SSH：ssh-

原创 git常用命令

git add 文件 : 追踪指定文件git add . :追踪所有的文件git commit -m “注释” : 提交报本地仓库git push : 推送远程仓库git pull : 拉取git status : 查看当前的提交状态.gitignore : 忽略文件夹git checkout -b xiao_a : 创建xiao_a分支,并且切换到xiao_a分支git branch 分支名 : 创建分支,不切换git checkout 分支名 : 切换到某个分支git branch:

原创 javascript中this的指向

//1普通函数function find() {console.log(this);//this指向window}find()//Window {parent: Window, opener: null, top: Window, length: 0, frames: Window, …}//2.构造函数function Person() { console.log(this)//this指向构造函数Person}var p=new Person();consol

原创 nginx同时部署多个vue项目

nginx.conf代码如下：#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events {worker_connections 1024;}http {include mime.types;default_

原创 web前端开发规范文档

Web前端开发规范文档规范目的：使开发流程更加规范化。通用规范：TAB键用两个空格代替（windos下tab键占四个空格，linux下TAB键占八个空格）。CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。文件内容编码均统一为UTF-8。CSS、JAVASCRIPT中的非注释类中文字符须转换成unicode编码使用,以避免编码错误时乱码显示。文件规范：文件名用英文单词，多个单词用驼峰命名法。一些浏览器会将含有这些词的作为广告拦截，文件命名、ID、CLASS等所有命

原创 vue3.0全家桶

Vue 3.0 全家桶抢先体验1.vue: Beta2.vue-router: Alpha3.vuex: Alpha4.vue-class-component: Alpha5.vue-cli: Experimental support via vue-cli-plugin-vue-next6.eslint-plugin-vue: Alpha7.vue-test-utils: Alpha8.vue-devtools: WIP9.jsx: WIP可以看到 Vue 3.0 beta 版本是一个

原创 Vue+Element动态生成新表单并添加验证

官方文档中有写用v-for来实现新增表单，但是那是单表单的新增，现在多表单的新增，可以考虑的实现方法是先写死一个必须的表单，需要新增的两个表单放在一个div里，在div中使用v-for生成，达到同时新增的效果代码如下//必填一个联系人的表单//动态生成的联系人表单<el-button @click=“deleteRules(item, index)” :disabled=“isReadonly”>删除<el-button type=“text”

原创 git 提交代码到远程分支

1.提交单个文件　　git add 工程名的下一级开始写路径直到文件名2.提交全部文件　　git add .（后面有一个点）3.执行commit提交　　git commit -m “文字描述”（单引号和双引号都可以）4.方案一：合并远程分支代码（如果在此之前有别人提交了代码，需要先合并代码才能够push）　　git fetch origin　　(git remote update有的时候可能需要同步一下远程和本地）　　git merge origin/远程分支名　　5.方案二：合并远程

原创 关于vue-cli桥接工具，安装完vue-cli3仍需使用vue-cli2.x版本

关于vue-cli桥接工具，安装完vue-cli3仍需使用vue-cli2.x版本以下操作，可以实现同时使用两个版本的脚手架搭建项目，根据需求搭建高or低版本项目安装完Vue cli3 之后，还需要使用vue-cli2.x 版本Vue CLI 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：npm install -g @vue/cli-init//安装完后 就还可以使用

原创 使用vue-cli4.0快速搭建一个项目

一、升级本地环境因为 vue-cli3.0 要 nodeJs ≧ 8.9（官方推荐 8.11.0+），所以我们先去 官网下载 一个稳定的新版本覆盖本地版本我安装的是 node12.13.0 版本，因为之前我本地全局安装了 2.0 的环境，所以需要全局卸载再安装 3.0npm uninstall -g vue-clinpm install -g @vue/cli安装好了之后输入 vue -...

原创 javascript去除字符串空格的几种方法

使用js去除字符串内所带有空格，有以下三种方法：( 1 ) replace正则匹配方法　　去除字符串内所有的空格：str = str.replace(/\s*/g,"");　　去除字符串内两头的空格：str = str.replace(/^\s*|\s*KaTeX parse error: Undefined control sequence: \s at position 43: … st...

原创 H5 Notification 桌面通知

window.onload = function () {suportNotify()}//判断浏览器是否支持Web Notifications APIfunction suportNotify(){ if (window.Notification) { // 支持 console.log("支持"+"Web Notifications API");...

原创 在项目中引入阿里矢量图标

1、在阿里矢量图标库将想要的图标加入购物车，然后在购物车中将图标添加到项目；2、到我的项目中，将图标下载到本地3.在vue项目的assets文件夹下新建一个iconfont文件夹（名字自定义），将刚刚下载下来的代码包中的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、iconfont.woff复制到iconfont文件夹下。...

原创 服务端口占用问题的解决

简介端口占用问题是几乎每个开发人员都会遇到的问题。解决端口问题，最直接的方法当然是重启电脑，但这对于开发人员来说还不够迅捷，重启电脑会花费比较多的时间。当然如果你已经对占用端口的进程有所了解，可以通过任务管理器结束该进程从而释放端口号。以下是我参考的一般解决该问题最为快速的途径之一，希望能对大家有所帮助。步骤1.使用windows+R组合键，弹出命令行窗口。2.查找被占用端口对应的PID（...

转载 Centos7下yum安装mongodb

Centos7下yum安装mongodb简介MongoDB 是一个基于分布式 文件存储的NoSQL数据库由C++语言编写，运行稳定，性能高旨在为 WEB 应用提供可扩展的高性能数据存储解决方案查看官方网站MongoDB特点模式自由 :可以把不同结构的文档存储在同一个数据库里面向集合的存储：适合存储 JSON风格文件的形式完整的索引支持：对任何属性可索引复制和高可用性：支持服务器...

原创 web开发约束

web开发约束项目结构：vue项目结构|-- 项目名|-- static 开发相关静态文件|-- fonts 字体样式的存放目录|-- image 全局共用的img图片目录|-- js 全局共用的js目录|-- other 全局共用的其他文件目录(如果需要，可选)|-- ...|-- src 开发内容|-- api api请求server的目录|-- ...