随笔分类 - 前端笔记
前端笔记
摘要：HTTPS 原理解析 HTTPS 保证了 Web 数据传输过程中的传输安全 HTTPS：采用 对称加密 和 非对称加密 结合以及数字证书的方式来保护浏览器和服务端之间的通信安全。 不进行加密 明文传输：在客户端和服务器数据传输过程中，黑客可以获取到传输的账号密码，非常不安全 注意： 明文就相当于裸奔
阅读全文
摘要：常见HTTP状态码 状态码类别： 1XX：informational信息性状态码，表示接受的请求正在处理 2XX：success成功状态码，表示请求处理完毕 3XX：Redirection重定向状态码，表示需要进行附加操作已完成请求 4XX：Client Error客户端错误状态码，表示服务器无法处
阅读全文
摘要：WebSocket 前段时间项目中遇到了消息推送的问题，当时采用客户端轮询，每隔 5s 请求一次数据。由于轮询的效率低，非常浪费资源。后面准备把轮询调整为使用 WebSocket 来建立连接，实现推送。 WebSocket 介绍 一种网络通信协议，使用 WebSocket 服务器可以主动向客户端推送
阅读全文
摘要：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深入理解,PWA渐进式应用，渐进式 Web 应用，提升 web app 浏览体验，manifest，service worker，cache storage。
阅读全文
摘要：JavaScript,正则表达式,在JavaScript中使用正则表达式，正则表达式常用修饰符，正则表达式特殊字符，正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。这些模式被用于RegExp的 exec和 text方法，以及String中的 match、matchAll、replace、search和split方法。
阅读全文
浙公网安备 33010602011771号