JavaScript防抖和节流的使用及区别
点击打开视频教程
什么场景下使用防抖和节流
在进行窗口的resize、scroll、输出框内容校验等操纵的时候，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验，就可以采用防抖（debounce）和节流（throttle）的方式来到达这种效果，减少调用的频率。
为什么滚动scroll、窗口resize等事件需要优化
滚动事件的应
前端
js实现滚动触底加载事件
一、html和css
可视区固定500px，设置overflow-y: auto 来实现滚动。
1.1、html
<template>
<div class="scroll"
ref='scroll'
@scroll="onScroll">
<div class="crad"
v-for="i in 10"
el-table二次封装
在vue开发中使用element-ui的el-table时一般都需要进行封装以便于复用，提高开发效率，减少重复代码，这篇博客对el-table进行简单的二次封装：
一、安装引入
Element官方文档
npm安装element-ui：
npm i element-ui -S
可以看文档按需引入，这里为了方便直接全局引入了：
import Vue from 'vue'
import App fro
vue2升级vue3：composition api中监听路由参数改变
vue2 的watch回顾
我们先回顾一下vue2中watch
《watch性能优化：vue watch对象键值说明-immediate属性详解》
《vue中methods/watch/computed对比分析，watch及computed原理挖掘》
watch和computed很相似，watch用于观察和监听页面上的vue实例，当然在大部分情况下我们都会使用computed，但如果要在数据变化的
vue 批量自动引入并注册组件或路由等等
有时候有大量的组件.vue后缀的,或.js,或.ts文件, 需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js
本项目使用vue3.x, vue2.x也可以照样用;
image.png
这里在components里面创建了一个idnex.js 文件
require.context 可以读取文件, 第一个参数是指当前文件夹, 第二个参数是是否递归遍历寻找子节点设为t
通过 tree shaking 移除无用代码
tree shaking 依赖于ES Module 的静态语法分析，在项目编译时移除无用的代码以减少文件体积。
usedExports
在文件中，我们可能定义了变量但是暂时又没有用到，这样会造成空间的浪费。在 mode 为 production 时，会默认做一些配置，将无用的代码删除。为了看到没有做处理时编译后的文件效果，在 webpack 中做如下配置。
module.exports = {
Swift数组处理全解（一篇全部搞定）
定义数组：使用语法 [元素类型] 来定义数组，例如：
var arr1 = [1, 2, 3]
var arr2: [String] = ["apple", "banana", "pear"]
访问数组元素：可以使用下标（从 0 开始）或者循环遍历数组来访问其中的元素。
let arr = ["apple", "banana", "pear"]
let first = arr[0]
selenium模拟登录的一些tips
借助selenium登录网站是一个常见的操作，接下来的大部分代码是开发写好的，这里是自己整理下来的知识点。
驱动安装
之前常常是先根据浏览器版本下载对应版本的驱动，但其实有一个办法是可以自动获取当前浏览器的版本，自动下载对应的驱动到本地的。
from webdriver_manager.chrome import ChromeDriverManager
browser = webd
Angular 应用打包和部署
应用打包
对 Angular 应用打包，只需要执行下面的命令即可：
ng build
命令输出结果如下：
chunk {main} main.js, main.js.map (main) 22.4 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initia
