努力不搬砖的iori

2021年6月1日

摘要： webpack 打包可以借助 webpack-bundle-analyzer 这个库来分析打包后的文件大小。使用： --report 打包指令加上 --report 参数就可以。这个插件会以网页形式展示 webpack打包后的文件大小详情。可以通过这个分析页面去判断哪个文件很大，有阅读全文

posted @ 2021-06-01 10:33 努力不搬砖的iori 阅读(105) 评论(0) 推荐(0) 编辑

vue-cli初始化的vue项目生产环境打包报错 UnhandledPromiseRejectionWarning: CssSyntaxError

摘要：这种报错就是写css样式中有语法错误或者 css文件中注释用的 "//" 而不是 /* */ 等一系列语法问题。解决办法就是去build/webpack.prod.config.js 找到 new OptimizeCSSPlugin({ cssProcessorOptions: config 阅读全文

posted @ 2021-06-01 10:21 努力不搬砖的iori 阅读(793) 评论(0) 推荐(0) 编辑

2021年5月31日

better-scroll 中使用小细节。

摘要：由于被better-scroll 管控的元素的点击事件都是通过 better-scroll 同意分发的，所以某些使用一定只允许存在一个 better-scroller 实例！！！假如点击元素显示一个可以滚动的列表如果点击不判断是否已经存在better-scroll实例的话，点击一阅读全文

posted @ 2021-05-31 17:14 努力不搬砖的iori 阅读(73) 评论(0) 推荐(0) 编辑

mutations 中的方法或者methods去更新已经实例化的vue data数据或者已经赋值了的data属性中的数据，给数据添加新的属性，但是页面不更新试图剖析

摘要：在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。当你把一个普通的 JavaScrip 阅读全文

posted @ 2021-05-31 15:31 努力不搬砖的iori 阅读(283) 评论(0) 推荐(0) 编辑

移动端div点击事件无效！！！

摘要：无效原因：当元素被 better.scroll实例接管后，里面的所有子元素元素的点击事件都会被阻止，需要加上配置第二个参数 {click： true } 统一由 BScroll这个实例分发点击事件！！！ this.fBS = new BScroll('wrapper', {probeType 阅读全文

posted @ 2021-05-31 14:48 努力不搬砖的iori 阅读(304) 评论(0) 推荐(0) 编辑

2021年5月28日

验证码模块实现碰到的坑

摘要：在实现登录模块时，在验证码这里碰到一个坑就是：问题：后台nodjs 生成一张svg的验证码图片并且返回到前端，并且把验证码放入到session中。但是前台验证的时候验证码死活都不成功。排查原因，百度后发现是因为浏览器请求后台nodejs 验证码接口时产生了跨域，而恰好前台是直接调用的验证码接口阅读全文

posted @ 2021-05-28 15:38 努力不搬砖的iori 阅读(106) 评论(0) 推荐(0) 编辑

2021年5月27日

vue中打印使用mapState映射 vuex state 中的数据结果显示 [__ob__: Observer]的问题

摘要：这里的原因是因为vue中异步取值时候【mapState 映射出 vuex 中的数据等】，很多时候会得到 {ob：Observer}的数据格式，这是因为vue对数据设置的监控器【一般是不可枚举的】。直接取值是取不到这个对象里面的值的。可以通过几种方式： 1.展开语法：[...ob_obj] 阅读全文

posted @ 2021-05-27 16:14 努力不搬砖的iori 阅读(1251) 评论(0) 推荐(0) 编辑

文件删除报错 Resource temporarily unavailable几个方面的原因

摘要： 1.权限不够 2.没有删除文件变量 // 需要添加 unset($file); 3.例如excel等文件在word中打开状态，未关闭，导致删除失败！！！阅读全文

posted @ 2021-05-27 15:25 努力不搬砖的iori 阅读(1124) 评论(0) 推荐(0) 编辑

用户浏览网页体验改善方案

摘要：很多时候界面的很多内容都需要等到异步请求的数据请求成功而动态加载的，为了提高用于体验，可以在数据未加载之前，显示一个与界面结构相同的图片。表示数据正在加载！！！ ex: Vue中可以使用 v-if：数据来了就执行v-if，显示真正的界面结构 v-else：数据没来就显示v-else里的图片结构结合阅读全文

posted @ 2021-05-27 10:31 努力不搬砖的iori 阅读(116) 评论(0) 推荐(0) 编辑

vue中轮播等组件数据源动态获取问题

摘要：很多时候轮播组件，分类展示等组件的数据源不是直接写在data属性中，而是异步获取然后循环渲染出来的。这时候轮播效果的渲染往往需要等到数据获取到并且循环数据完之后再去执行。什么时候判断数据获取完成并且数据循环生成dom操作也已完成？这是个问题。 vue 提供了一个叫 $nextTick(cal 阅读全文

posted @ 2021-05-27 09:21 努力不搬砖的iori 阅读(166) 评论(0) 推荐(0) 编辑

CV攻城狮中的一员

Move On

公告