04 2021 档案
摘要：WebSocket 前段时间项目中遇到了消息推送的问题，当时采用客户端轮询，每隔 5s 请求一次数据。由于轮询的效率低，非常浪费资源。后面准备把轮询调整为使用 WebSocket 来建立连接，实现推送。 WebSocket 介绍 一种网络通信协议，使用 WebSocket 服务器可以主动向客户端推送
阅读全文
摘要：前端工程师进阶之旅-手撕代码 主要包括一些工作中常用的方法，面试常问到的方法。还有一些不太了解，趁机深入了解的知识点。都弄懂之后还是有点提升的。 数据类型判断 function myTypeof(data) { return Object.prototype.toString.call(data).
阅读全文
摘要：H5 端 rem 适配方案与 viewport 适配，媒体查询设置，使用 JS 动态修改rem布局。使用 js 动态设置 viewport 属性，通过设置 viewport 的 initial-scale 相关属性 , 将所有设备布局视口的宽度调整为设计图的宽度。
阅读全文
摘要：NPM 和 NPX 区别 NPM Node Package Manager npm 是 Node.js 的软件包管理器，其目标是自动化的依赖性和软件包管理 NPX npx 是执行 Node 软件包的工具，它从 npm5.2 版本开始，与 npm 捆绑在一起。 1.默认情况下，首先检查路径中是否存在要
阅读全文
摘要：CSS3 Canvas 实现两张图片合成一张图片 需求 需求：在项目中遇到将一张固定图片和一张二维码图片合成一张新图片，并且用户能够将图片保存下载到本地。 思路：使用 CSS3 中的 Canvas 将两张图片绘制。 HTML 部分 <div> <img id="img1" src="wenbo.jp
阅读全文
摘要：在Vue中使用Sass和Less，并解决报错问题（this.getOptions is not a function），使用 Less，使用 Less时报错，使用Sass，使用Sass时报错。
阅读全文
摘要：JavaScript深入理解-Promise以及常用方法详解，Promise，Primise.all()，Promise.allSettled()，Promise.any()，Promise.race()，Promise.reject()，Promise.resolve()，Promise.prototype.catch()，Promise.prototype.then()，Promise.prototype.finally()，链式使用。
阅读全文
摘要：H5 离线存储-使用 serverWorker 实现，serviceWorker 生命周期，cache storage，注册 serverWorker， 设置缓存内容，清除旧的缓存，离线读取 cache。
阅读全文
摘要：JavaScript深入理解-Set、Map、WeakSet和WeakMap，set，成员唯一，无序且不会重复，WeakSet，只能存储对应引用，不能存放值，Map，键名唯一不可重复，WeakMap，只接受对象为键名，不接受其他类型的值作为键名，键值可以是任意。
阅读全文
摘要：JavaScript深入理解,PWA渐进式应用，渐进式 Web 应用，提升 web app 浏览体验，manifest，service worker，cache storage。
阅读全文
摘要：JavaScript,正则表达式,在JavaScript中使用正则表达式，正则表达式常用修饰符，正则表达式特殊字符，正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。这些模式被用于RegExp的 exec和 text方法，以及String中的 match、matchAll、replace、search和split方法。
阅读全文
摘要：HTML5与CSS3新增特性笔记-HTML5新标签，音频，视频，地理位置API，拖拽事件，自定义属性，画布Canvas，浏览器储存，web worker，web socket。CSS3背景相关，渐变，动画，过渡，媒体查询，2d3d转换，flex布局。
阅读全文
浙公网安备 33010602011771号