js前端使用AES加解密及在线解密工具验证
js 使用AES加解密在项目中安装 crypto.js。npm install crypto-js2.在项目中新建文件夹 utils3.新建工具类文件4.引入crypto-js文件import CryptoJS from 'crypto-js'5.初始化16位密钥 及 16位iv（密钥偏移量）6.解密方法export const Decrypt = (word) => { let ...
浅谈前端工程化的发展以及相关工具介绍
什么是工程化?什么是前端工程化?随着发展的逐步发展，作为工程师除了需要关注需要写的⻚面，样式和逻辑之外，还需要面对日益复杂 的系统性问题，比如模块化文件的组织、ES6 JS 文件的编译、打包压缩所有的 JS 代码、优化和合并图片静态资源等等事情。我们的项目需要以一种合理的方式进行组合，以应对在团队协作、需求迭代中保持项目 的稳定发展。这种方式就是工程化系统去运行我们的项目。例如如下图所示就是前端....
前端性能分析工具的演进
性能问题的产生前端承载交互逻辑增加性能优化设计知识面广，对开发人员要求高业务需求排期太紧，没时间优化性能网络、后端服务的瓶颈前端性能分析及优化流程页面性能反馈收集——性能分析——实现优化——部署&验收页面性能反馈收集用户：“打开个十秒视频，等了一分半，合适吗？”BOSS：“为什么竞品能做到秒开”APM报警：Page X-LCP 10s-p50性能分析Lighthouse资源体积文件编码、....
前端性能优化实践之工具篇（1）
1、开篇解决问题 你是在绕过问题，还是找到本质 解决了本质问题 网络异常，图片无法展示|网络异常，图片无法展示|2、性能指标和 优化目标 找个实际的例子说明这个事情 ， 打开淘宝1、按住 刷新按钮 选择 清缓存强制刷新 2、然后在 network 看 资源情况 3、重点关注 waterfall 瀑布流 4、并且 放在一个 资源的 waterfall 上 就可 查看 它的详细内容了 ...
前端可视化：Fabric.js HTML5 canvas 工具库(4)
缩放和平移画布缩放画布以原点为基准缩放画布// 监听鼠标滚轮事件 canvas.on('mouse:wheel', opt => { let delta = opt.e.deltaY // 滚轮向上滚一下是 -100，向下滚一下是 100 let zoom = canvas.getZoom() // 获取画布当前缩放值 // 控制缩放范围在 0.01~20 的区...
前端可视化：Fabric.js HTML5 canvas 工具库(3)
转换旋转角度 anglelet triangle = new fabric.Triangle({ top: 100, left: 100, width: 80, height: 100, fill: 'blue', angle: 30 // 旋转30度 }) 缩放 scaleX 和 scaleY let triangle = new fabri...
前端可视化：Fabric.js HTML5 canvas 工具库(2)
绘制路径// 绘制路径 const path = new fabric.Path('M 0 0 L 200 100 L 170 200 z') path.set({ top: 50, // 距离容器顶部距离 50px left: 50, // 距离容器左侧距离 50px fill: 'hotpink', // 填充 亮粉色 opacity: 0.5, // 不透明...
前端可视化：Fabric.js HTML5 canvas 工具库(1)
Fabric.js 是一个功能强大且操作简单的 Javascript HTML5 canvas 工具库。文档：官网：http://fabricjs.com/github: https://github.com/fabricjs/fabric.js安装基本示例创建容器<canvas id="canvas" width="400" height="400" style="bor...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
前端更多工具相关
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注