古兰精

2018年6月18日

摘要： SSE （ Server-sent Events ）是 WebSocket 的一种轻量代替方案，使用 HTTP 协议。严格地说，HTTP 协议是没有办法做服务器推送的，但是当服务器向客户端声明接下来要发送流信息时，客户端就会保持连接打开，SSE 使用的就是这种原理。一、SSE 能做什么？理论上阅读全文

posted @ 2018-06-18 20:55 古兰精阅读(41437) 评论(0) 推荐(2)

浅析vue路由匹配语法：参数自定义正则、可重复的参数、可选参数匹配

摘要：一、在参数中自定义正则当定义像 :userId 这样的参数时，我们内部使用以下的正则 ([^/]+) (至少有一个字符不是斜杠 / )来从 URL 中提取参数。这很好用，除非你需要根据参数的内容来区分两个路由。想象一下，两个路由 /:orderId 和 /:productName，两者会匹配完全相阅读全文

posted @ 2018-06-18 16:14 古兰精阅读(4760) 评论(0) 推荐(0)

浅析new Vue()时发生了什么

摘要：在项目中我们引入了 Vue：import Vue from 'vue'。那么问题是vue到底从哪里来的？从node_modules中来。在node_modules路径下存在vue文件夹，vue文件夹中存在一个package.json文件。在这个文件中存在两个配置字段，它们都是程序的主入口文件。 "m 阅读全文

posted @ 2018-06-18 16:07 古兰精阅读(12491) 评论(0) 推荐(0)

2018年6月15日

深入理解VUE样式style层次分析

摘要：刚开始使用vue的时候容易被里面的样式搞懵：样式可以在main.js中引入，在模块js文件中引入，在组件中的style标签引入，在组件中的script标签引入，还可以在index.html的body中引入。我不禁要问: 1、从不同位置引入的样式到底是什么关系？ 2、在实际定义样式时应该定义在哪个阅读全文

posted @ 2018-06-15 00:01 古兰精阅读(7305) 评论(0) 推荐(0)

2018年6月13日

图解vue中 v-for 的 :key 的作用，虚拟dom Diff算法

摘要：其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的D 阅读全文

posted @ 2018-06-13 23:34 古兰精阅读(1155) 评论(0) 推荐(0)

ES6小技巧

摘要： 1、强制要求参数 ES6提供了默认参数值机制，允许你为参数设置默认值，防止在函数被调用时没有传入这些参数。在下面的例子中，我们写了一个required()函数作为参数a和b的默认值。这意味着如果a或b其中有一个参数没有在调用时传值，会默认required()函数，然后抛出错误。 2、强大的redu 阅读全文

posted @ 2018-06-13 23:06 古兰精阅读(429) 评论(0) 推荐(0)

JS 中数组字符串索引和数值索引研究

摘要：先来看一个问题：在之前看过的许多javascript书籍中，都宣称js是可以使用字符串作为数组下标的，因此我在用的时候也没觉得有什么不妥。但是在查看最后一句的控制台输出结果的时候，始料未及的情况出现了：length为0 显示的数组的length值居然是零，接着测试一下之前的步骤是否成功对数组进行了阅读全文

posted @ 2018-06-13 22:39 古兰精阅读(14120) 评论(6) 推荐(5)

[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined、vuejs路由使用的问题Error in render function

摘要： 1、[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined 注意，只要出现Error in render，即渲染时候报错，此时应该去渲染位置去找错误，而不是函数里面。今天就碰到这个错误，我一直只注阅读全文

posted @ 2018-06-13 00:07 古兰精阅读(41927) 评论(0) 推荐(2)

2018年6月11日

浅析Web实时通信的方法总结：短轮询/长轮询/SSE/Websocket的介绍及性能和兼容性对比、SSE的工作原理及如何实现

摘要：一、Web端即时通讯技术即时通讯技术简单的说就是实现这样一种功能：服务器端可以即时地将数据的更新或变化反应到客户端，例如消息即时推送等功能都是通过这种技术实现的。但是在Web中，由于浏览器的限制，实现即时通讯需要借助一些方法。这种限制出现的主要原因是，一般的Web通信都是浏览器先发送请求到服务器阅读全文

posted @ 2018-06-11 23:50 古兰精阅读(5605) 评论(0) 推荐(0)

Vue路由history模式踩坑记录：nginx配置解决404问题

摘要：问题背景： vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网址：使用hash模式的话，那么访问变成 http://loc 阅读全文

posted @ 2018-06-11 23:14 古兰精阅读(34949) 评论(0) 推荐(4)

公告