lisashare - 博客园

2022年8月31日

Vue -- 打包报错 Uncaught SyntaxError: Unexpected token <

摘要：问题场景：页面打开不操作，前端项目代码更新重新部署后，页面不刷新，操作页面(点击打开弹窗、切换菜单等)，页面没有反应，控制台报错 Uncaught SyntaxError: Unexpected token <。这个问题偶现，只有在项目重新部署后会出现，页面刷新后就恢复正常。在前端项目未更新之前打阅读全文

posted @ 2022-08-31 11:07 lisashare 阅读(2534) 评论(0) 推荐(0)

Vue -- 项目刷新当前页面

摘要： this.$router.go(0) location.reload() 阅读全文

posted @ 2022-08-31 10:54 lisashare 阅读(38) 评论(0) 推荐(0)

2022年8月30日

android 手机，白色透明度的按钮变成黑色

摘要：情景：白色透明度显示了深色分析：最开始以为手机兼容问题，该浏览器不支持 rgba，后来向安卓开发工程师请教了一下，尝试了改变颜色的写法，效果不对，安卓工程师调节了手机的黑色模式，颜色恢复到正常。原因是该手机设置了黑色模式，白色透明度在黑色模式下显示纯黑。解决：可以使用纯色代替使用 rgba 阅读全文

posted @ 2022-08-30 18:07 lisashare 阅读(369) 评论(0) 推荐(0)

js -- html2canvas 海报截图功能

摘要： ## 浏览器海报实现下载 npm i html2canvas or [html2canvas.js](http://html2canvas.hertzen.com/dist/html2canvas.min.js) 和 [canvas2image.js](https://github.com/Sup 阅读全文

posted @ 2022-08-30 17:58 lisashare 阅读(809) 评论(0) 推荐(0)

Vue -- element-ui el-table 选择回显

摘要： // 取出存储的id var clueId = "1138334945442639872"; mycustomVM.$nextTick(function(){ var storage = []; mycustomVM.dataTable.forEach(function(item, index) { 阅读全文

posted @ 2022-08-30 17:04 lisashare 阅读(626) 评论(0) 推荐(0)

js -- setTimeout 实现倒计时不准确的问题

摘要： setTimeout、setInterval 属于定时触发器线程属于 macrotask，它的回调会受到GUI渲染、事件触发、http请求、等的影响。所以这两个不适合做精准的定时。最好的方法是定时矫正，用 new Date(targetDate:Date - new Date ) 格式化成你需要的时阅读全文

posted @ 2022-08-30 16:29 lisashare 阅读(1301) 评论(0) 推荐(0)

Vue -- 谈谈你对 keep-alive 的了解？

摘要： keep-alive 官方文档 keep-alive 是系统自带的一个组件主要用于保留组件状态或避免重新渲染（提升性能）。 Props： include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 <!-- 逗号分阅读全文

posted @ 2022-08-30 16:14 lisashare 阅读(93) 评论(0) 推荐(0)

2022年7月14日

js -- 常用正则验证 validate.js

摘要： /** * @param {string} path * @returns {Boolean} */ export function isExternal (path) { return /^(https?:|mailto:|tel:)/.test(path) } /** * @param {str 阅读全文

posted @ 2022-07-14 11:25 lisashare 阅读(243) 评论(0) 推荐(0)

2022年5月6日

Vue -- vant tabbar 点击切换高亮

摘要：在 vue-cli 移动项目中，使用 vant 底部切换，例如：/mine 和 /mine/collect 都需要"我的"高亮，点击"我的"，回到 /mine 页面。使用vant文档中的 tabbar change 方法，点击"我的"不能触发 change 事件，所以可以点击每个 item 实现。刷阅读全文

posted @ 2022-05-06 17:54 lisashare 阅读(1195) 评论(0) 推荐(0)

2022年4月8日

vue cli3 项目搭建

摘要：安装node, vue全局环境可以参考对应的官方文档，这里我们直接创建项目。创建一个项目 vue create hello-vue default (babel, eslint) 默认套餐，提供 babel 和 eslint 支持。 Manually select features 自己去选择需要阅读全文

posted @ 2022-04-08 18:28 lisashare 阅读(117) 评论(0) 推荐(0)

2022年3月3日

h5 android 个别机型， fixed 布局被软键盘顶上去，遮挡输入框

摘要：原因：html、body设置了 height: 100% 的自适应布局后，高度跟随屏幕的可用高度改变而改变导致的。解决办法： 1、不使用 fixed 定位，使用替代方案（推荐）： a：使用 position:absolute; overflow-y:scroll; b：使用 display:fle 阅读全文

posted @ 2022-03-03 17:45 lisashare 阅读(2620) 评论(0) 推荐(1)

2022年2月28日

js -- 通用js方法封装处理 utils.js

摘要： js -- 获取两个日期间的所有日期 js -- 将毫秒转化成天时分秒的时间格式 js -- 常用正则验证 validate.js export function sortASCII (obj) { let newObj = {} Object.keys(obj).sort().forEach(k 阅读全文

posted @ 2022-02-28 11:57 lisashare 阅读(292) 评论(0) 推荐(1)

2022年2月17日

微信小程序跳转app方案研究

摘要：微信小程序跳转app方案研究调研结果如下： 1、利用官方api，小程序关联app 微信开放文档-功能介绍 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html 微信开放文档-打开阅读全文

posted @ 2022-02-17 11:53 lisashare 阅读(1995) 评论(0) 推荐(0)

2021年12月21日

Vue3_arco.design -- icon 组件批量渲染

摘要：参考文档-vue3 参考文档-arco.design 参考文档-ruoyi <div v-for="item of AIcons" :key="item" @click="handleClipboard(generateAIconCode(item), $event)"> <a-tooltip pl 阅读全文

posted @ 2021-12-21 18:17 lisashare 阅读(1250) 评论(0) 推荐(0)

2021年12月15日

百度浏览器 -- h5页面fixed布局不显示问题

摘要：问题一：使用百度APP打开H5页面，发现使用position: fixed定位在页面上的按钮显示出来后又消失了，原因是百度对position: fixed的标签，如果其中带有<img>标签会被定义成广告，进而给移除了。解决方法：将按钮切成图片，放到伪类中使用 background-image: 阅读全文

posted @ 2021-12-15 11:38 lisashare 阅读(380) 评论(0) 推荐(0)

公告