摘要：
前言 这个问题也可以变为 commonjs模块和ES6模块的区别；下面就通过一些例子来说明它们的区别。 先来一道面试题测验一下：下面代码输出什么 // base.js let count = 0; setTimeout(() => { console.log("base.count", ++coun 阅读全文
摘要：
一、 referer是什么 referer：引用页。HTTP请求头信息中，referer用于提供访问来源的信息，客户端发送请求的时候，自主决定是否加上该字段。服务器一般使用referer识别访问来源，可能以此进行统计分析、日志记录以及缓存优化等。该字段的正确拼写是referrer. 二、 refer 阅读全文
摘要：
canvas旋转 canvas旋转画笔，可以使用rotate方法，rotate方法是绕着中心点旋转的，中心点默认是左上角的(0,0)位置，可以使用translate方法改变旋转的中心点，下面介绍两种方法旋转，可以根据自己的需求使用，关键是理解旋转的原理 旋转方法1 此种方法是，先将中心点平移到矩形中 阅读全文
摘要：
前端需要做分享功能。生成二维码后 在指定的图片上添加二维码和邀请码生成新的图片。 1.使用 qr-code生成二维码 /** * 根据url 地址生成 二维码 */ async createQr(url, name) { let qr_png = qr.image(url, { type: ‘png 阅读全文
摘要：
一、 why flex 都知道html正常的文档流是自上而下排列的，块级元素会像下左图一样排列。但是项目中尤其是移动端项目会有很多需求的排版方式是要求由左到右排列。虽然可以通过dispaly：inline-block、float、position完成排版，但是需要对距离进行计算，计算起来十分麻烦。 阅读全文
摘要：
1. 减少 HTTP 的请求次数和传输报文的大小 -css SPRITE（雪碧图、图片精灵）技术 - 使用字体图标（ICON FONT）或者 SVG 等矢量图； 可以减少 HTTP 请求次数或者减少请求内容的大小 ，使图片渲染的更快：因为他们是基于代码渲染的，而对于位图（png/jpg/gif）是需 阅读全文
摘要：
之前在项目中遇到一个环形进度条的需求，要求能实时更新进度，脑海中瞬间便蹦出css，svg，canvas3中方案，对于3种方案个人更偏向于svg，用法简单，代码量也很少，同时也便于实时控制。具体效果如下图： 代码非常简单： <svg width="150px" height="150px" class 阅读全文
摘要：
效果 效果图如下 实现思路 使用box-shadow画赤橙黄绿蓝靛紫7个弧形，拼接在一起 after伪元素写投影样式 彩虹和投影都有动画 东莞vi设计https://www.houdianzi.com/dgvi/ 豌豆资源网站大全https://55wd.com dom结构 用两个嵌套的div容器， 阅读全文
摘要：
文件组织规范 文件结构 原则：文件少、层级浅、资源集中、相对独立互不影响基本结构： . |_ node_modules |_ dist |_ src |_ assets // 公共资源 |_ img // 全局图片 |- favicon.png |- common.js // 全局公用 js |- 阅读全文
摘要：
前言 之前在做webpack配置时候多次用到路径相关内容，最近在写项目的时候，有一个文件需要上传到阿里云oss的功能，同时本地服务器也需要保留一个文件备份。多次用到了文件路径相关内容以及Node核心API的path模块，所以系统的学习了一下，整理了这篇文章。 node中的路径分类 node中的路径大 阅读全文