小程序之生命周期 跟 vue、react 一样，微信小程序框架也存在生命周期，小程序的生命周期主要分成了两部分： 应用的生命周期 页面的生命周期 应用的生命周期小程序的生命周期函数是在 app.js 里面调用的，通过App(Object)函数用来注册一个小程序，指定其小程序的生命周期回调，具体如下表： 生命周期 说明 onLaunch 小程序初始化完成时触发，全局只触发一次 onShow 小程序 2022-07-20 小程序
elementUI按需引入问题的解决 在对使用 Vue-cli 以及 ElementUI 创建的项目进行优化时，想到可以使用按需引入 ElementUI 来减少打包体积以实现优化，于是上 ElementUI 的官方找到按需引入的方法如下： 首先，安装 babel-plugin-component： 1npm install babel-plugin-component -D 然后，将 .babelrc 修改为： 1234567891 2022-07-14 Vue Element-UI
webpack自制loader和plugin的总结 Loader 和 Plugin 的区别首先从基本概念上来看： loader 是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中 plugin 赋予了 webpack 各种灵活的功能，例如打包优化、资源管理、环境变量注入等，目的是解决 loader 无法实现的其他事 然后从两者的运行时机上来看 loader 运行在打包文件之前 plugins 2022-07-07 JavaScript webpack Loader Plugin
HTTP各协议版本的区别 一、HTTP1.0HTTP协议的第二个版本，第一个在通讯中指定版本号的 HTTP 协议版本 HTTP 1.0 浏览器与服务器只保持短暂的连接，每次请求都需要与服务器建立一个TCP连接 服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去的请求 简单来讲，每次与服务器交互，都需要新开一个连接 例如，解析html文件，当发现文件中存在资源文件的时候，这时候又创建单独的链接 最终导 2022-06-17 http
元素水平垂直居中的解决方法 一、背景居中是一个非常基础但又是非常重要的应用场景，实现居中的方法存在很多，可以将这些方法分成两个大类： 居中元素（子元素）的宽高已知 居中元素宽高未知 二、实现方式实现元素水平垂直居中的方式： 利用定位+margin:auto 利用定位+margin:负值 利用定位+transform table 布局 flex 布局 grid 布局 利用定位+margin:auto先上代码 2022-06-05 CSS
JavaScript中实现深拷贝的几个方法 序列化与反序列化代码如下： 1const b = JSON.parse ( JSON.stringify (a ) ); 优点：简单 缺点： JSON 只有六种数据格式，所以在转化时不支持 Date、正则、undefined、函数等数据 . 不支持引用(即环状结构) 递归实现代码如下： 12345678910111213141516171819202122232425262728293031 2022-05-13 JavaScript 手写
关于HTTPS的一些知识点 需要对密码学简单认识一下什么是对称加密、非对称加密、单向散列、消息认证码、数字签名、证书、PKI 体系 信息安全 机密性：信息是否被泄漏。使用对称加密、非对称加密来保证 完整性：信息是否被修改，使用单向散列、消息认证码、数字签名来保证 真实性：发送者是否冒名顶替的。使用消息认证码、数字签名来保证 不可否认性：做过了会不会抵赖。使用数字签名来保证 对称加密实现信息安全的机密性，那么可以使用对称加 2022-05-13 http https
手写Ajax 代码如下： 123456789101112131415const ajax = (method, url, data, success, fail) => { var request = new XMLHttpRequest(); request.open(method, url); //这里默认用异步请求 request.onreadystatechange = 2022-05-13 JavaScript Ajax 手写
手写Promise 简易 Promise 实现简易的原因是只有一次 then()，代码如下： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546class Promise2 { #status = 'pending'; constructor(fn) { 2022-05-13 JavaScript 手写 Promise
手写节流防抖函数 因为整体并不复杂，直接上代码理解就可以了。 节流（throttle）1234567891011121314151617181920212223242526// 节流就是「技能冷却中」const throttle1 = (fn, time) => { let flag = false; return (...args) => { if (fl 2022-05-13 JavaScript 手写
