dongheng123的博客

原创 关于vue key的理解

vue里面 key是一个类似于自定义属性的变量，当key值产生变化时，dom就会重新渲染，这种形式可以取代v-if重新渲染页面的方式 更优雅高效。我们可以通过改变key让页面重构。

原创 iife立即执行函数

总之：立即执行函数会形成一个单独的作用域，可以封装一些临时变量或者局部变量，避免污染全局变量。立即执行函数内部形成了一个单独的作用域，可以封装一些外部无法读取的私有变量。不必为函数命名，避免了污染全局变量。

原创 webpack插件给所有的:src文件目录增加前缀

全程借助chatgpt完成，感慨能力之强大啊。1.webpack4的版本写法。webpack 2 的版本。

原创 关于index.html页面使用环境变量引入不同的静态资源

原创 大屏适配pad包括大屏上的弹框

【代码】大屏适配pad包括大屏上的弹框。

原创 自定义postcss插件，根据倍率增大font-size大小

【代码】自定义postcss插件，根据倍率增大font-size大小。

原创 关于使用 @iconify/iconify图标库组件在vite中的使用

图标库

原创 vite导出components目录下得所有组件得方法

【代码】vite导出components目录下得所有组件得方法。

原创 跨域携带cookie处理

nginx允许携带cookie 这个我没有试我是直接加上的。前端处理，设置这个属性。响应体里面应该有这个。

原创 EventSource服务端推送事件 以及EventSource代理配置

把报头 “Content-Type” 设置为 “text/event-stream”EventSource与websocket不同这个是单向的，服务端向客户端推送消息。这个东西的nginx代理如下。

原创 vue3 中使用indexDb

【代码】vue3 中使用indexDb。

原创 vite vue element-plus 自定义类名前缀

vite vue3自定义类名样式前缀

原创 使用pina中遇到的一个小问题

我刚开始这里我存储了一个对象但是我更改之后不会立马在页面响应，最后改为值存储变量好了。

原创 commitizen增加代码默认提交规范并使用husky增加提交校验

代码提交规范

原创 useless-files-webpack-plugin 删除系统中没有被引用的文件

vue删除无用文件

原创 浏览器url里面默认不允许存在空格默认会把空格转为+代替

感谢chatgpt的回答

原创 qiankun子应用引入censium

【代码】qiankun子应用引入censium。

原创 uniapp实现一个按住录音松手停止还有发送以及取消的功能

这里需要注意的是坑一touchEnd不会触发 因为touchEnd里面不能有v-if。第三个就是删除文件 知道文件目录删除文件的知识点。第二个是@touchcancel事件。

原创 关于postcss

转载https://blog.youkuaiyun.com/php_martin/article/details/125742941。

原创 Object.create() 和 new Object() 还有 {}

object

原创 qiankun微前端 集成jquery项目 导致页面 再次点击不再触发js

问题是第一次加载之后 第二次进来不再加载执行js所以应该再 entry 这个页面执行js通过jquery这个方法 重新导入所需的js资源 以及在这里把默认需要执行的js执行一次

原创 qiankun 关于href下载增加download属性但是不能跨域得处理

qiankun href下载

原创 canvas@2.9.3 install: `node-pre-gyp install --fallback-to-build --update-binary

安装cancans失败

原创 git 分支合并但是未push 再次拉会报错

git分支合并一半回退

原创 关于url得一些事情删除浏览器得参数

url跳转得一些事情

原创 切换主题和element-ui主题切换源码

切换主题

原创 js 正则 零宽断言

js 正则断言

原创 间隔相等，其他模块自适应

css模块间隔

原创 关于拖动事件与点击事件冲突拖拽完触发了点击事件

点击拖拽事件冲突

原创 iframe 适配屏幕

适配分辨率

原创 乾坤实战 采坑之旅（主应用的某个路由页面加载微应用）

qiankun 主应用的某个路由页面加载微应用

原创 关于两个不常用的API createRange（处理tooltip展示）和 Shadow DOM（样式隔离）还有 Selection做复制粘贴功能的API

Shadow DOM 允许将隐藏的 DOM 树附加到常规的 DOM 树中——它以 Shadow root 节点为起始根节点，在这个根节点的下方，可以是任意元素，和普通的 DOM 元素一样。1.createRange是我在表格里面看到关于tooltip 当文字长度过长就会有tip没有就不会展示 一直在想这个问题然后看了源码 发现实现就是用这个实现 先附源码。指startContainer， 自然就是指dom元素了，这里startNode。

原创 关于一个奇葩问题，后续应探索本质原因，call的使用

call的使用注意点

原创 nginx 开启 gzip_static on

开启gzip 静态压缩

原创 关于echarts多选下拉框更改折线图数量变更y轴数量

echarts

原创 关于实现左右两侧登高 水平布局两块 中间有间隔

css

原创 Element ui tree 实现父节点选中子节点不关联，子节点选中父节点关联，父节点取消子节点取消

tree

原创 浅试uniapp 集成融云 实现视频通话

uniapp 融云

原创 一个div里面包含两个div让两个div垂直居中

垂直居中

原创 viewerjs插件增加左右摆动功能

图片查看插件增加左右摆动功能