古兰精

2018年6月13日

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

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

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

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

posted @ 2018-06-13 22:39 古兰精阅读(14126) 评论(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 古兰精阅读(41936) 评论(0) 推荐(2)

2018年6月11日

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

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

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

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

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

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

vue-cli项目优化，缩短首屏加载时间

摘要： 1、大文件定位我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程js文件大小，然后有目的的解决过大的js文件。安装：npm install --save-dev webpack-bundle-analyzer 在webpack中设置如下，然后npm ru 阅读全文

posted @ 2018-06-11 22:31 古兰精阅读(2586) 评论(0) 推荐(0)

vue-cli4 配置gzip文件处理、nginx配置解决vue单页面打包文件大首次加载慢的问题

摘要：一、vue-cli4 配置gzip文件处理 1、第一步安装插件依赖，现在最新版本为7，实测有兼容问题，暂时使用5 npm i compression-webpack-plugin@5.0.1 --save-dev 2、在vue.config.js文件中配置 const CompressionWebp 阅读全文

posted @ 2018-06-11 22:13 古兰精阅读(12558) 评论(2) 推荐(1)

2018年6月8日

浅析computed计算属性的实现原理

摘要：计算属性不是API，但它是Watcher类最复杂的一种实例化的使用，还是很有必要分析的。其实主要就是分析计算属性为何可以做到当它的依赖项发生改变时才会进行重新的计算，否则当前数据是被缓存的。计算属性的值可以是对象，这个对象需要传入get和set方法，这种并不常用，所以这里的分析还是介绍常用的函数形式阅读全文

posted @ 2018-06-08 23:30 古兰精阅读(870) 评论(0) 推荐(0)

浅析vue-loader的作用及其提供的功能

摘要： 1、vue 文件 vue文件是一个自定义的文件类型，用类HTML语法描述一个vue组件，每个.vue组件包含三种类型的顶级语言块 <template>、<script>、<style>，还允许添加自定义的模块 2、vue-loader 作用解析和转换.vue文件，提取出其中的逻辑代码 script 阅读全文

posted @ 2018-06-08 22:20 古兰精阅读(4461) 评论(0) 推荐(1)

2018年6月7日

Element table使用技巧详解

摘要： 1、控制table某些行数不显示下载附件的需求，有些行有附件，有些没有，所以需要过滤，重点是：Array.filter()使用 2、elementUI的table自定义合计方法 3、elementUi的tabel组件如果要显示合计的话，下面的prop是必须得加的 4、elementUi的tabel 阅读全文

posted @ 2018-06-07 12:17 古兰精阅读(25502) 评论(2) 推荐(0)

公告