2020年8月25日
懒加载之几百张图片
摘要： 网页要展示很多张图片 手机性能不够，渲染过多图片容易造成页面卡死 甚至页面奔溃。。。 最近做项目的时候就遇到了这样的问题。 后端将所有URL链接都返回过来，如果直接循环渲染到img标签里面，大于几十张有些安卓机子就会死机 a56爆大奖在线娱乐必须考虑用到懒加载，即 先不渲染所有URL链接，滚动到可视区域范围，再去渲 阅读全文
posted @ 2020-08-25 17:30 水晴 阅读(226) 评论(0) 推荐(0) 编辑
img onError的那些事
摘要： 最近遇到一个问题： 一个图片链接， 前一秒中是个无效链接，后一秒有效，但前一秒img标签已经渲染了，导致图片无显示 解决办法：利用Img标签的onError事件，在装载文档或图像的过程中如果发生了错误，就会触发onerror事件 <img onError={(e) => e.target.src = 阅读全文
posted @ 2020-08-25 15:22 水晴 阅读(472) 评论(0) 推荐(0) 编辑
2020年8月21日
vue之sass安装
摘要： （一）sass安装 （1）npm（cnpm） 安装对应依赖的node模块 npm install node-sass --save-dev npm install sass-loader --save-dev （2）webpack.base.conf.js文件配置（一般在vue-cli的build文 阅读全文
posted @ 2020-08-21 10:56 水晴 阅读(1576) 评论(0) 推荐(0) 编辑
调用echart图表，不显示 报错“getAttribute of null”
摘要： 问题原因：文档还未加载完，图表就先加载了，找不到对应的容器，vue需要先把容器渲染出来才能挂载上echart图表。其实不止vue，react等都是这样的。 解决： 方法一：setTimeOut延时（不推荐） 方法二：用vue自带的方法this.$nextTick 保证在文档加载完成之后再加载echa 阅读全文
posted @ 2020-08-21 10:55 水晴 阅读(274) 评论(0) 推荐(0) 编辑
rollup打包
摘要： 1、rollup是什么 JavaScript的ES模块打包器 从一个入口文件开始，将所有使用到的模块文件都打包到一个最终的发布文件中 2、与webpack的差异 定位不同：webpack偏向于应用打包；rollup更专注于JavaScript类库打包 (1)如果你需要代码拆分(Code Splitt 阅读全文
posted @ 2020-08-21 10:53 水晴 阅读(2552) 评论(0) 推荐(0) 编辑
es6数组去重
摘要： 数组中的对象的某一元素去重 （一）数组内的元素是基本类型的情况 const arr = [1, 2, 1, 1, null, undefined, undefined, null, "hello", "hello"]function unique(arr) { return Array.from(n 阅读全文
posted @ 2020-08-21 10:52 水晴 阅读(356) 评论(0) 推荐(0) 编辑
2020年8月4日
css3 画三角形加阴影
摘要： 三角形实现原理： 通过控制四周边框实现,想要红色区域三角形的就设置其他三边颜色设置为transparent,想要什么什么三角形就其他边设置为透明颜色即可 宽度width为0；height为0； （1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线 阅读全文
posted @ 2020-08-04 11:39 水晴 阅读(687) 评论(0) 推荐(0) 编辑
2020年7月29日
css实现div标签的换行和空格保留
摘要： 近来做项目有遇到一个小坑： 要求a56爆大奖在线娱乐框输入完之后，内容可以上下居中，textarea里面的内容没办法实现，a56爆大奖在线娱乐便考虑用div代替， 默认展示用div：点击div时，textarea获得焦点，textarea失去焦点的时候 回到div情况 但是遇到了换行和空格的问题 a56爆大奖在线娱乐用了css属性white-spac 阅读全文
posted @ 2020-07-29 16:35 水晴 阅读(2574) 评论(0) 推荐(0) 编辑
2020年4月1日
antd 和 antd-mobile 同时加载
摘要： 脚手架react-app-rewired 的config-overrides.js 文件配置方式 const path = require("path"); const { override, fixBabelImports, addLessLoader, addDecoratorsLegacy, 阅读全文
posted @ 2020-04-01 23:01 水晴 阅读(966) 评论(0) 推荐(0) 编辑
2019年12月2日
error: RPC failed; curl 92 HTTP/2 stream 0 was not closed cleanly: PROTOCOL_ERROR (err 1)
摘要： 今天崩溃遇到这个问题 搜了下问题，遇到的人还不少，有解释说：因为k8s集群，据a56爆大奖在线娱乐所知，a56爆大奖在线娱乐们的项目中确实有遇到。 解决方案很多，人品好的遇不到，人品不是太差的重新clone项目下来也能成功（a56爆大奖在线娱乐同事就这样做成功了 网上也有例子 遇到的同学可以先试试） 人品真的差的 是重新clone项目也解决不了 然后a56爆大奖在线娱乐 阅读全文
posted @ 2019-12-02 16:41 水晴 阅读(14956) 评论(0) 推荐(1) 编辑