- 博客(26)
- 收藏
- 关注
RSS订阅原创 正则表达式
[1-255].[0-255].[0-255].[0-255]/^(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|[1-9])\.((1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)\.){2}(1\d{2}|2[0-4]\d|25[0-5]|[1-9]\d|\d)$
2021-12-10 10:54:56
2005
原创 element UI给树形控件一个默认选中的值
<el-tree :data="treeData" :props="defaultProps" node-key="id" :highlight-current=true ref="tree"></el-tree>在获取到treeData后，再给current-node-key赋值import {ref, reactive, toRefs, onMounted, nextTick } from 'vue'setup(){ const tree = ref(null)
2021-11-05 17:03:58
843
原创 由“如何共用一个echarts配置参数”引发的“如何深拷贝一个对象”的问题
使用echarts图表的过程中，不可避免会出现需要共用一些配置参数的情况，比如很多页面都有折线图，同一个项目下样式也都一致，我们一般会提取出一个公共的lineOption对象。但是在Vue项目中，我发现当A组件引用了这个lineOptin，并修改了其中的某个配置参数后，切换到B组件，这个本应只在A组件中生效的grid在B组件中依然有效。。。
2021-10-20 11:12:34
356
原创 利用 bodyWrapper 实现表格自动滚动
<el-table ref="myTable"> ......</el-table> Vue2获取element表格的bodyWrapperthis.$refs.myTable.bodyWrapperVue3获取element表格的bodyWrapperconst myTable = ref(null)onMounted(() => { const tableBody = myTable.value.$refs.bodyWrapper})return
2021-10-13 15:25:41
4445
4
原创 elementUI 自定义表格样式
去掉背景色 .el-table, .el-table tr, .el-table th{ background-color: transparent; }去掉底部边框 .el-table:before{ height: 0; }去掉鼠标悬停高亮效果 .el-table .el-table__body tbody tr>td{ background-color: transparent; }...
2021-06-30 13:36:23
562
原创 Uncaught (in promise) Error
使用returnPromise.reject(newError(res.msg||'Error'))去捕获处理异常，在请求回来时需要使用 .catch(err => {console.log(err)}) 去捕获异常，否则就会在控制台报这个错！
2021-05-25 13:57:42
1111
原创 Vue Router
文章目录Vue Router使用动态路由嵌套路由编程式导航Hash模式 和 History模式Hash模式History模式原理及实现思路实现Vue Router使用$route: 当前路由规则$router: 路由对象动态路由设置路由规则 props：true，通过组件的 props 获取URL参数嵌套路由编程式导航this.$router.push()可以传入path '/'，也可以传入已命名的路由对象 {name:Index}this.router.push()路由传参‘t
2021-04-23 14:29:54
330
原创 Vue基础语法
文章目录概念指令过滤器全局过滤器私有过滤器特性refkeyslot事件修饰符按键修饰符构造器生命周期钩子(函数)实例创建期间：实例运行期间：实例销毁期间：其他钩子函数组件组件化和模块化的区别定义全局组件定义私有组件注意事项动态组件父子组件通信父组件用prop给子组件传值子组件直接获取父组件的数据和方法（$parent）父组件直接获取子组件的数据和方法（$refs）非父子组件通信动画单元素/组件的过渡使用场景过渡的类名自定义过渡类名使用 duration 属性控制动画持续时间动画的钩子函数多元素/组件的过渡列
2021-04-23 14:29:07
425
原创 Webpack
Webpack4.0Webpack配置文件打包结果运行原理资源模块加载 LoaderWebpack模块加载方式常用加载器分类Loader的工作原理Webpack插件机制 Plugin常用插件插件机制的工作原理增强webpack开发体验Webpack Dev ServerSource MapWebpack HMRHMR使用注意事项Webpack生产环境优化不同环境下的配置多配置文件production模式下的优化功能DefinePlug.
2021-04-14 10:28:36
191
1
原创 规范化标准
规范化标准为什么需要规范化哪里需要规范化标准实施规范化的方法ESLint使用配置文件配置注释ESLint结合自动化工具ESLint结合Webpack现代化项目集成ESLintESLint校验TypeScriptStyleLintPrettierESLint结合Git HooksGit Hooks工作机制HuskyLint Staged规范化标准为什么需要规范化不同开发者有不同的编码习惯和喜好，多人协作开发时需要明确统一的标准。哪里需要.
2021-04-14 10:27:26
143
原创 模块化打包
模块化开发演变过程模块化规范CommonJS in NodeRequire.js & AMDSea.js & CMDES Modules in Browser基本特性导入和导出注意事项动态加载模块直接导出导入模块浏览器环境PolyfillES Module in Node.jsESM和CommonJS差异模块化打包工具WebpackRollup使用Rollup插件Rollup代码拆分动态导入多入口打包选用.
2021-04-14 10:25:19
311
原创 前端工程化概述
文章目录脚手架工具开发常用的脚手架工具Yeoman 使用步骤自定义generatorgenerators/app/index.js根据模版生成文件接收用户输入数据发布generatorPlop使用步骤脚手架开发自动化构建Npm Scripts常用的自动化构建工具Grunt的基本使用标记任务失败Grunt配置方法多目标任务Grunt插件使用常用插件Gulp的基本使用创建组合任务异步任务的几种方式构建过程核心原理Gulp文件操作API基础案例将构建任务添加到package.json封装自动化构建工作流FIS的基
2021-01-25 10:44:59
208
原创 ehcarts立方柱体 柱形图
先上效果图：代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #chart{ wid
2021-01-22 15:54:43
271
原创 移动端输入框获取焦点时页面自动放大的问题
如题，解决方案：给输入框设置属性 font-size: 16px;参考文章：https://blog.csdn.net/cc18868876837/article/details/88915767
2021-01-13 16:04:25
507
原创 npm login 修改错误的username
yarn publish的时候，输入了错误的用户名，提示用户名或密码错误但是只让我重新输入密码，一直默认错误的username。。。尝试了各种方案，最终有效的解决方案是：yarn logout然后就可以重新输入用户名了( ´▽｀)...
2021-01-12 11:19:17
1510
原创 Flow入门教程
目录Flow安装使用类型注解flow开发工具插件移除类型注解运行环境APIFlowJS的类型检查器安装yarn init --yes 初始化package.jsonyarn add flow-bin --dev 安装flow使用以注释语句 @flow 标记// @flowfunction sum(a: number, b: number){ return a+b}yarn flow init 初始化flow的配置文件yarn flow 使用flow对代码进行类型检
2021-01-02 18:12:23
1301
原创 JS性能优化
目录概念内存管理JS中的垃圾可达对象GC常见GC算法引用计数算法标记清除算法标记整理算法V8引擎V8垃圾回收策略：分代回收思想常用GC算法V8内存分配V8回收新生代对象算法：空间复制+标记整理晋升V8回收老生代对象算法：标记清除+标记整理+标记增量标记增量如何优化垃圾回收与新生代对比Performance工具常见的内存问题监控内存的几种方式几种优化方式：慎用全局变量缓存全局变量通过原型添加方法避开闭包陷阱避免属性访问方法的使用For循环优化采用最优循环方式文档碎片优化节点添加克隆优化节点操作直接量（字面量）
2021-01-02 17:01:12
280
原创 TypeScript入门
目录概念强类型与弱类型静态类型与动态类型TypeScript安装运行编译单个文件（根目录下）编译整个项目：语法类型约束接口 Interface类 Class访问修饰符只读属性类与接口抽象类 Abstract泛型参数类型声明 Declare概念TS是基于JS的一门编程语言，用来解决JS自由的类型系统的不足，提高代码的可靠程度。TS是解决此类问题的其中一种方式。JS是弱类型和动态类型强类型与弱类型从类型安全维度区分编程语言非官方定义：强类型在语言层面限制了函数的实参类型必须与形参相同，
2021-01-02 16:54:59
126
原创 ES6新特性
ECMAScript新特性ECMAScript 和 Javascript 的关系ECMAScript2015的新特性1.声明变量2.数组的解构3.对象的扩展3.1 对象的解构3.2 对象字面量增强3.3 对象新增方法3.4 Proxy 对象代理3.5 Reflect4.字符串扩展4.1 模版字符串标签模版4.2 字符串新增方法5.函数的扩展5.1 参数的默认值和剩余参数5.2 箭头函数6.Class7.Set 集合8.Map 映射9.Symbol10.for...of循环11.Iterator 遍历器11.
2021-01-02 16:51:44
252
原创 Promise实现原理
目录：Promise原理及实现Promise实现原理Promise原理及实现Promise的使用let promise = new Promise((resolve, reject) => { result('success') reject('error')})<!--promise.then(value => {--><!-- console.log(value) //success--><!-- return 100--
2020-12-15 16:55:28
1583
原创 异步编程方案
目录:异步编程Promise异步编程方案常见使用误区链式调用异常处理静态方法Generator异步编程方案Generator 结合 Promise 的异步方案async / await 语法糖异步编程javascript是单线程执行方式，为了避免耗时的任务形成阻塞，需要使用异步编程方案来解决。回调函数，是js中异步编程方式的根基Promise异步编程方案使用回调函数来定义异步任务结束后的操作const promise = new Promise(function(resolve, r
2020-12-15 16:52:26
109
原创 函数式编程
目录：函数式编程知识回顾：函数是一等公民高阶函数闭包> 作用：可以在另一个作用域中调用一个函数(once)的内部函数(pay)，并访问到该函数作用域中的成员(done)。纯函数副作用Lodash柯里化lodash中的柯里化函数函数组合 Composelodash中的组合函数模拟flowRight函数调试组合函数lodash-fp模块PointFree函子 FunctorMaybe函子Either函子IO函子Task函子Poin
2020-12-15 16:34:05
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人