摘要:前端工程化-工具 脚手架 yeoman 大而全已有的generator 或者自己自定义generator plop 小而美 在项目中快速使用,例如快速生成模板文件 自己利用inquirer 或者ejs等npm 包实现自己的自定义脚手架工具 自定义小工具 npm script 工作流 npm run 阅读全文
posted @ 2021-04-22 17:22 c-137Summer 阅读(12) 评论(0) 推荐(0) 编辑
摘要:开始 项目里安装 Jest yarn add --dev jest # or npm install --save-dev jest 初始化配置文件 在根目录下生成 jest.config.js 的配置文件,scripts里添加的jest命令会在 jest.config.js 里找配置 npx je 阅读全文
posted @ 2021-03-12 13:52 c-137Summer 阅读(122) 评论(0) 推荐(0) 编辑
摘要:前言 函数防抖和节流作为性能优化的常用函数,他俩总是一起出现,以至于有时候有些分不清区别,一旦说手写下代码就会一时语塞🌚本文就梳理下以加固理解 函数防抖 debounce 防抖,顾名思义就是防止抖动,比如输入框输入的时候,绑定的数据会一直改变,如果此时想要在输入结束才去进行接口请求等操作,就需要用 阅读全文
posted @ 2021-01-19 10:04 c-137Summer 阅读(112) 评论(0) 推荐(0) 编辑
摘要:钉钉自定义机器人:官方文档 机器人群通知 通过在钉钉群里添加自定义机器人,获得webhook地址和secret加签,根据加密规则获得可以发送消息的地址,实现消息的推送 可以集成到node脚本中,实现特定情形的群通知 node 封装代码 bot.js const request = require(' 阅读全文
posted @ 2021-01-17 10:41 c-137Summer 阅读(199) 评论(2) 推荐(0) 编辑
摘要:前言 我们常称的 Chrome 插件(Chrome Extension)是指 Chrome 扩展程序,它的作用是增强浏览器功能。通常在Chrome商店中下载的扩展是.crx后缀的压缩包,安装插件可以以压缩包形式安装,当你开启开发者模式的时候,也可以加载已解压的扩展程序,即至少包含一个manifest 阅读全文
posted @ 2020-11-30 00:10 c-137Summer 阅读(412) 评论(0) 推荐(1) 编辑
摘要:一些废话 在前端的飞速发展下,这十年里,前端从美工切图仔演变成如今的大前端,在互联网时代中占据越来越重要的位置。前端工程化,模块化成为前端提效利器。越来越多公司也开始重视,开始搭建适用于公司内部,或者业务线内部的组件库。这篇文章将遵循 是什么 为什么 怎么做 来一起搭建业务组件库,或者太长不想看直接 阅读全文
posted @ 2020-08-21 00:59 c-137Summer 阅读(1723) 评论(7) 推荐(2) 编辑
摘要:ES新特性 JS 中的作用域有几种 全局作用域 函数作用域 块级作用域ECAMAScript2015(ES6) ECAMAScript2015 let const 解构赋值 // 数组解构 const arr = [1,2,3] const [a,b,c] = arr // 对象解构 const o 阅读全文
posted @ 2020-07-29 00:06 c-137Summer 阅读(334) 评论(0) 推荐(0) 编辑
摘要:前言 面向对象的编程思维方式:把现实中的事务抽象成程序世界中的类和对象,通过封装、集成和多态来演示事物间的联系 函数式编程的思维方式:把显示世界的事物和事物之间的联系抽象到程序世界(对运算过程进行抽象) 函数式编程的特点 在JS中函数就是一个普通的对象,我们可以把函数存储到变量/数组中,它还可以作为 阅读全文
posted @ 2020-07-21 16:58 c-137Summer 阅读(94) 评论(0) 推荐(0) 编辑
摘要:前言 熟悉 vue 的前端,想必对 vue 里的 nextTick 也很熟悉了,用的时候就知道他是延迟回调,有时候用起来甚至和setTimeout 看起来是同样的效果。但他和setTimeout到底有什么区别?他是如何实现的? 本文就nextTick的实现引入,来探讨下js中的异步与同步,微任务与宏 阅读全文
posted @ 2020-07-08 10:13 c-137Summer 阅读(3210) 评论(0) 推荐(2) 编辑
摘要:前言 IM(Instant Messaging),也就是即时通讯。几乎所有对实时性要求高的应用场景都需要IM技术的运用。比如聊天、直播、弹幕、实时位置共享、协同编辑/在线文档、股票基金报价等。 本篇将带大家从零开始搭建实现一个轻量群聊的完整闭环。客户端用到的是vue+websocket通信,服务端用 阅读全文
posted @ 2020-04-14 00:39 c-137Summer 阅读(490) 评论(0) 推荐(0) 编辑