- 博客(66)
- 收藏
- 关注
RSS订阅原创 前端安全问题
1.线上资源本身被篡改 ，2.后端接口返回了恶意跳转链接 3.用户设备中了木马 / 浏览器插件劫持 4.运营商 DNS 劫持。正常情况：DNS 解析 cdn.example.com → 得到真实 IP（如 1.2.3.4）→ 加载干净的 legit.js。1、如果每次点击都有问题 有可能本地资源被篡改 就是打包的dist那个静态资源。运营商篡改 DNS 响应，把 cdn.example.com 解析到他们自己的服务器（如 9.9.9.9）2.外部查询：检查 HTML 中是否有可疑的 线上资源。
2026-01-20 10:58:23
213
原创 vue环境变量
2.Webpack / Create React App 的 process.env.NODE_ENV。1.Vite 的 import.meta.env//配置对象。import.meta.env.MODE//环境变量。.env.development - 开发环境。.env.production - 生产环境。.env.prod.autocfg 文件。.env.uat.autocfg文件。package.json 脚本配置。package.json 脚本配置。.env.test - 测试环境。
2025-12-12 11:12:29
159
原创 if else函数 和 try/catch
无法保证 userInput 一定是合法 JSON，所以用 try…1.调用可能抛异常的函数（如 JSON.parse, fetch, fs.readFile）catch：“这段代码可能出错，万一错了别让程序崩溃，我来兜底”catch：有性能成本（尤其在旧引擎中），因为涉及异常栈的构建。else：“我知道可能会有几种情况，提前规划好每种怎么做”4.全局错误兜底（如 window.onerror）catch 捕获的是 异常对象（Error）catch：被动捕获未知/意外错误。什么时候必须用 try…
2025-11-21 14:31:21
173
原创 模块化相关
一、import Modal from ‘@/util/prompt.js’;module.exports属于 CommonJS，export default 和 export属于ES Modules（ESM）。它们在语法、使用环境、行为上有本质区别。二、module.exports ， export default，export 三者区别。
2025-11-21 14:19:42
335
原创 jq常用api
/ 显示元素 (设置为 display: block 或其他适合的显示类型)$tabContainerFix.slideDown();// 隐藏元素 (设置为 display: none)// 删除/移除 display 样式（恢复默认）// 切换类（有则删，无则加）// 检查元素是否有指定类。// 强制添加或移除。
2025-10-31 09:42:46
256
原创 wpsapi
app.ActiveDocument.Content // 获取整个文档内容。app.ActiveDocument.Range() // 获取文档指定范围。app.ActiveDocument.InlineShapes // 获取内嵌图形对象。app.ActiveDocument.ActiveWindow // 获取活动窗口。app.ActiveDocument.Styles // 获取文档样式。// app 对象此时存在。wpsUrl接口返回。
2025-10-29 17:14:23
283
原创 css定位知识
使用 transform: translateY(-50%)：使元素中心对齐到指定百分比位置，而不是元素顶部对齐。使用百分比定位：top: 36% 和 top: 69.6% 保证垂直位置按比例缩放。
2025-10-10 13:48:12
113
原创 html-URLSearchParams 获取地址栏参数
window.location.search 返回 “token=abc123&user=admin”new URLSearchParams(window.location.search) 创建参数对象。urlParams.get(‘token’) 返回 “abc123”
2025-09-12 16:45:45
297
原创 前端划过下拉框出现并有划过点击事件
mouseover：如果鼠标从绑定元素移动到其子元素上，会触发子元素的 mouseover 事件，并通过冒泡触发父元素的 mouseover。mouseenter：仅在鼠标首次进入绑定元素时触发一次。如果鼠标在元素内部移动到子元素上，不会重复触发。mouseover：会冒泡。当鼠标进入绑定的元素或其子元素时触发，且事件会向上冒泡到父级元素。一、区分mouseenter和mouseover。2. 子元素触发逻辑。
2025-04-08 15:26:40
213
原创 前端开发的适配方案
开发环境浏览器移动端宽度375，设计稿750，要实现750设计稿中1rem=100px，375的代码中设置1rem=375/750 * 100 + ‘px’1rem 的大小就是 html 设置的 font-size 的大小。
2025-02-20 10:23:12
191
原创 mongodb
1.环境变量”=》“全局变量”=》修改“Path”变量路径的信息【添加C:\Program Files\MongoDB\Server\8.0\bin。2.启动：执行cmd执行命令： mongod --dbpath E:\db\MongoDB。–port：端口（默认端口：27017）bin目录下有mongod.exe。–dbpath：数据库路径。–logpath：日志路径。启动mongodb服务。–fork：后台运行。
2025-02-13 14:16:20
655
原创 vue新项目启动项目
2.删除：node_modules 和 package-lock.json 执行npm cache clean --force 再执行npm i --force。1.切换淘宝镜像：npm config set registry https://registry.npmmirror.com/
2024-12-11 17:26:31
147
原创 git 只提交指定文件
2、 git add src/文件名 添加需要提交的文件名（路径参考git status 打印出来的）5、 git pull 拉取合并（多人操作的话在push之前一定要pull一下，避免代码冲突）7、 git stash pop 恢复之前忽略的文件（!4、 git commit -m ‘哪里做了修改’3、git stash -u -k 忽略其他文件。1、 git status -s 查看仓库状态。6、 git push 推送到远程仓库。
2024-12-11 14:03:47
697
原创 ffmpeg+vue2
在页面中实例化ffmpeg的时候可能会报找不到模块儿的错误，最好将下载好的插件文件放到public文件夹里面就可以了 createFFmpegCore is not defined。node_modules@ffmpeg\core\dist中的三个文件复制到vue项目的public下。1、在vue.config.js文件中配置请求头。二、配置ffmpeg。
2024-11-01 17:36:54
1668
1
转载 富文本Tinymce+vue2
安装完依赖后在node_modules中找到tinymce，将skins复制到src/assets/tinymce下。四、1.封装组件-Tinymce.vue。三、汉化文件-zh_CN.js。
2024-11-01 16:44:00
1121
原创 proxy代理解决vue中跨域问题
遇见/api开头的接口，代理到https://vfadmin.insistence.tech/prod-api，拼接成https://vfadmin.insistence.tech/prod-api/api。有没有pathRewrite取决于接口中有没有’/api’,如果接口没有/api，则将所有api变成空即可。
2024-09-08 17:25:02
455
原创 webpack
在 package.json 添加 script 命令。1.命令行执行 npx webpack -v。查看当前项目中webpack版本。
2024-09-03 14:21:52
687
原创 vue全局函数和属性总结
四、全局函数（含vue），公共引入，组件内直接使用，简单方法。一、全局函数（不含vue）和数值，公共引入，组件内直接使用。使用组件index.vue，直接调用方法或者使用状态。三、全局函数（含vue，公共引入，组件内直接使用。二、全局函数（不含vue）和数值，组件分别引用。index.vue在需要的组件中使用。在main.js中直接写方法。
2024-08-23 11:16:47
641
原创 在Vue项目中引入外部js文件，并在Vue的外部js中引用this
在 main.js 中引入common.js文件。第一步：创建 common.js 文件。第三步：在 .vue 页面中使用。
2024-08-14 17:13:55
521
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人