摘要:
实时数据推送 在Web或移动项目中,服务器向客户端实时推送消息是一种常见的业务需求。 实现方式 应用场景: 聊天室 股票价格变化、K线图 消息提醒 WebSocket Polling WebSocket是HTML5新增加的一种通信协议,目前流行的浏览器都支持这个协议,例如 Chrome,Safari 阅读全文
摘要:
一、定义[nextTick、事件循环] nextTick的由来: 由于VUE的数据驱动视图更新,是异步的,即修改数据的当下,视图不会立刻更新,而是等同一事件循环中的所有数据变化完成之后,再统一进行视图更新。 nextTick的触发时机: 在同一事件循环中的数据变化后,DOM完成更新,立即执行next 阅读全文
摘要:
1、基于异步数据的vue页面刷新 先看看基于异步数据的vue页面刷新后,都发生了啥~ 如图所示: 图1 基于异步数据的vue页面刷新 网络请求图 步骤如下: step1:请求页面; step2:请求页面内的css、js资源; step3:vue页面初始化; step4:页面渲染,框架呈现[无数据内容 阅读全文
摘要:
vue2组件懒加载浅析 一、 什么是懒加载 懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。 二、为什么需要懒加载 在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要 阅读全文
摘要:
在JS中,一般的=号传递的都是对象/数组的引用,并没有真正地拷贝一个对象,那如何进行对象的深度拷贝呢?如果你对此也有疑问,这篇文章或许能够帮助到你 一、对象引用、浅层拷贝与深层拷贝的区别 js的对象引用传递理解起来很简单,参考如下代码: 上述代码中,使用了=进行赋值,于是b指向了a所指向的栈的对象, 阅读全文
摘要:
前言 canvas 强大的功能让它成为了 HTML5 中非常重要的部分,至于它是什么,这里就不需要我多作介绍了。而可视化图表,则是 canvas 强大功能的表现之一。 现在已经有了很多成熟的图表插件都是用 canvas 实现的,Chart.js、ECharts等可以制作出好看炫酷的图表,而且几乎覆盖 阅读全文
摘要:
大家好,本人名叫苏日俪格,大家叫我 (格格) 就好,在上一章节中我们学到了Promise的用法,下面我们一起来继续学习模块化: JavaScript本身是不支持模块化的,只不过后来一些社区的大佬制定了一个模块规范,主要分为两种,一个是用于服务器的CommonJs,比如nodeJs中的require; 阅读全文
摘要:
一.JS引入方式 什么是JavaScript? 什么是JavaScript? JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互,JavaScript是浏览器解释执行的。 JavaScript的嵌入方式 JavaScript的 阅读全文
摘要:
一.内置对象 object对象:ECMAScript 中的所有对象都由这个对象继承而来;Object 对象中的所有属性和方法都会出现在其他对象中 11种内置对象 包括: Array ,String , Date, Math, Boolean, Number Function, Global, Err 阅读全文
摘要:
测试用的数组是百万级别的,下面是创建测试数组的方法: let arr = []; for(let i = 0; i < 1000000;i ++) { arr.push(Math.floor(1000000* Math.random()))}使用console.time('test')和consol 阅读全文