摘要: WebSocket WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。 现很多网站为了实现即时通讯,所用的技术都是轮询(polling)。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客服端的浏览器,这种方式有 阅读全文
posted @ 2018-08-23 11:42 土豆儿哥 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。 g是模式修正符,表示在整个字符串里多次查找 match方法来找到和reg正则相匹配的内容 空白\s(包括空格回 阅读全文
posted @ 2018-08-21 16:49 土豆儿哥 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 1.什么是Promise 1.1. 什么是Promise Promise是抽象异步处理对象以及对其进行各种操作的组件。 Promise最初被提出是在 E语言中, 它是基于并列/并行处理设计的一种编程语言。 现在JavaScript也拥有了这种特性,基于JavaScript的异步处理,我想大多数都会想 阅读全文
posted @ 2018-08-20 19:07 土豆儿哥 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 引用官网的一句话,当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合webpack的代码分割功能即可实现一个简单的懒加载 还有一种推荐的方式 阅读全文
posted @ 2018-08-20 10:42 土豆儿哥 阅读(165) 评论(0) 推荐(0) 编辑
摘要: Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。 特点: localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。 sessionStora 阅读全文
posted @ 2018-08-15 10:08 土豆儿哥 阅读(239) 评论(0) 推荐(0) 编辑
摘要: HTML: JS: 阅读全文
posted @ 2018-07-06 15:50 土豆儿哥 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 效果如图: HTML代码: JS: 阅读全文
posted @ 2018-07-06 09:53 土豆儿哥 阅读(1140) 评论(0) 推荐(0) 编辑
摘要: let i, j, chunkedArray = [], chunk = 4; let posts = [1,4,5,7,9,12,14,16,23,26,37,48,21,52,43,25]; for (i=0, j=0; i < posts.length; i += chunk, j++) { chunkedArray[j] = posts.slice(i,i+chunk); }... 阅读全文
posted @ 2018-06-28 10:05 土豆儿哥 阅读(417) 评论(0) 推荐(0) 编辑
摘要: /* 根据数组中的字段去重 */ var arr = [ {"id":"1001","name":"值1","value":"123"}, {"id":"1001","name":"值1","value":"456"}, {"id":"1002","name":"值2",&quo 阅读全文
posted @ 2018-06-22 10:50 土豆儿哥 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 安装 使用 npm: 使用 bower: 使用 cdn: 用法 在main.js文件中,配置axios 在 main.js 中添加了这两行代码之后,就可以直接在组件的 created 钩子中使用 $axios 命令 拦截器 在请求或响应被 then 或 catch 处理前拦截它们。 阅读全文
posted @ 2018-06-21 09:58 土豆儿哥 阅读(161) 评论(0) 推荐(0) 编辑