- 博客(5)
- 收藏
- 关注
RSS订阅原创 小程序开发入门
微信小程序一、账号注册申请开发者账号：https://open.weixin.qq.com/注册公众号 ：https://mp.weixin.qq.com/注册小程序：https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN二、环境准备部署后台服务器、数据库、静态资源服务器三、项目构建1、安装微信开发者工具 并初始化目录结构：app.js 逻辑app.json 全局配置app.wxss 全局样式pages
2021-05-31 22:54:14
147
原创 web前端性能优化
web前端性能优化加载资源优化尽量使用缓存，减少网络请求静态资源（html/css/js）的合并和压缩。静态资源缓存（浏览器缓存策略）。使用CDN让静态资源加载更快。** 渲染优化**5. CSS放head中，JS放body后6. 2.图片懒加载7. 减少DOM操作，对DOM操作做缓存8. 减少DOM操作，多个操作尽量合并在一起执行资源合并懒加载合并dom插入10次dom插入 —> 1次dom插入事件节流事件节流主要用于触发频率较高的事件，设定一个缓冲触发事件。异
2020-12-10 14:35:12
66
原创 CSS3 backface-visibility
webkit内核浏览器使用CSS transition或transform动画 导致相关元素或容器闪烁抖动的问题当你使用transition或transform等动画属性制作特效时，如果发现这些动画导致某些元素或者容器闪烁，抖动时，可以在使用动画属性的元素上（或发生抖动的元素上）添加如下声明：.transformClass{ -webkit-backface-visibility: hidden; backface-visibility: hidden;}如果出现一些完全不相关的元素也跟着抖动
2020-12-10 14:32:37
204
原创 有趣的CSS函数：linear-gradient
有趣的CSS函数最近在做一个项目，项目中用到了纯css的边界动效，以及CSS绚丽的颜色处理，就抽时间把这几个函数整理了一下。CSS 有以下几个函数：（标注CSS2的是指CSS2支持的 其他都是CSS3支持的）attr() 返回选择元素的属性值（CSS2）。calc() 允许计算 CSS 的属性值，比如动态计算长度值。cubic-bezier() 定义了一个贝塞尔曲线(Cubic Bez...
2020-03-25 20:50:12
371
原创 Ant Design Pro 入门（一）
Ant Design Pro 入门（一）初识 Ant Design ProAnt Design 是蚂蚁金服基于react打造的一个服务于企业级产品的UI框架，是针对企业级中后台前端/设计解决方案，而Ant Design Pro 是在antd的基础上构建的一套基于 React 的中后台管理控制台的脚手架，它可以帮助你快速搭建企业级中后台产品原型，进一步提升企业级中后台产品设计研发过程中的『用户...
2020-03-25 00:19:49
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人