c2311156c的博客

原创 Git 查看与删除分支命令

1.git查看分支：查看本地分支 git branch查看远程分支 git branch -r查看本地和远程分支 git branch -a2.git删除分支：删除本地分支 git branch -d 本地分支名删除远程分支 git push origin --delete 远程分支名推送空分支到远程（删除远程分支另一种实现）git push origin :远程分支名...

转载 git 创建分支 并 提交到远程分支

转自：https://www.cnblogs.com/bluestorm/p/6252900.html0.可以通过git branch -r 命令查看远端库的分支情况 1,从已有的分支创建新的分支(如从master分支),创建一个dev分支git checkout -b dev2,创建完可以查看一下,分支已经切换到devgit branch    * dev  ...

原创 vue.js中使用axios发送post请求实现excel下载

1. 前端：this.axios({    method: 'post',    responseType: 'blob',    url: 'testUrl',    data: {'id': id}}).then(res => {    let fileName = res.headers['content-disposition'].split(';')[1].split...

原创 apache服务器部署vue.js + node.js + webpack开发的项目（windows环境）

1.官网下载apache服务器，解压；2.打包vue项目：在工程根目录下，执行cmd命令行：npm run build，等待完成后，项目会被打包到项目的同级dist目录中。3.在apache服务器中部署项目：将dist下的所有打包好的文件复制到 ..\apache\htdocs 目录中；4.设置服务器根路径：在配置文件：..\apache\conf\httpd.conf中，找到 ...

转载 【转】git常用命令速查表

转载 如何使用命令将本地项目上传到Git上

1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明git commit -m 'first com...

原创 mybatis 在控制台中打印SQL语句的几种方式

1. 在log4j中设置：log4j.logger.com.ibatis=DEBUGlog4j.logger.com.ibatis.common.jdbc.SimpleDataSource=DEBUGlog4j.logger.com.ibatis.common.jdbc.ScriptRunner=DEBUGlog4j.logger.com.ibatis.sqlmap.engine.impl...

原创 git 切换分支报错

报错信息：Error: pathspec 'xxx' did not match any file(s) known to git解决方法：1. 先运行git fetch，将版本库中的最新分支信息同步到本地2. 同步完成后，运行git checkout xxx 即可切换到指定的分支3. 查看分支列表以及当前所在的分支：git branch, 分支名后面带*的即为当前所在的分支...

原创 vue-cli生成的项目，打包部署在tomcat服务器上，报错404

1. 项目一般情况下在本地是不会出现这个问题的，因为我们在本地开发时，项目的访问路径就是'/'，但是部署到服务器以后，此处我们以tomcat为例， 项目会部署在webapps目录下面，为了做以区分，我们通常会另建一个项目目录，例如我们建个sample目录，此时服务器上项目的根目录就是/sample/了， 这时我们需要修改一下webpack的编译路径。修改方法： 找到config/index.j...

原创 vue-cli + router生成的项目，当mode为history时，直接在url中输入地址页面访问404，或者刷新页面后404

有的时候，业务中会有一些需求，直接在其他地方，比如邮件中提供系统链接，通过点击一个url直接跳转到我们的系统中来。在本地开发时，直接输入对应的url就可以访问，但是当项目部署在服务器之后，直接输入url就会报错404，这是因为router本身提供的就是一个 虚拟路径，通过router内部的机制进行页面跳转和参数传递的，实际项目中根本不存在此路径对应的资源。对应此问题，尤大在官网上也提到过，...

原创 vue.js v-show 和 v-if的区别

v-show:使用v-show修饰的dom元素本身还存在，只是修改了其display样式为none或block。v-if:使用v-if修饰的dom元素,当值为false时，元素在页面上被删除，当值为true时，元素会被重新加载到页面上。...

转载 js foreach无法跳出循环

只能通过抛异常的方式跳出循环，具体请移步：https://www.cnblogs.com/Marydon20170307/p/8920775.html

转载 vue.js生命周期

原创 Vue 中 :bind和v-model的区别

:modelv-bind: model的简写，用于绑定model属性v-model用于表单中的input，它是一个语法糖，用于数据双向绑定；例如：<input v-model="message"> 等价于 <input v-bind:value="message" v-on:input="message = $event.target.value" />...

原创 Element Form如何验证input的value必须为数值类型？

input框中输入的内容，如果没有特别指定，一般其类型为string，这样的话即使你输入的是数字，在校验的时候也会被转换为字符串，此时如果你的校验rule中定义了type="number"（用于验证必须为数值类型），这样式无法校验出来的，会一直提示你必须要输入数值类型的类似错误信息，此时你需要做的是在校验之前，将input的value转换为数值类型，方法为：v-model.numberinput...

原创 使用Element Form 验证input输入信息，输入正确的值后，验证的错误信息不消失

问题描述如题。解决方法：1.rules里面的校验对象值要和el-form-item中的prop值完全一样；2.el-form使用:model传入要绑定的form对象，el-input使用v-model来双向绑定其value值；...

原创 解决 phantomjs-prebuilt 下载超时的问题

出现此问题的原因是因为此包较大，下载速度慢，导致连接超时，无法下载。解决方法：设置NPM的淘宝镜像：npm config set registry https://registry.npm.taobao.org设置好以后，重新执行 npm install即可...

原创 JS中的各种循环

1. forEach: var arr = [1,2,3,4]; arr.forEach(alert);  等价于： 1 2 3 4 var arr = [1, 2, 3, 4]; for (var k = 0, length = arr.length; k < length; k++) { ...

原创 element ui 使用dialog关闭报错

问题描述：在打开了dialog后，点击右上角自带的关闭按钮后，对话框虽然可以关闭，但是浏览器的控制台上报错：源码如下：<el-dialog title="新增评价组" :close-on-click-modal="false" :visible.sync="this.showCreateGroupDialog" width="50%">data() { r...

转载 CSS技术中的position定位几种方式

在CSS中，我们是通过定位属性position来进行定位的，具体它有如下几个属性值。常见的属性有如下几个：值描述absolute  生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。元素的位置通过"left", "top", "right" 以及 "bottom" 属性进行规定。fixed   生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "to.

原创 ES6 中import 的时候{}的用法

module中的任何变量或函数都可以被export1. 不带{}, 引入的是module中export default的函数或变量；2. 带{}，引入的是module中export的函数或变量；

原创 Vue.js响应式数据

1. data：在new 一个vue实例的时候，只有被定义在data中的数据才是响应式的，未被定义仅是动态加入data中的数据是非响应式的，所以要将一个数据变为可响应式，必须先在data中初始化出来。eg：// data 对象var data = { a: 1 }// 此对象将会添加到 Vue 实例上var vm = new Vue({ data: data})// 在实例上获取...

转载 浅析MVVM模式 - Vue.js为例

原创: https://www.cnblogs.com/iovec/p/7840228.htmlModel–View–ViewModel(MVVM) 是一个软件架构设计模式。模型图如下：# View 层View 是视图层，也就是用户界面。前端主要由 HTML 和 CSS 来构建，为了更方便地展现 ViewModel 或者 Model 层的数据，已经产生了各种各样的前后端模板语言，比如 FreeMa...

转载 Oracle Parallel使用方法

转自：https://blog.csdn.net/richieruan/article/details/50534886一、 并行查询并行查询允许将一个sql select语句划分为多个较小的查询，每个部分的查询并发地运行，然后将各个部分的结果组合起来，提供最终的结果，多用于全表扫描，索引全扫描等，大表的扫描和连接、创建大的索引、分区索引扫描、大批量插入更新和删除 1.    启用并行查询SQL&...

转载 oracle 11g 的服务都是什么服务？哪些是非必须启动的？

转自：https://www.cnblogs.com/ronaldHU/archive/2013/07/02/3167715.html按照windows 7 64位 安装oracle 11g R2中的方法成功安装Oracle 11g后，共有7个服务，这七个服务的含义分别为： 1. Oracle ORCL VSS Writer Service：Oracle卷映射拷贝写入服务，VSS（Volume S...

原创 vue $mount 和 el的区别

两者在使用效果上没有任何区别，都是为了将实例化后的vue挂载到指定的dom元素中。如果在实例化vue的时候指定el，则该vue将会渲染在此el对应的dom中，反之，若没有指定el，则vue实例会处于一种“未挂载”的状态，此时可以通过$mount来手动执行挂载。注：如果$mount没有提供参数，模板将被渲染为文档之外的的元素，并且你必须使用原生DOM API把它插入文档中。例如：var MyComp...

原创 router.push()中的参数问题

1. push方法中的参数可以为是一个字符串路径，或者一个描述地址的对象例如:// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由router.push({ name: 'user', params: { userId: 123 }})// 带查询参数，变成 /register?plan=privaterouter....

原创 Vue router 全局守卫中调用next()时，params无法传递到跳转后的页面

问题如题，代码如下：在beforeeach()中，调用next():next({ path: 'login', params: { toPath: 'aaa' }})在跳转后的页面中接参：this.$route.params.toPath，接收到的参数始终为undefined....问题的原因在与，...

原创 this.$router 和this.$route 的区别

1. this.$router：    表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法；2. this.$route:    表示当前正在用于跳转的路由器对象，可以调用其name、path、query、params等方法；注：使用的时候注意拼写，两个很像，就差一个字母，经常会因为写错而导致调用的...

原创 package.json和package-lock.json的区别

package.json:主要用来定义项目中需要依赖的包package-lock.json：在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。'^' :放在版本号之前，表示向后兼容依赖，说白了就是在大版本号不变的情况下，下载最新版的包项目中引入的包版本号之前经常会加^号，每次在执行npm install之后，下载的包都会发生变...

转载 [转]path.join 与 path.resolve 的区别

转自：https://www.cnblogs.com/philipding/p/7773022.html1. 对于以/开始的路径片段，path.join只是简单的将该路径片段进行拼接，而path.resolve将以/开始的路径片段作为根目录，在此之前的路径将会被丢弃，就像是在terminal中使用cd命令一样。path.join('/a', '/b') // 'a/b'path.resolve(...

转载 Lombok介绍及使用方法

转自：http://www.cnblogs.com/holten/p/5729226.htmlLombok安装lombok的安装跟一般引用jar包没有什么区别，可以到官网上下载最新的jar包，然后导入到项目里面就好啦。Maven添加依赖<dependencies> <dependency> <groupId>org.projectlomb...

原创 context-param, listener, filter, servlet, interceptor的执行顺序

context-param -> listener -> filter -> servlet ->interceptor， 其中有多个filter的时候，按照配置在web.xml中的顺序执行，interceptor不是配置在web.xml中，是配置在spring的配置文件或者strus的配置文件中。...

原创 Idea使用总结

1.打开的文件自动连接到目录中相应的位置：项目右边设置 -- AutoScrollFromResource2.设置编码格式：Ctrl + Alt + S 打开设置页面 -- Editor -- File Encodings

原创 find() 和 children()的区别

1. children:参数：非必须，选择器类似选择器：$("parent > child")作用：选择某一元素的子代元素，无参数则默认选择全部2. find:参数：必须，选择器类似选择器：$("ancestor descendant")作用：选择某一元素的所有后代元素，包括子元素，孙子元素等。

原创 :nth-child(index)和nth-child(index)选择器的区别

1.:nth-child(index)选取某个父元素下第index个子元素，有可能匹配到多个该子元素，index数字从1算起；2.:eq(index)选取索引为index的元素，只能匹配到一个元素，index数字从0算起；

原创 jQuery选择器要点

1. 属性选择器中的两个[attribute |= value] 和 [attribute ~= value]：[attribute |= value]可以匹配title的值等于value或者title的值以“value”为前缀（即后面跟字符‘-’的数据）例：div[title|='en']可以匹配的有：，，，注意此处是中划线[attribute ~= value]可以

原创 next(), nextAll(), siblings()的区别

1.next()：相当于相邻元素选择器$("prev + next")例：$(".one").next(), 指的是样式为one的元素后的一个同辈元素；2.nextAll()：相当于同辈元素选择器$("prev ~ siblings")例：$(".one").nextAll()，指的是样式为one的元素后所有的同辈元素；3.siblings()：例：

原创 后代选择器和子代选择器的区别

1.后代选择器：写法：$("ancestor descendant")例：$("div span")  指的是div标签下的所有span标签，不管是什么层级；2.子代选择器：写法：$("parent >  child")例：$("div > span") 指的是div标签下的下一个层级的span，并不是所有；

原创 document.ready和window.onload的区别

1.document.ready:JS写法：document.ready = function(){};jQuery写法：$(document).ready(function(){}); 或者简写为：$(function(){});执行时间：在dom结构加载完成之后便执行，不必等待图片等其他资源加载；个数：无限制，可以写多个ready函数；例：// ready:dom结构加