- 博客(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
133
原创 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
58
原创 CSS3 backface-visibility
webkit内核浏览器使用CSS transition或transform动画 导致相关元素或容器闪烁抖动的问题 当你使用transition或transform等动画属性制作特效时，如果发现这些动画导致某些元素或者容器闪烁，抖动时，可以在使用动画属性的元素上（或发生抖动的元素上）添加如下声明： .transformClass{ -webkit-backface-visibility: hidden; backface-visibility: hidden; } 如果出现一些完全不相关的元素也跟着抖动
2020-12-10 14:32:37
178
原创 有趣的CSS函数：linear-gradient
有趣的CSS函数 最近在做一个项目，项目中用到了纯css的边界动效，以及CSS绚丽的颜色处理，就抽时间把这几个函数整理了一下。 CSS 有以下几个函数：（标注CSS2的是指CSS2支持的 其他都是CSS3支持的） attr() 返回选择元素的属性值（CSS2）。 calc() 允许计算 CSS 的属性值，比如动态计算长度值。 cubic-bezier() 定义了一个贝塞尔曲线(Cubic Bez...
2020-03-25 20:50:12
353
原创 Ant Design Pro 入门（一）
Ant Design Pro 入门（一） 初识 Ant Design Pro Ant Design 是蚂蚁金服基于react打造的一个服务于企业级产品的UI框架，是针对企业级中后台前端/设计解决方案，而Ant Design Pro 是在antd的基础上构建的一套基于 React 的中后台管理控制台的脚手架，它可以帮助你快速搭建企业级中后台产品原型，进一步提升企业级中后台产品设计研发过程中的『用户...
2020-03-25 00:19:49
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人