前端首屏渲染时间的极致优化
我们知道，用户体验是 Web 产品最为重要的部分。尽可能减少首屏加载时间，更为流畅地展示用户所需求的内容，会是用户是否留存的关键因素。 而随着现代 Web 业务可供用户的交互行为越来越多，前端项目的复杂度越来越高，每个页面的渲染时间也必然越来越长，这就导致了用户的体验不佳，用户的操作变慢。 为此，前端工…
微信小程序全局websocket
在微信小程序中，我们自己写的聊天室，用到websocket时在单页面创建ws ，重复与服务器创建连接占用资源的同时也影响效率，所以就是使用了全局websocket ，创建连接一次不出意外可以一直使用这个实例，废话就不多说了，直接上代码吧！ 首先创建配置文件 在根目录的 utils（如果没有那就创建一…
原生js中offsetTop, offsetLeft与offsetParent的详细讲解
简单说下:offsetTop offsetTop: 为只读属性。 返回的是一个数字。 它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。 它等价于offsetTop==>元素到offsetParent顶部内边距的距离 offsetTop并不是指距离浏览器窗口最左边的位置。 …
JavaScript输入输出语句propmt、alert、console
propmt是一个输入语句它的返回结果是你输入的内容，无论输入什么内容返回结果的数据类型都是字符串类型。 alert是一个弹框输出 console是控制台输出 下面代码的意思是输入一些内容然后保存到content变量里面 然后alert输出content变量也就是你从prompt输入的内容 cons…
节流VS防抖
[说明] 在前端页面中，有些事件可能会由于用户不必要的操作而频繁触发，这在无形之中就增加了服务器的IO并发量. 为了解决这个问题，我们通常会通过防抖或节流的方式来限制事件函数的执行次数，只不过二者实现方式不同. 防抖 (Debounce) 防抖原理 防抖函数的实现逻辑 (如右图) 用于限制函数的…
VS Code For Web 深入浅出 — 导读篇
下一代 IDE 的形态究竟是什么呢？VS Code For Web 试图回答这个问题。 背景 众所周知，VS Code 是当前工业界最优秀的代码编辑器之一。它由《设计模式》的作者 Erich Gamma 领导开发，因此，它的设计架构在很多地方十分精妙，近些年已经成为了各家竞相模仿学习的对象。 尽管 VS…
百度ueditor工具栏配置
百度ueditor使用方法 下载地址：https://github.com/fex-team/ueditor html <textarea id="content" type="text/plain" name="content" lay-verify="required"></tex…
JavaScript基础复盘补缺
语法规范 JavaScript严格区分大小写，对空格、换行、缩进不敏感，建议语句结束加‘；’ JavaScript 会忽略多个空格。您可以向脚本添加空格，以增强可读性。 JavaScript 程序员倾向于使用以小写字母开头的驼峰大小写 firstName, lastName, masterCard, i…
前端：页面安全问题，从前端角度使用js禁止用户修改页面代码
所周知，审查元素（F12或者右键检查）的情况下，大家都可以随机更改一部分页面的代码，注入恶意JS等等，这种情况避免也不难，虽然还能看到一部分H5源码，但是无法修改；所以我们可以通过一下三种方式解决问题： 1、屏蔽F12 审查元素； 2、屏蔽右键菜单来初步解决这些问题（也就是解决发现问题的人[偷笑]）； …
前端设计模式——原型模式
原型模式（Prototype Pattern）：使用原型实例指定创建对象的种类，并通过拷贝这些原型创建新的对象。 在JavaScript中，所有的对象都有一个原型链。原型链是一种机制，它允许我们在对象上定义属性和方法，并且可以从它的原型中继承属性和方法。当我们访问一个对象的属性或方法时，JavaScri…