意义 懒加载或者可以说是延迟加载,针对非首屏或者用户”看不到”的地方延迟加载,有利于页面首屏加载速度快、节约了流量,用户体验好 实现方式 传统H5的懒加载方式都是通过监听页面的scroll事件来实…
分类:JavaScript
前端存储 (1) -- Cookie
目录 创建 组成 生命周期 作用域 存储大小 创建Cookie 当服务器收到HTTP请求时,服务器可以在响应头里面添加一个Set-Cookie选项。浏览器收到响应后通常会保存下Cookie,之后对该服务器每一次请求中都通…
Vue学习笔记5
列表渲染 用 v-for 把一个数组对应为一组元素 <div id="app"> <li v-for = "item in array"> {{item.message}} </li>…
react基本原理及性能优化
一、从React原理谈起 react是什么? react是用于构建用户界面的JS框架。因此react只负责解决view层的渲染。 react做了什么? Virtual Dom模型 生命周期管理 setState机制 di…
webpack import() 动态加载模块踩坑
import webpack根据ES2015 loader 规范实现了用于动态加载的import()方法。 这个功能可以实现按需加载我们的代码,并且使用了promise式的回调,获取加载的包。 在代码中所有被import…
Angular Elements 及其运作原理
现在,Angular Elements 这个项目已经在社区引起一定程度的讨论。这是显而易见的,因为 Angular Elements 提供了很多开箱即用的、十分强大的功能: 通过使用原生的 HTML 语法来使用 Angu…
解决npm ERR! Unexpected end of JSON input while parsing near的方法汇总
这两天执行 npm install 时会报错误: npm ERR! Unexpected end of JSON input while parsing near 这个错误的解决方法有以下几种: 1.删掉package.…
学习笔记:javascript数字格式化
千位分割符 // 三位数字用,号隔开 splitByComma (value) { return Number(value).toLocaleString() } JavaScript中的上溢、下溢和被零整除 Java…
D3.js数据可视化
你的淘宝年度消费报告那炫酷的图表一下子让人忘了自己花了多少钱,各大门户网站、媒体都开始大量使用图表,于是乎又有一批工具等待我们学习的路上 什么是D3.js D3.js(全称:Data-Driven Documents)大…
教你快速开发一个微信小游戏好友排行榜
概述 要做这个好友排行榜.必然要有好友的战绩比分,然后再做排序,最后将数据呈现在UI上 , 可以分为下面几个步骤: 保存每个用户的分数 获取好友列表,并获取好友的分数 渲染排行榜 保存每个用户的分数 保存每个用户的分…
react在本地代理请求json文件返回接口数据开发
在平时开发过程中,很多时候前后端并行开发,暂时无法调取后台接口,此时我们很多时候可能会采取本地伪数据方式,或者采用mock数据,我以前大多采用这种方式,最近来新公司这边,发现这便是利用node本地代理方式来进行接口模拟调…
JavaScript 垃圾回收入门
来源于 现代 JavaScript 教程 垃圾回收章节 虽然在 JavaScript 中不用自己管理内存,但是了解原理可以在关键时候快速搜索到解决办法,毕竟很多时候遇到问题是连搜索什么关键词都想不起来呀 😂…