02 2023 档案

判断浏览器的方法
摘要：var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto 阅读全文
posted @ 2023-02-28 11:31 李云蹊 阅读(35) 评论(0) 推荐(0)
移动端实现分享功能(设置标题,副标题和缩略图封面)
摘要：一.NativeShare.js(毫无疑问是兼容浏览器最多的插件了) 移动端几乎所有浏览器都支持分享到QQ和QQ空间 QQ浏览器 UC浏览器 微信自带浏览器 QQ自带浏览器 QQ空间APP 百度浏览器 百度APP自带浏览器 ios 搜狗浏览器 支持分享到web微博 即将支持(android 搜狗浏览 阅读全文
posted @ 2023-02-28 11:07 李云蹊 阅读(1089) 评论(0) 推荐(0)
vue项目使用rem布局刷新页面瞬间元素尺寸由小变大，页面闪现错乱样式
摘要：vue项目使用px2remLoader插件，在index.html自定义设置font-size的大小，尤其是在首屏加载的时候，会出现页面各个元素尺寸由小变大的一个过程，很难看 刚开始一直在想是不是因为css文件过大，加载的时候先渲染了页面，然后css文件加载完之后样式才恢复正常，后来使用gzip压缩 阅读全文
posted @ 2023-02-20 18:26 李云蹊 阅读(546) 评论(0) 推荐(0)
vue【解决方案】页面/路由跳转后，滚动条消失，页面无法滚动
摘要：原因解析: vue项目中，页面/路由跳转后，body 的内联样式变成 overflow:hidden 解决方案: 使用路由守卫，在页面/路由跳转后，将body 的overflow设置为auto src/main.js: // 解决bug：页面/路由跳转后，滚动条消失，页面无法滚动 router.af 阅读全文
posted @ 2023-02-16 16:08 李云蹊 阅读(615) 评论(0) 推荐(0)
vue下载附件按钮功能
摘要：一.tools文件夹下tools文件中封装下载方法: function iframeEle(imgsrc, fileName) { let image = new Image() // 解决跨域 Canvas 污染问题 image.setAttribute('crossOrigin', 'anony 阅读全文
posted @ 2023-02-13 15:18 李云蹊 阅读(236) 评论(0) 推荐(0)
npm i 与 npm install 的区别
摘要：我们在平时运用的时候一般用 npm i 来代替 npm install（为npm i 的简写） 但是在实际应用中两者是有些不同的（查阅总结）： 1.使用npm i 安装的模块和依赖，使用npm uninstall是无法删除的，必须使用 npm uninstall i 才可以删除。 2.npm i 会 阅读全文
posted @ 2023-02-07 16:46 李云蹊 阅读(694) 评论(0) 推荐(0)
Vue使用:style动态给css中某样式赋值
摘要：template中 <span class="successOrError" :style="{'--fontColor':"green"}">成功</span> css中 <style lang="scss" scoped> .successOrError { font-size:14px; co 阅读全文
posted @ 2023-02-03 17:58 李云蹊 阅读(586) 评论(0) 推荐(0)
vue 事件中的 .native你搞清楚了吗
摘要：native是什么？ .native - 监听组件根元素的原生事件。 主要是给自定义的组件添加原生事件。 官网的解释： 你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。 通俗点讲：就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标 阅读全文
posted @ 2023-02-02 15:26 李云蹊 阅读(346) 评论(0) 推荐(0)