css sprites

「Web前端基础知识」Web前端页面开发规范

前端在开发过程中,是需要一些规范的,有了规范文档能够使我们的开发流程更加规范化;提高团队的协作能力、代码的复用率;写出质量更高的代码;同时也可以方便我们后期的维护。文件规范:根据项目名称创建项目文件夹,将css文件夹、images文件夹、js文件夹、psd文件夹、*.html文件放在工程目录中。HTML文件以英文命名,首页名称必须为index.html作为入 …

14条前端性能优化的规则

规则01:尽量减少HTTP请求前端优化的黄金准则指导着前端页面的优化策略:只有10%-20%的最终用户响应时间花在接受请求的HTML文档上,剩下的80%-90%时间花在为HTML文档所引用的所有组件(图片、脚本、样式表等)进行的HTTP请求上。因此,改善响应时间的最简单途径就是减少组件的数量,并由此减少HTTP请求的数量。当然很多人就会说,既然这样,那我们就 …

使用来自百度的FIS 打包项目初探笔记

最近随着grunt的火热,前端项目打包也成为了一个前端工程师必备的技能。这两天发现除了国外的grunt国内百度的FIS也是一个相当不错的工具,最最最起码他的说明文档教程API等等都是中文滴,对于英文不好的朋友来说,学习起来那是相当的方便。好了言归正传,首先还是先比较一下fis和grunt的区别吧,以便有个初步了解。下面是截取了百度研发部自己的一份说明对比说明 …

阿里内部资料外泄!P8大牛的前端面试题本(飞书文档版)

这份P8大牛的前端面试题本中不仅涵盖了HTML5、CSS3、JavaScript等前端基础知识的深度挖掘,还涉及了Vue.js、React等现代前端框架的实战应用,以及前端安全、性能优化等高级议题。这份面试题本,不仅可以应对面试的挑战,更可以通过深入学习,提升自己的专业技能。总览:因为篇幅原因,下面就只能截图部分内容展示了,有想要完整版的小伙伴:点赞+转发后 …

前端性能优化

今天网站上线自己搜集总结了一些前端的优化1.精灵图多个图片拼成一个图片,然后通过CSS来控制在什么地方具体显示这整张图片的什么位置(毕竟流量 都是钱啊)2.css选择器优化3. js改变样式直接操作类名4. js直接操作dom节点5.正则匹配选择器6.js获取元素优化7.内存溢出一般在递归运行时,会产生内存溢出,造成在运行递归时性能大幅度下降,在运行结束后内 …

图解不同版本的HTTP协议

前言大家好,我是蜗牛,今天我们聊聊HTTP协议,通过这篇文章我们能了解到不同版本HTTP优缺点、他们之间的性能差异以及现在主流的HTTP协议用的那个版本HTTP1.1 时代HTTP1.1 对 HTTP1.0 做了许多优化,也是当今使用得最多的 HTTP 协议:持久化连接以支持连接重用分块传输编码以支持流式响应请求管道以支持并行请求处理字节服务以支持基于范围的 …

淘宝美工是不是很难学呢?需要掌握什么技巧呢

淘宝美工zui终还是要实践的,没有电脑光看书是不行的。看了书以后要操作,才能知道自己什么地方不懂,淘宝美工主要是对店铺进行装修,促销海报的制作,宝贝上架,宝贝内页的编辑,这些都需要借助ps工具,另外想把店铺装修的好看和专业些,还有学习dw和flash软件。这些软件都可以学习的,重要的是自己有自己想法,装修出属于自己特色的店铺出来。身边学淘宝美工的朋友就有好几 …

在建网站的中常见的五种背景图片的使用方法

 在建网站的过程当中使用背景图片似乎是绕不过去的一个环节,背景图的使用能更好的衬托出想要表达的内容,也可以让局部细节达到最完美的状态,合理使用背景能够让视觉感官有一个更加的舒服体验,专业设计师会让背景用的恰到好处,没有目的的使用往往会适得其反,不仅达不到想要表现的效果,反而还会喧宾夺主影响主体内容的表现。  建网站时对于图片的颜色也有一定的选择技巧,郑州建企 …

图片渐进式加载优化实践指南

前言Hey, 我是 Immerse文章首发于个人博客【https:yaolifeng.com】,更多内容请关注个人博客转载说明:转载请在文章头部注明原文出处及版权声明!起因最近上线了个人博客,片段页面存在大量图片,在图片加载方面体验很差,可以说是断崖式,从 0-1 完全没有任何过渡(这很影响页面布局和用户体验,对于设定了图片宽高的图片还好,如果没设置,就会有 …

  • 1