- 博客(19)
- 收藏
- 关注
RSS订阅
原创 前端vue关于xss攻击的防御
xss攻击是什么以及原理，这个的话建议看百度官方的阅读，今天开发偶然遇到项目过安全测试，由于是富文本编辑器的代码传输到后端，后端表示无法进行过滤，在前端如何做呢，比较简单，记录一下。在vue开发中，使用v-html输出的是html代码，而{{}}输出的则是文本，所以当你利用标签比如src属性去引入外部资源会导致安全性的问题。在main文件里面去xss，在main文件里面去绑定原型链有利于全局的使用，然后去npm一下，然后在你有使用v-html的文件里进行带入...
2020-07-03 15:38:52
8102
原创 web worker多线程的与js执行顺序的理解，web worker的实现
Web Worker 是一种在浏览器中运行 JavaScript 脚本的机制，它可以将运算密集型的任务放在另一个线程中运行，以避免阻塞浏览器主线程，从而提高页面的响应速度和用户体验。Web Worker 是 HTML5 引入的一项标准，它提供了一种在后台运行 JavaScript 脚本的方式，以避免阻塞浏览器的主线程。Web Worker 可以将计算密集型的任务放在另一个线程中运行，从而避免阻塞浏览器主线程，提高页面的响应速度和用户体验。
2023-08-02 17:50:49
999
原创 使用百度lushu+vue3+vant，根据自已的坐标生成路线
我这边的子组件是mapTrack所以引入的components也是mapTrack，各位可以改一下。1.首先在public/index里复制如下代码：作用为引入百度地图api。功能4：可在初始时候生成路线，也可在小汽车移动时实时生成路线。功能5：小汽车可跟随路线进行自动旋转角度，附带截图。代码里注释齐全，可便于二次开发，目前已经抽组件。下面是vue的父组件，可以先复制上去后进行修改。功能1：拖拽条控制小汽车在路线的位置，功能3：小汽车移动时视角追随。功能2：小汽车移动速度功能，
2023-05-05 16:16:38
277
原创 浏览器缓存机制
此时浏览器会重新请求新的文件，但在新文件未过期之前，仍然会被缓存，提高了页面加载速度和降低了网络流量消耗。但实际情况下，由于浏览器、代理服务器等各种因素的影响，资源的缓存时间可能会比 max-age 短，也可能会比 max-age 长，因此你可能在十分钟左右就可以看到更新的资源了。为了提高页面加载速度和减少服务器负担，浏览器会对这些静态资源进行缓存，使得用户在下一次访问同一个网页时，可以直接从本地缓存中获取相应的资源文件，而不必再次向服务器发送请求获取资源，从而提高了页面加载速度和降低了网络流量消耗。
2023-03-31 14:42:08
306
原创 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js报错问题
链机制,建描述]议将图片上https://传(imblog.csdnimg.cn/d05d9g0bxfI16c4b83800001d)ed8ac1f8.png) 关于webpack-dev-server --inline --progress --config build/webpack.dev.conf.js。vue-cli2目录正常会在根目录config文件里面，修改里面的host:localhost，vue-cli3修改根目录vue.config.js即可。如果出现以上报错，可以从两个地方排查修复。
2022-12-26 16:08:29
320
原创 前端处理图片脱敏效果，给图片进行马赛克处理
马赛克处理主要利用canvas进行处理，使用image-mosaic插件npm插件* npm install image-mosaic -s -dtemplate <div id="box"> <canvas id="canvas"></canvas> <button id='drawAll'>全部马赛克</button> <button id='clearAll'&
2021-11-18 10:57:08
2802
原创 关于ios输入框被挡问题
input在底部，安卓机正常，ios点击输入框会被键盘遮挡解决方法，个人觉得原因是大家可以试试把300改成50，100这样，还是解决不了，在100ms时间软键盘还未完全弹出就已经执行方法，没有使元素完全适应软键盘位置。setTimeout(function(){document.body.scrollTop = document.body.scrollHeight;},300);...
2020-11-12 16:43:54
518
原创 关于keep-alive缓存滚动条位置问题
直接利用router里面的scrollBehavior去进行，假设你在a页面点击去b页面的话，那a页面在点击的那一刻可以先获取滚动条的位置并且存入，在router里面去判断你要指定滚动条位置以及项目判断逻辑了，y:600替换成自已修改的...
2020-10-23 10:31:43
1403
原创 关于vue中this.$set用法
关于vue中this.$set用法上面图表示点击添加属性后给表单进行赋值，在setmessage打印的话数据是更新的但是视图是不更新的，此时可以加多一个$set使其变成响应式属性，这样数据就可以做到更新，同时也可以用来做表单上移下移操作附上上移下移操作代码...
2020-10-22 14:55:43
613
原创 300毫秒延迟解决方案（vue）
关于300毫秒的双击以及单击的话早些是iphone设计了双击放大显示的功能，如果用户一次点击后300ms内没有其他操作，则认为是个单击行为；否则为双击放大行为。vue特别简单，做个记录后面方便找资料，main文件进行引入...
2020-07-16 15:30:49
927
原创 vue中如何利用H5+
h5+用html写，官方有，我就不多此一举了。vue的编写实际跟原本一样，之前怎么写就怎么写，在main文件引入npm i 一下这个依赖要去监听plusready这里是调用摄像头为例子。然后去build打包之后再hbuilder新建一个h5+项目，把你Build打包的东西替换到你新建的h5+就行，然后运行即可...
2020-07-09 17:29:11
1172
原创 关于vue中webpack配置跨域方法
在vue.config.js中，利用proxy去进行配置并且可以根据http请求接口不同去配置多种代理，需要注意的是，在封装的axios请求中，http要根据环境去replace掉前面的api，避免请求出现404的情况，target为目标代理服务器地址，changeOrigin：true为允许跨域，pathRewrite为代理，但是你得告诉它以什么开头才走代理，不然可能像html,css,js这些静态资源都可能跑去代理，由于你请求的接口没有/api ,所以你要把他制空...
2020-07-01 16:09:04
512
原创 记录addEventListener的用法，以及页面需要调用cordova中遇到的坑
addEventListener与devicereadywindow.document.addEventListener(‘deviceready’, newVue, false);及其坑，虽然是个小问题，deviceready是cordova事件，指定事件名，newVue是当初用来实例化vue的一个函数，它会等待deviceready执行完毕之后才会去实例化，而false为默认值，事件再冒泡阶...
2020-07-01 15:50:15
660
原创 关于npm run build看到各个文件的大小分辨出是哪个文件占用过大问题
npm install --save-dev webpack-bundle-analyzer在webpack.prod.conf.js配置，没有的话可以在项目根目录起一个vue.config.js文件const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer’).BundleAnalyzerPlugin;在moudel p...
2020-07-01 15:42:24
1090
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人