2017年03月_jmin_coming

原创 vuejs中v-if和v-show的区别以及v-show不起作用

1.官网概念描述v-if 是'真正的'条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建.v-if 也是惰性的,如果在初始渲染时条件为假,那么什么都不做- - 直到条件第一次为真的时候才会开始渲染条件块,相比之下,v-show就简单得多- - 不管初始条件是什么,元素总会被渲染,并且只是简单的基于css进行切换.一般来说,v-if 有更高的切换开销,而...

2017-03-30 15:34:18 52761

原创 windows上为Linux虚拟机映射域名

1.背景如果我们用虚拟机进行模拟其他系统进行开发时（如模拟Linux开发nodejs），经常会遇到虚拟机的IP地址发生变化（如重启了虚拟机），这时候就需要修改一系列的相关配置（非常繁琐），为了防止这种情况的出现，可以通过在物理机上为虚拟机映射一个域名来进行解决。2.操作配置a.以管理员的身份打开记事本，打开C:\Windows\System32\drivers\etc目录，此时

2017-03-28 12:21:02 3100

原创通过sftp同步本地文件到Linux服务器上

1.背景在nodejs开发中，可运行其的系统有很多，但是让nodejs运行在合适的系统中必是一个不错的选择。用VMware虚拟机搭建了一个Linux服务器环境，利用Xshell模拟终端连接Linux服务器实现在windows下远程控制终端。通过sublime text中的sftp插件实现同步本地文件到服务器中。2.开发工具sublime text ,Xshell, VMware

2017-03-28 11:57:18 9276

原创区别 block,inline-block,inline的

1.display:blocka:给元素设置该属性或者说block元素会独占一行,多个元素会各起新的一行,默认情况下block元素宽度自动填满父元素的宽度.b:可以设置width和heightc:可以设置margin属性和padding属性2.display:inlinea:给元素设置给属性或者inline元素不会独占一行,多个元素会排列在同一行,直到一行排不下去,才会新起一行

2017-03-26 14:43:20 329

转载 JSONP安全防范解决方案新思路

jsonp安全性防范，分为以下几点：1、防止callback参数意外截断js代码，特殊字符单引号双引号，换行符均存在风险2、防止callback参数恶意添加标签（如script），造成XSS漏洞3、防止跨域请求滥用，阻止非法站点恶意调用针对第三点，我们可以通过来源refer白名单匹配，以及cookieToken机制来限制而前两点，传统的做法分为以下几种：1、纯手工过滤特殊字

2017-03-26 13:37:36 5625

原创 jsonp的原理,应用场景,优缺点

在开发测试中,难免会在不同域下进行跨域操作,出于安全性考虑,浏览器中的同源策略阻止从一个域上加载的脚本获取或者操作另一个域下的文档属性,这时需要进行跨域的方式进行解决,如:使用jsonp ,iframe等1.jsonp的原理jsonp,即json+padding,动态创建script标签,利用script标签的src属性可以获取任何域下的js脚本,通过这个特性(也可以说漏洞),服务器端不在

2017-03-26 13:21:25 14694

转载 JSONP与 CORS 跨域请求

实现跨域的方法有多种,下面介绍常用的两种方法:JSONP我们发现，Web页面上调用js文件时不受是否跨域的影响，凡是拥有"src"这个属性的标签都拥有跨域的能力，比如、、。那就是说如果要跨域访问数据，就服务端只能把数据放在js格式的文件里。恰巧我们知道JSON可以简洁的描述复杂数据，而且JSON还被js原生支持，所以在客户端几乎可以随心所欲的处理这种格式的数据。然后客户端就可以通过

2017-03-26 11:14:28 675

原创在bootstrap中导航存在高亮问题以及奇葩方式代替

1.bootstrap中存在问题bootstrap导航添加自定义高亮切换问题:1.利用js添加样式上去点击之后会出现闪动后消失问题(不能解决,由于导航栏是通过工具拼接到每个页面中,不能在直接绑定高亮class样式)2.通过hash值是匹配否含有对应页面的导航,并且通过addClass().siblings().removeClass()这种方式不能解决3.通过阻止事件冒泡的方式重复

2017-03-23 11:40:19 2440

原创 vuejs中执行npm run dev出现页面cannot GET/问题

1.问题描述最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况:1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误2.命令窗口中并没有报错其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发

2017-03-15 21:52:24 36704

原创在vue中用webpack打包之后运行文件问题以及相关配置

1.vue中的vue-cli打包最近在用vue写一个小项目，其中就用到了vue脚手架工具vue-cli，在测试打包后能否运行过程中遇到不少问题，而且在网上这些问题答案都不太好找，废话不多说，进入正题。a.执行打包命令：npm run build b.打包之后生成的文件夹为根目录下的dist文件：c.进入dist中在运行这个index.html之前先说说一些打包配

2017-03-15 14:17:31 28300 14

原创 jquery多个元素绑定同一事件以及回车事件触发点击事件

1.多个元素绑定同一事件场景呈现：在登录功能中可以会在每个输入框中监听回车事件或者是其他相同事件，这时候就可以通过下面方式进行绑定。$(".login_wrap input[name=username],.login_wrap input[name=userpassword],.login_wrap input[name=code]").keydown(function(e){

2017-03-11 11:10:36 7759

原创用Vue-cli搭建的项目中引入css报错的原因

1.问题描述之前用vue-cli搭建的项目，在main.js中引入elementUI库中的css,或者在其他文件中（比如App.vue）引入自己的css文件（假如你的文件是在src目录下），都会报一个相同的错。下如图经过一番折腾之后发现需要在build文件下的webpack.base.conf.js中加上下面的代码即可 { test: /\.c

2017-03-10 09:57:59 32263 6

纸上得来终觉浅，绝知此事要躬行