宁静致远

用vscode搭建pywebview与vue集成环境

当你第一次在项目中运行 yarn install 时（也就是项目里还没有 yarn.lock 文件），Yarn 会依据 package.json 文件里声明的依赖和版本范围来安装依赖。

vue3常见组件间通信方式介绍与示例

我们在写 JavaScript 代码的时候，通常涉及条件判断时，最常用的就是if/else，再复杂一点，用switch基础就解决了。但遇到逻辑判断比较复杂的情况，这三个场景会显的力不从心，或代码重复。我们一起来探索一下复杂逻辑的判断优化。

JSON.stringify() 方法将 JavaScript 对象转换为字符串,在日常开发中较常用，但JSON.stringify其实有三个参数，后两个参数，使用较少，今天来介绍一下后两个参数的使用场景和示例。

一个简单的字符验证码，只需求定义一个字符集，一个随机生成函数就可以了。如果要再进一步增加一些效果，如干扰线，干扰点，则需要借助`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格式化