摘要：
WebSocket 前段时间项目中遇到了消息推送的问题，当时采用客户端轮询，每隔 5s 请求一次数据。由于轮询的效率低，非常浪费资源。后面准备把轮询调整为使用 WebSocket 来建立连接，实现推送。 WebSocket 介绍 一种网络通信协议，使用 WebSocket 服务器可以主动向客户端推送 阅读全文
摘要：
前端工程师进阶之旅-手撕代码 主要包括一些工作中常用的方法，面试常问到的方法。还有一些不太了解，趁机深入了解的知识点。都弄懂之后还是有点提升的。 数据类型判断 function myTypeof(data) { return Object.prototype.toString.call(data). 阅读全文
摘要：
项目当中，遇到需要加一个吸顶效果组件。原思路，使用Vant组件库中Sticky 粘性布局组件。后发现无法实现吸顶效果。排查后发现原因为：父元素的transform使子元素fixed布局失效，子元素从原本的fixed布局，变为绝对定位布局absolute。 总结：做粘性布局或者吸顶效果时，应避免父元素 阅读全文
摘要：
Vue+axios上传文件方法 最近做项目遇到的新的上传文件方法，记录一下。 uploadFile(file) { // 转换形式 const reader = new FileReader(); reader.readAsArrayBuffer(file.file); // 上传图片 reader 阅读全文
摘要：
HTTPS 原理解析 HTTPS 保证了 Web 数据传输过程中的传输安全 HTTPS：采用 对称加密 和 非对称加密 结合以及数字证书的方式来保护浏览器和服务端之间的通信安全。 不进行加密 明文传输：在客户端和服务器数据传输过程中，黑客可以获取到传输的账号密码，非常不安全 注意： 明文就相当于裸奔 阅读全文
摘要：
常见HTTP状态码 状态码类别： 1XX：informational信息性状态码，表示接受的请求正在处理 2XX：success成功状态码，表示请求处理完毕 3XX：Redirection重定向状态码，表示需要进行附加操作已完成请求 4XX：Client Error客户端错误状态码，表示服务器无法处 阅读全文
摘要：
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时报错。 阅读全文