图片懒加载

发布在 js

一直都想自己实现这个功能而不是知道原理不实践,这次突然看到掘金上的文章后,跟着走了一遍代码,原来不管什么效果只知道原理是远远不够的,你必须亲自实现一下,然后才知道其中的坑,也会学到更多。程序员就要勤于动手。
阅读全文

使用canvas压缩图片

发布在 canvas

前俩天做了一个图片转base64上传的功能,发现如果图片的base64过大的话,请求会变的很慢,严重的直接超时了,所以想到了在上传前压缩一下图片,然后再上传到后台,这样可以大大的提高效率,在这里记录一下利用 canvas 压缩图片遇到的几个坑。完整代码会在文末给出。
阅读全文

eslint配置记录

发布在 webapck

eslint可以帮助进行我们检查代码,使我们的代码写的整洁,高效,在这里总结一篇关于eslint配置的一些事项,一些规则持续更新。

eslint 的配置文件放在根目录中,新建.eslintrc.js文件,然后开始配置,一般常见的配置如下:
阅读全文

先列举功能点:

  1. react热更新 react-hot-loader
  2. css提取
  3. webpack4的splitcommonchunk
  4. react-router-dom 和 redux 整合
  5. redux-saga
  6. react-router 动态配置 react-loadable
  7. react-router-config 静态路由
  8. sass/less
  9. 重复渲染问题处理
  10. webpack 打包第三方库
阅读全文

谷歌云现在有活动,新注册的可以免费使用一年,之前同事使用这个搭建了一个梯子,可以访问国外的网站,我今天自己搭建了一下,遇到不少坑,在这里记录一下
有俩个先决条件

  • 信用卡
  • 可以翻墙访问谷歌

信用卡这个是谷歌必须要求的,在注册的时候就需要绑定,绑定成功会扣到1美元,过几天会退回来,就是验证一下信用卡是否可用。
翻墙这个问题可以使用蓝灯,也可以使用一个谷歌的扩展程序谷歌访问助手这个我在后面会给出链接,这个访问助手智能访问谷歌搜索和谷歌邮箱,其他的油管之类的就不行了。话不多说,紧接着开始教程。
阅读全文

作者的图片

tiankai

喜欢折腾,喜欢编码


前端工程师


中国-山西-太原