宁静致远

一个简单的字符验证码，只需求定义一个字符集，一个随机生成函数就可以了。如果要再进一步增加一些效果，如干扰线，干扰点，则需要借助`Canvas`来进行绘制，以增强可视化效果。

借助git工具TortoixeGit，实现基于多次提交记录的代码遴选

vue动态修改系统title和favicon

new Function() 是 JavaScript 中的一个构造函数，它可以实例化一个新的函数对象并返回。该函数对象可以使用传递给 new Function() 的字符串参数作为函数体，并使用其他传递给它的参数作为函数参数，从而动态创建一个可执行的函数。

借助`mousedown`，`mouseup`，`mousemove`动态实现div的任意移动

深入了解JavaScript，是前端进阶的必经之路和必要技能，虽然各种框架层出不群，一般程度的开发场景对JavaScript的依赖渐渐偏弱，但越是底层的，越是不容易被替代，JavaScript依然是一个高级前端所必需掌握的基本技能之一。

一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。

事件循环(Event Loop)是JavaScript中的一个核心概念，它决定了异步编程的模式和执行顺序，了解js事件循环可以让我们更灵活的组织开发代码，更合理的编排逻辑。

前端工程化是把软件工程相关的方法和思想应用到前端开发中，覆盖从代码编码到部署的整个周期，包含：编码、构建、打包、集成，测试和部署全流程。

前端部署常用Nginx配置

vue环境变更的设置与使用

通过ppt制作各种形状的图版或图标

Vue JavaScript heap out of memory，内存不足问题解决记录

requestFullscreen实现页面或元素全屏显示

Tailwind CSS 体积小不会对我们现有环境产生副作用，而且可以作为我们日常开发一个简单补充，提高前端开发样式灵活性。统一的规范命名和规则也可以让团队协作保持一致性，不会对现有规范产生冲突。

JavaScript对象、构造函数、类和对象的关系

借助 mousedown，mouseup，mousemove 三个事件，通过鼠标的移动来动态修改滚动条的scrollLeft和scrollTop,来模拟实现滚动条的位置变更

通过document 原生API visibilitychange 来获取页面当前可见性的状态

一图了解reduce()、filter()、map()、some()、every()函数的使用

基于el-from 实现 查询条件 的自动 展开与收起SearchFilter

el-table动态操作列宽度自适应设置

使用Vue框架做前端开发，组件封装是一个很常规的操作。随着时间的积累，组件也会越来越多，配合vuepress可以解决组件文档的统一化，但依然解决不了组件的跨项目复用问题。一个公司中不可能只基于一个框架或项目开发，不同的业务或模块会另起项目，这时，如果是把项目的复用组件通过复制的方式引入另一项目，就显得麻烦，而且如果组件升级或修复bug，不能实时同步。如何解决组件的跨项目复用，是每个团队都会面临的问题。

使用VuePress搭建自己的前端组件库文档

面向对象是把事务分解成一个个对象，然后由对象之间分工与合作。是以对象功能来划分问题，而不是步骤。面向对象编辑具有灵活、代码可复用、容易维护和开发的优点。面向对象的三大特征：封装性、继承性、多态性。.........

vue中使用Import导入的方法

attrs:用来会传递属性，除了class、style之类的，它是一个对象。 listeners：用来传递事件，除了原生事件，它也是一个对象。attrs和listeners这两个属性可以解决多层组件之间数据和事件传递的问题

当我们在代码中需要使用异步流程控制时，可以通过Promise.then来实现让异步流程一个接一个的执行

​通过window.postMessageAPI 实现父页面与iframe页面的事件通讯​

vue3 Composition API setup ref reactive

vite 接入 qiankuan 微前端

深入潜出JavaScript事件循环，js的执行机制，宏任务和微任务

eslint配置说明及示例

js精度运算问题处理

用el-input实现金额编辑组件，支持格式化、自定义前缀、后缀、千分位设置，结合sync修饰符，实现自定义组件的v-model效果

vscose插件，ESLint + Prettier 统一JS格式化

javascript常用函数、数据处理等方法

今天看到一篇介绍Fiddler抓包工具介绍的文章，详尽全面，忍不住分享一下原文地址：Fiddler - 超好用的http抓包工具使用介绍（附：拦截请求并修改返回数据） (hangge.com)原文出自：www.hangge.com 发布者：hangge一、Fiddler 介绍Fiddler是一个使用C#编写的http抓包工具。它使用灵活，功能强大，支持众多的http调试任务，是web、移动应用的开发调试利器。1，功能特点同Httpwatch、Firebug...

目录vue常用组件通讯方式组件通讯示例props 父传子$emit/$on 子传父子传父.sync语法糖vue常用组件通讯方式vue也是组件化开发框架,对于这种组件化开发来说,组件之间的通信方式通常都是非常重要的1.props2.$emit/$on3.$children/$parent4.$attrs / $listeners5.ref6.$root7.eventBus8.vuex组件通讯示例props 父传子1.父组件以属性的方式传值给子组件

项目常用的数据校验可以抽取为一个组件，这然既方便统一维护，也增加页面的便利性和扩展性，而对于复杂或特殊校验可单独处理。首先创建自定义校验类src/utils/customValidate.js/** * 自定义数据校验 * */const Validation = {};Validation.install = function (Vue, options) { /** * 参数 item校验规则对象{rule:'required|phone',msg:'自定义提示信息'}

一、数组合并1、for循环会改变原数组，如果不想改变原数组需要生成一个新数组 let a = [1, 2, 3]; let b = [4, 5]; //1 for循环 for (var i in b) { a.push(b[i]); } console.log(a); //[1,2,3,4,5]2、concat()concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本