snakebang

效果图如下，用户每次点击分享图片的时候，从内容库中随机抽出一条数据，渲染在图片上，并且加上用户昵称和头像，用户可以保存到本地。 功能不难，但是有一些小细节，还是列出来记录下吧。 头像、文字），再渲染圆角头像和本地的二维码图片，判断保存权限，关闭后再次点击再渲染。 1. 自适应r…

浏览器缓存对开发者来说一直都是一个有爱又恨的存在，一方面帮助开发者提升用户体验，另一方面有时会抽风，读取缓存展示错误的内容，因此，希望对浏览器缓存做一个总结，避免开发时因为缓存机制而过多耗费时间。接下来，就进入浏览器缓存的世界 不用缓存可以吗？当然可以，至于后果是什么？试了就知…

在单页应用中，经常使用 webpack 的 动态导入 功能来异步加载模块，从而减少部分文件的体积。我们可以通过webpack 提供的 import() 和 require.ensure 两个 API 来使用该功能。由于两个方法根本实现都是相同的，本文的示例都基于 import(…

自己刷抖音时训练的模型不行呀，推荐给我的都是一些沙雕视频，都是抠脚大汉，很少漂亮的小姐姐，但是自己刷抖音训练的话又太耗时间了，刚看看了 ADB ，发现这个简直就是宝库，想着就要不就使用 ADB 来帮我训练一下，省的我手动训练了。 现在完成了 ADB 查询设备的基本操作。那么问题…

2. autoprefixer也会帮你增加新前缀

最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比…

最近在做一个基于vue的后台管理项目。平时项目进度统计就在上禅道上进行。so~ 然后领导就感觉这个拖拽效果还行，能不能加到咱们项目里面。 既然领导发话，那就开干。。 拖动的实现基于 vuedraggable的插件开发。 主页为两栏流式布局，每一个组件可以在上下拖动，也可以左右拖…

自从几年前 Webpack 替换掉了 Gulp、Grunt 后，我们可以明显看到前端项目的工程复杂度越来越高，前端技术迭代速度也越来越快。 大厂也好、培训班也罢，都针对 Webpack、Babel 、ESLint 前端工程工具三巨头贡献出了数不胜数分享和案例。 但是随之而来的是…

你需要在前端展示 5000 条甚至更多的数据，每一条数据的数据结构是一个对象，里面有格式各样的属性。每个属性的值又可以是基本类型，对象，甚至数组。这里的对象或者数组内部的元素又可以继续包含对象或者数组并且允许无限嵌套下去。比如 页面上提供一个搜索框，用户通过输入搜索的内容可以找…