CSS 优化,提高性能的方法有哪些
1、尽量避免行内样式和页面内嵌样式2、减少CSS文件引用数量,生产环境压缩CSS文件。3、初始化样式只对用到的标签,避免使用*{}。4、避免对同一元素和类名多次重复定义某些属性,css代码能简写的尽量简写。5、放弃对老旧浏览器支持,少写hack。
减少CSS体积大小,代码尽量简写、压缩。
减少CSS重复调用,采用框架式、组件式写法。
减少CSS重复请求,样式图片采用合成为一张图的方法。
压缩css代码,就是删掉空格换行之类的,使用尽量短的class名称,不过这个影响维护,对速
常见的前端集成部署方案有哪些各自的优缺点是什么
前端行业经历了这么长时间的发展,技术元素非常丰富,这里列举出一般web团队需要用到的技术元素:
开发规范:包括开发、部署的目录规范,编码规范等。不要小瞧规范的威力,可以极大的提升开发效率,真正优秀的规范不会让使用者感到约束,而是能帮助他们快速定位问题,提升效率。
模块化开发:针对js、css,以功能或业务为单元组织代码。js方面解决独立作用域、依赖管理、api暴露、按需加载与执行、安全合并等问题,css方面解决依赖管理、组件内部样式管理等问题。是提升前端开发效率的重要基础。现在流行的模块化框架