12 2017 档案
摘要：自从vue2.0开始不对vue-resouce进行维护了，转而用axios进行代替，axios的官方文档写的很详细，附上链接一枚：http://www.jianshu.com/p/df464b26ae58 但是，我看完以后有一个疑问，跨域请求呢？where(黑人问号脸),在vue-resouce里面
阅读全文
摘要：1. 拨打电话 在电话号码前面可以加上 + （加号）表示国际号码。 <a href="tel:10086">10086</a> 使用wtai协议进行拨打电话： <a href="wtai://wp/mc;10086">10086</a> 2. 发送短信 如果是需要调用短信的接口，可以将链接写成下面的
阅读全文
摘要：在vue中，父组件向之组件通讯使用的是props，子组件向父组件通讯使用的是$emit+事件，那非父子间的通讯呢，在官方文档上只有寥寥数笔， 概念很模糊，这个空的vue实例应该放在哪里呢，光放文档并没有明确的描述，经过查证一些其他的资料，发现其实这个非父子间的通讯是这么用的： 首先，这个空的实例需要
阅读全文
摘要：再vue中，当页面加载完成以后，dom还没有加载，是无法获取进行操作的，但是在vue2.0中提供了一个方法：this.$nextTick,在这个回调函数里面写dom操作即可： 如下代码： 其实这里还有一个小技巧，就是用settimeout(fn,20),来取代this.$nextTick,（20 m
阅读全文
摘要：父组件代码： 子组件代码： 效果如下：
阅读全文
摘要：在后台还没给接口之前，使用JSON-Server搭建一台JSON服务器，将接口要返回的数据放在json文件里面。然后请求这些数据，这样我们可以先做一些东西，等后台接口好了之后直接替换就可以了，不必一直傻傻的等后端的接口。 1.安装json-server npm install -g json-ser
阅读全文
摘要：实现数组去重的方法很多，最原始的方法是一个值一个值的去遍历，写到空数组里面： 或者是在es6里面的.map方法， 但是今天要讲的是迭代器filter，用习惯了迭代器，你可以发现它真的可以取代for循环干许多的事情，而且代码简洁， filter的定义： filter():对数组中的每一项运行给定函数。
阅读全文
摘要：本例中使用的是jq和es6的语法，代码如下： html: css样式表： jq： 效果如下：
阅读全文
摘要：在正常的js中。我们如果要实现点击选中active然后其他取消的效果，我们可以定义一个类，当点击的时候给给多有的dom取消active的类，给当前元素加上这个类名，说的很啰嗦，直接来看代码说话吧（表示楼主用的是jq）: 效果如下图所示： 但是在vue里面，是不提倡进行dom操作的，如果非进行dom的
阅读全文
摘要：使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测，只要变量的值为:0、null、" "、undefined或者NaN都将返
阅读全文
摘要：cnpm install pug pug-cli vuex node-sass sass-loader vue-beauty axios 在main.js里面使用vue-beauty: import 'vue-beauty/package/style/vue-beauty.min.css' impo
阅读全文
摘要：当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。 首先，可以将异步组件定义为返回一个
阅读全文
摘要：父子间的组件通讯是通过props和$emit来实现的，那么路由之间的通讯呢，往下看： 我现在再webpack里面有一个这样的结构， 我现在想test1里面的按钮点击跳转到test2里面，获得到test1传递过来的id和age， 路由我们可以这么写： test1.vue： test2.vue: 效果：
阅读全文
摘要：一：在HTML中使用pug 在css中有预处理器less和scss来使我们的样式表更加的简介，那么在HTML中有没有这样的格式呢，答案是有的，那就是pug(前身是jade),效果如下： 转译以后 好，看步骤： 第一步：安装pug: 这个地方务必使用全局安装，否则会出现“'pug' 不是内部或外部命令
阅读全文
摘要：一些基本的命令往往可以在保护网络安全上起到很大的作用，下面几条命令的作用就非常突出。 命令是再CMD中输入，不是运行框中 一、检测网络连接 如果你怀疑自己的计算机上被别人安装了木马，或者是中了病毒，但是手里没有完善的工具来检测是不是真有这样的事情发生，那可以使用Windows自带的网络命令来看看谁在
阅读全文
摘要：js里面有递归算法，同时，我们也可以利用props来实现vue模板的递归调用，但是前提是组件拥有 name 属性 父组件:slotDemo.vue: 子组件：simple3.vue 上面是一个子组件，定义了 name 为 simple03，然后在模板中调用自身，结合 v-for 实现递归 为了防止出
阅读全文
摘要：我们都知道，vue的组件化是他最强大的核心所在，路由也是特别可爱的一部分，但是路由适合一些大型的组件，看url路径的时候会出现变化，但是有时候我们想要一些小的局部小刷新，这个时候就需要用到它的动态组件了： Vue 自身保留的 <component> 元素，可以将组件动态绑定到 is 特性上，从而很方
阅读全文
摘要：找到WebStorm.exe.vmoptions这个文件，路径如下webstorm安装主目录>bin>WebStorm.exe.vmoptions更改为第二行：-Xms526m第三行：-Xmx1024m（ps：这里-Xms最大值不能超过1024，否则webstorm将无法打开）重启ps：本地电脑64
阅读全文
摘要：在前端里面，解决跨域的时候总显得那么的恶心，什么jsonp啊，ajax啊，CORS啊什么的，总觉得是在钻空子进行跨域，其实在PHP文件里面只需要加一段代码就可以跨域了，前端你该怎么写还是怎么写，post，get随便用：
阅读全文
摘要：html代码： PHP代码： 效果如下：
阅读全文
摘要：今天想vue结合PHP来小写一段代码，但是发现自己把vue的文件放进去，会显示text文本，在刚开始的时候，编辑器会提示我们以什么格式打开，我没在意的选择了text，结果悲催了，那么在设置里面的哪个选项可以设置默认打开方式呢，看图： 找到http，点击下面的加号，写个*.vue就行了，其他类型也可以
阅读全文
摘要：今天在学习《高级JS编程》，看到离线存储，cookie和session都十分的熟悉，但是书中还提到了indexedDB和webSQL（已废弃），indexedDB可以像mysql一样建表，这就很有趣了，可以把后台获取来的数据统一放到indexedDB里面，那么即使断开连接，也能实现离线预览的功能啊，
阅读全文
摘要：概念： 轮询（polling）：客户端按规定时间定时像服务端发送ajax请求，服务器接到请求后马上返回响应信息并关闭连接。 概念总是枯燥的，只有代码方能解心头之快 前段代码：index.html: 服务端PHP代码：server.php 上面就是最基本最简化的Ajax轮询。判断t表是否有数据，并执行
阅读全文
摘要：众所周知，box-sizing是将w3c盒模型与IE盒模型相互转换的利器，但是有时候也会失效，那么在什么情况下回失效呢，MD在没设置高度的时候回失效的透透的，所以一定记得需要转换的时候设置个高度！！！
阅读全文
摘要：代码如下： 在IE里面，直接调用window.clipboardData对象即可对剪切板里面的数据进行操作（IE的良心之处），但是对于库容和火狐来说就没这么友好，也是为了安全着想的原因，但是可以使用
阅读全文
