- 博客(123)
- 收藏
- 关注
RSS订阅原创 vue等比例缩放页面用于网站，官网
/ 获取当前分辨率下的可是区域宽度。// 在组件销毁时移除监听器。// 根据比例放大或缩小。// 恢复默认缩放比例。// 设计稿的尺寸为 1920。// 检查设备宽度是否在 1000 到 1770 之间。
2024-09-10 08:00:00
286
原创 el-table当页选择和全选整套完整逻辑
单页或者单个就获取的是列表中的id，使用ids存储，全选则传checkAllPage为true即可。绑定两个事件@selection-all和@select。
2024-08-30 08:00:00
130
原创 does not provide an export named ‘default‘解决
1、安装@originjs/vite-plugin-commonjs。2、vite.config.js 文件修改。
2024-08-26 08:00:00
242
原创 history路由配置
location = /consult { try_files $uri $uri/ $uri/index.html?$query_string;}location ~ ^/consult/(.+\.(js|css|html|png|jpg|gif|mp3|json|jpeg|moc|mtn|svg|mp4|woff2|woff|eot|ttf))$ { alias /opt/vue/detail/$1;}
2024-07-19 09:00:00
180
原创 前端history配置jenkins部署路由
location = /detail { try_files $uri $uri/ $uri/index.html?$query_string; }location ~ ^/detail/(.+\.(js|css|html|png|jpg|gif|mp3|json|jpeg|moc|mtn|svg|mp4|woff2|woff|eot|ttf))$ { alias /opt/vue/detail/$1; }
2024-05-29 09:45:00
131
原创 eslint从0配置到1（vue3）
"vue/no-mutating-props": "off", // 有些组件去修改了如DragSelect\index.vue。"vue/valid-attribute-name": "off", // 有些组件属性名不规范如AiTable.vue。"vue/multi-word-component-names": "off", // 组件名称需采用驼峰命名。// 使用最新版 ES 语法。// 使用 ES 模块化规范。// 引入推荐的语法校验规则。// 解析器的详细配置。
2024-05-16 09:00:00
708
原创 查询兼容浏览器各版本api网站
参考网址："fromEntries" | Can I use... Support tables for HTML5, CSS3, etc
2024-04-30 10:00:00
151
原创 socuretree远程分支没有同步问题
git remote update origin --prune 是 Git 命令，用于从远程仓库更新本地分支，并删除本地已经不存在于远程仓库的远程跟踪分支。2、输入git remote update origin --prune 并回车。
2024-04-10 09:45:00
219
原创 上传文件vue
el-button type="primary" @click="uploadFile">上传</el-button>this.$message.error('Excel文件大小不能超过 50MB!this.$message.error('只支持xls格式Excel文件!
2024-03-06 10:00:00
409
原创 eslint不生效排查思路
重新安装一下依赖，以及最好一个vscode就一个项目，因为多项目有些配置文件读不了根目录的配置，也有可能不生效。3、如果没有各文件的报错信息，查看报错是什么，有可能是eslint-plugin-vue这个没有。2、看是否有各文件的报错，如果有，则大概率是.eslintrc.js文件的配置问题。1、先执行package.json npm run lint。
2024-02-28 10:00:00
2690
原创 使用i18n Ayll在项目中也能显示中文
2、在项目根目录创建.vsoce文件夹，再创建settings.json文件，把下方代码复制进去。1、安装插件：i18n Ayll。
2023-10-18 10:30:00
760
原创 管理后台模板
GitHub - vitejs/awesome-vite: ⚡️ A curated list of awesome things related to Vite.js
2023-09-22 10:00:00
91
原创 针对vite和weboack的打包分析插件生成图
1、webpack使用（webpack-bundle-analyzer）2、vite使用 （rollup-plugin-visualizer）
2023-09-21 09:30:00
313
原创 不用导入animate库，也能实现animate的动画
注意：如果 不生效，很有可能你没有把公共的基础代码（animated）加进去。）找到自己需要的css效果，复制名字，例如：bounce。4、把源码拷贝下来复制到自己项目代码的css中。2、 在animate官网（3、到github上找源码（
2023-09-18 09:30:00
68
原创 解决svg设置颜色不生效问题
属性）或者元素的父元素颜色。这使得 SVG 图标能够根据其所在的上下文动态地改变颜色，从而适应不同的主题和样式。时，它会继承元素的颜色，即元素的文本颜色（把svg中的fill属性改为。作用：SVG 元素中设置。
2023-08-15 10:30:00
2583
3
原创 vcode实用插件-个人
1、Auto Rename Tag-自动补全2、ES7 React/Redux/GraphQL/React-Native snippets-react插件3、ESLint-格式校验4、Git Graph-历史查看5、Git Graph-代码提交表情6、Highlight Matching Tag-代码高亮显示7、HTML CSS Support-基本的html8、Live Server-本地服务9、Turbo Console Log-控制台打印10、Vetur-vue插件11、Vuter-插件
2023-06-27 10:30:00
132
原创 每日一题面试题 - 持续更新
为什么undefined == null会返回true？（4）函数没有返回值，默认undefined。（1）声明了一个变量，但没有赋值。（3）调用函数没有提供相应的参数。（1）实际就是一个空对象。（2）对象属性没有赋值。
2023-06-14 10:39:44
946
原创 浏览器performance各指标解读
谷歌浏览器 performance 详解_chrome performance_ywCSD的博客-CSDN博客
2023-05-18 11:31:54
1264
原创 前端提升性能，巧用Object.freeze()
选项，并使用Object.defineProperty，进行数据劫持做getter和setter的转换。使用Object.freeze()冻结后不会转换为getter和setter，大幅度提升性能。1、Object.freeze()，可以冻结一个对象，防止对象被修改。普通的JavaScript 对象传给 Vue 实例的。
2023-02-08 09:00:00
280
原创 http1.0，http.1.1，http2.0区别
1、http1.0特点：无状态、短连接2、http1.1特点：长连接、请求管道化、缓存处理、Host字段、断点传输3、http2.0特点：二进制传输、多路复用、头部压缩、服务器推送，但是HTTP2.0只针对有证书的网站，就是必须是https参考文章： HTTP1.0， HTTP1.1，HTTP2.0 区别及如何升级_木鱼大叔的博客-CSDN博客
2023-02-07 09:00:00
203
原创 class和style的区别&&提升css渲染
现dom和css是同时进行加载，然后组成dom树的渲染，就是说，如果css没加载完，dom树肯定也是不能被渲染的。然后，由于js是要操作dom和css，所以但凡这俩有一个没加载完，都会影响js的操作，也就是会阻塞js。
2023-02-02 09:45:00
679
原创 登录操作-
1、请求验证码图片，正常得get请求，每次在最后面传一个随机数，防止缓存出现同样的验证码2、点击图片也是请求获取一张图片回来，前端用img显示。
2023-02-01 09:00:00
124
原创 diff算法-h函数-虚拟dom
1、如果两个不同节点的标签名恰好相同，那么就会被判定为同一个节点（key都为undefined），结果一对比这两个节点的子节点发现不一样，这样会凭空增加很多对真实Dom的操作，从而导致页面更频繁得进行重绘和回流。
2023-01-16 09:30:00
537
原创 虚拟DOM
1、由于真实DOM的创建、更新、插入等操作会带来大量的性能损耗，从而就会极大的降低渲染效率，3、虚拟DOM通过diff算法最终与真实DOM比较差异，可以只渲染改变的局部部分。2、频繁操作可能会出现页面卡顿，重排和重绘，影响用户的体验。
2022-12-29 09:30:00
61
原创 在浏览器输入url发生的过程
浏览器解析URL， 生成HTTP请求信息，首先会在缓存中找，如果找不到就进行下一步。4、建立连接后，浏览器构建数据包（包含请求行，请求头，请求正文，并把该域名相关Cookie等数据附加到请求头），然后向服务器发送请求消息。2、首先获取域名的IP，系统会首先自动从hosts文件中寻找域名对应的 IP 地址，一旦找到，和服务器建立TCP连接；5、服务器接收到消息后根据请求信息构建响应数据（包括响应行，响应头，响应正文），然后发送回网络进程。3、利用IP地址和服务器建立TCP连接（3次握手）
2022-12-28 10:30:00
220
原创 vue自定义指令常用事件-持续更新
addEventListener() 方法用于向指定元素添加监听事件。且同一元素目标可重复添加，不会覆盖之前相同事件，配合 removeEventListener() 方法来移除事件。removeEventListener() 方法用于移除由addEventListener（） 方法添加的事件句柄。
2022-12-26 09:45:00
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人