自已学习分享
kriserger
这个作者很懒,什么都没留下…
展开
-
使用three.js创建一个图形圆柱跟圆
【代码】使用three.js创建一个图形圆柱跟圆。原创 2023-03-01 10:35:14 · 805 阅读 · 0 评论 -
区分QQ,微信,浏览器等跳转
区分QQ,微信,浏览器等跳转。原创 2022-12-21 15:54:01 · 124 阅读 · 0 评论 -
前端处理图片脱敏效果,给图片进行马赛克处理
马赛克处理主要利用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 · 2950 阅读 · 0 评论 -
关于ios输入框被挡问题
input在底部,安卓机正常,ios点击输入框会被键盘遮挡解决方法,个人觉得原因是大家可以试试把300改成50,100这样,还是解决不了,在100ms时间软键盘还未完全弹出就已经执行方法,没有使元素完全适应软键盘位置。setTimeout(function(){document.body.scrollTop = document.body.scrollHeight;},300);...原创 2020-11-12 16:43:54 · 562 阅读 · 0 评论 -
关于keep-alive缓存滚动条位置问题
直接利用router里面的scrollBehavior去进行,假设你在a页面点击去b页面的话,那a页面在点击的那一刻可以先获取滚动条的位置并且存入,在router里面去判断你要指定滚动条位置以及项目判断逻辑了,y:600替换成自已修改的...原创 2020-10-23 10:31:43 · 1439 阅读 · 0 评论 -
关于vue中this.$set用法
关于vue中this.$set用法上面图表示点击添加属性后给表单进行赋值,在setmessage打印的话数据是更新的但是视图是不更新的,此时可以加多一个$set使其变成响应式属性,这样数据就可以做到更新,同时也可以用来做表单上移下移操作附上上移下移操作代码...原创 2020-10-22 14:55:43 · 662 阅读 · 0 评论 -
300毫秒延迟解决方案(vue)
关于300毫秒的双击以及单击的话早些是iphone设计了双击放大显示的功能,如果用户一次点击后300ms内没有其他操作,则认为是个单击行为;否则为双击放大行为。vue特别简单,做个记录后面方便找资料,main文件进行引入...原创 2020-07-16 15:30:49 · 971 阅读 · 0 评论 -
vue中如何利用H5+
h5+用html写,官方有,我就不多此一举了。vue的编写实际跟原本一样,之前怎么写就怎么写,在main文件引入npm i 一下这个依赖要去监听plusready这里是调用摄像头为例子。然后去build打包之后再hbuilder新建一个h5+项目,把你Build打包的东西替换到你新建的h5+就行,然后运行即可...原创 2020-07-09 17:29:11 · 1204 阅读 · 0 评论 -
前端vue关于xss攻击的防御
xss攻击是什么以及原理,这个的话建议看百度官方的阅读,今天开发偶然遇到项目过安全测试,由于是富文本编辑器的代码传输到后端,后端表示无法进行过滤,在前端如何做呢,比较简单,记录一下。在vue开发中,使用v-html输出的是html代码,而{{}}输出的则是文本,所以当你利用标签比如src属性去引入外部资源会导致安全性的问题。在main文件里面去xss,在main文件里面去绑定原型链有利于全局的使用,然后去npm一下,然后在你有使用v-html的文件里进行带入...原创 2020-07-03 15:38:52 · 8216 阅读 · 0 评论 -
关于vue拖拽组件vuedraggable的使用
@change事件会实时返回排序后的数组顺序,比较简单,记录使用原创 2020-07-01 17:12:27 · 526 阅读 · 0 评论 -
关于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 · 551 阅读 · 0 评论 -
记录addEventListener的用法,以及页面需要调用cordova中遇到的坑
addEventListener与devicereadywindow.document.addEventListener(‘deviceready’, newVue, false);及其坑,虽然是个小问题,deviceready是cordova事件,指定事件名,newVue是当初用来实例化vue的一个函数,它会等待deviceready执行完毕之后才会去实例化,而false为默认值,事件再冒泡阶...原创 2020-07-01 15:50:15 · 737 阅读 · 0 评论 -
关于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 · 1142 阅读 · 0 评论