随笔分类 -  前端开发

摘要:<div @click="changeHandler(value,$event)"></div> export default { changeHandler(v,e){ console.log('当前dom>>>',e.currentTarget) } } 阅读全文
posted @ 2021-06-21 16:52 Ricardo_front 阅读(298) 评论(0) 推荐(0) 编辑
摘要:问题: 如下使用不会执行代码,打印节流 methods: { throttleHandler(){ _.throttle(function () { console.log('节流'); this.submit() }, buttonThrottle) }, 解决: 需要改下如下写法 methods 阅读全文
posted @ 2021-03-22 15:48 Ricardo_front 阅读(1350) 评论(0) 推荐(0) 编辑
摘要:新项目直接在vue create的时候,选择PWA模板,就可以启用PWA,这里主要介绍如果在已有项目中启用PWA 1.安装pwa插件 vue add pwa 2.目录结构 安装完插件后,会自动生成registerServiceWorker.js文件,另需自己创建service-worker.js配置 阅读全文
posted @ 2021-03-15 15:30 Ricardo_front 阅读(2828) 评论(0) 推荐(0) 编辑
摘要:问题: flutter运行web端报跨域提示错误 解决方案:(针对本地dev环境解决方案,若要发布生产需要服务器配合添加响应头实现'Access-Control-Allow-Origin', '*') 个人比较推荐的一种。在Flutter/packages/flutter_tools/lib/src 阅读全文
posted @ 2021-03-09 10:43 Ricardo_front 阅读(4114) 评论(0) 推荐(0) 编辑
摘要:1.webpack中hash、chunkhash、contenthash区别 如果都使用hash的话,因为这是工程级别的,即每次修改任何一个文件,所有文件名的hash至都将改变。所以一旦修改了任何一个文件,整个项目的文件缓存都将失效。 chunkhash根据不同的入口文件(Entry)进行依赖文件解 阅读全文
posted @ 2021-01-29 10:05 Ricardo_front 阅读(2900) 评论(0) 推荐(0) 编辑
摘要:1.需要使用到的插件: vue-skeleton-webpack-plugin插件 2.建立骨架屏示例 新建skeleton.vue文件 <template> <div class="skeleton1-wrapper">我是骨架屏1</div> </template> <script> expor 阅读全文
posted @ 2021-01-16 10:19 Ricardo_front 阅读(172) 评论(0) 推荐(0) 编辑
摘要:插件:fehelper 图片裁剪预览插件:https://github.com/acccccccb/vue-img-cutter 1:腾讯文档 https://docs.qq.com 开网页,就可以直接使用qq扫码或者微信扫一扫就可以直接登录啦,微信还有专门的文档小程序。更方面的是有各种模板可以选择 阅读全文
posted @ 2021-01-14 17:45 Ricardo_front 阅读(244) 评论(0) 推荐(0) 编辑
摘要:html结构 <div class="pdf-list> <canvas height="1684" width="1191" class="canvas"></canvas> </div> js部分 function dataUrlToBold (url) { let arr = url.spli 阅读全文
posted @ 2021-01-12 14:19 Ricardo_front 阅读(259) 评论(0) 推荐(0) 编辑
摘要:function isElementNotInViewport (el) { if (el) { let rect = el.getBoundingClientRect(); return ( rect.top >= (window.innerHeight || document.documentE 阅读全文
posted @ 2021-01-04 10:35 Ricardo_front 阅读(454) 评论(0) 推荐(0) 编辑
摘要:canvasDrawImage (i) { const itemCanvas = this.canvasArr[i] //canvas对象 const itemWitdh = itemCanvas.width const itemHeight = itemCanvas.height const it 阅读全文
posted @ 2020-12-28 13:06 Ricardo_front 阅读(1285) 评论(0) 推荐(0) 编辑
摘要:<el-form @submit.native.prevent> <el-form-item prop="password"> <el-input :type="!eyeStatus?'password':'text'" :placeholder="$t('views_login_login_inp 阅读全文
posted @ 2020-12-18 11:09 Ricardo_front 阅读(1470) 评论(0) 推荐(0) 编辑
摘要:<input type="file" accept="application/pdf" ref="input" class="file-upload" id="fileupload" @change="beforeUploadHandler"> 解决: document.getElementById 阅读全文
posted @ 2020-12-14 14:34 Ricardo_front 阅读(964) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2020-12-12 19:01 Ricardo_front 阅读(86) 评论(0) 推荐(0) 编辑
摘要:问题1 : permission denied, link '/var/folders/ls/kq7mwx9j6sl_0brjgs6g18500000gn/T/electron-tmp-download-53946-1605687329134/electron-v2.0.18-darwin-x64. 阅读全文
posted @ 2020-11-18 16:25 Ricardo_front 阅读(414) 评论(0) 推荐(0) 编辑
摘要:where: { [Sequelize.Op.and]: [ { ...query }, Sequelize.where( Sequelize.fn('DATE', Sequelize.col('created_date')), // 表对应的字段 Sequelize.literal('CURREN 阅读全文
posted @ 2020-11-17 17:16 Ricardo_front 阅读(1198) 评论(0) 推荐(0) 编辑
摘要:在父元素上设置word-spacing的值为合适的负值 <div class="main"> <span></span> </div> .main{ word-spacing:-2px 2、第二种:第一步:在这些行内元素的父元素上设置font-size设置为0;第二步:在行内元素上设置正常的字体显示 阅读全文
posted @ 2020-11-09 14:01 Ricardo_front 阅读(382) 评论(0) 推荐(0) 编辑
摘要:到vue-cli 3.0后,webpack配置被整合到vue-cli的配置中了,需要配置一些打包插件比较麻烦了,比如优化momentjs压缩包,使用webpack-bundle-analyzer等… 研究后发现vue-cli 3.0使用了chainWebpack来支持额外的插件配置,其实和2.0是差 阅读全文
posted @ 2020-10-27 14:21 Ricardo_front 阅读(1872) 评论(0) 推荐(0) 编辑
摘要:问题:如题,在谷歌浏览器中,有时input标签会自动填充数据,如用户名密码等。。。 解决:给input标签加上autocomplete属性, 如果是type=“text”就加上autocomplete="off"属性, 如果type="password",就加上autocomplete="new-p 阅读全文
posted @ 2020-10-08 14:26 Ricardo_front 阅读(766) 评论(0) 推荐(0) 编辑
摘要:1、路由懒加载 在 router.js文件中,原来的静态引用方式,如: import ShowBlogs from '@/components/ShowBlogs' routes:[ path: 'Blogs', name: 'ShowBlogs', component: ShowBlogs ] 改 阅读全文
posted @ 2020-08-29 00:16 Ricardo_front 阅读(1382) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示