在后台管理系统的项目中，因为是数据管理，大部分都是 CURD 的页面。比如： 对于这类的页面，我们完全可以设计一个组件，使用拖拽的方式，将组件一个个拖到指定区域，进行结构组装，然后再写一个对组装数据的

写是一种效果非常好的学习方式，所以学习flex布局我给自己写个flex布局教程，顺便还可以帮助需要的小伙伴，可谓一举两得。教程最大特点是所有属性效果都有实时可交互的demo，相比静态示意图片更直观，同时很多flex相关属性的解释比现有教程要详细很多。希望分享的这个链接有所价值。

经常会有小伙伴让推荐好的代码库，最近看到了这篇文章，都是非常棒的代码库，供得大家学习参考。 手头有大量的资源📚总是一件很棒的事。 作为一个码农，我们需要专注于功能和最佳实践，而不是一遍遍地编写样板代码。消除无用功，投入时间学习使用正确的工具或者懂得使用有用的资源可以极大的帮助…

小程序退出后再次扫码进入，只会执行生命周期函数里的代码，“外部”代码不会再执行。 在我们的项目里，我们会将一部分本地变量不写在小程序 pageConfig 的 data 中，而直接在文件头进行声明。这样是为了减少 data 的大小，加快页面渲染速度。但这也无意中带来了新问题，我…

需求场景：我们知道，微信小程序可以分享给好友或者微信群，不能分享到朋友圈，那分享到朋友圈就需要特殊处理一下，这里我们把小程序和canvas结合起来使用，生成自定义图片并保存到本地。 canvas的drawImage方法只支持本地图片，不支持网络图片，所以头像和背景图我都用get…

将背景绘制范围设为padding-box，边框设置为透明色，即可实现效果。 上图多边框可使用 box-shadow 实现，有一个缺点就是只能设置实线。 box-shadow支持逗号分隔语法，我们 可以创建任意数量的投影。 如上图，如果只是需要两层边框，当然我们还可以使用outl…

微信和微博,若没有用其官方的js-sdk初始化,没法播放。 有不对之处请留言,会及时修正,谢谢阅读。

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，针对性地给出实际方案，而不是背诵各种开发军规和性能优化的条例，这样很难发现真正的问题所在,…

cover 网页内容完全覆盖可视窗口，即页面完全充满屏幕，右图。适配关键！ 适配的核心是：通过 constant() 可以获取到非安全边距，再结合 padding 或 margin 来控制页面元素避开非安全区域。 Webkit在iOS11中新增CSS Functions: en…