西安盈润软件科技有限公司 公司人数:20-30 地址:高新区锦业路69号创新商务公寓1单元19层11912号 1、png-8,png-24,jpeg,gif,svg。 除此之外还有WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间 2、DNS缓存:短时间内多次访问某个网站,在限定时间内,不用多次访问DNS服务器。 CDN缓存:内容分发网络(人们可以在就近的代售点取火车票了,不用非得到火车站去排队) 浏览器缓存:浏览器在用户磁盘上,对最新请求过的文档进行了存储。 服务器缓存:将需要频繁访问的Web页面和对象保存在离用户更近的系统中,当再次访问这些对象的时候加快了速度。 3、图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。 如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。 如果图片为css图片,可以使用CSSsprite,SVGsprite,Iconfont、Base64等技术。 如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验。 如果图片展示区域小于图片的真实大小,则因在服务器端根据业务需要先行进行图片压缩,图片压缩后大小与展示一致。 4、元素选择器,类选择器,id选择器,属性选择器,伪类选择器,层级选择器。 5、设置display属性为none,或者设置visibility属性为hidden 技巧性: 设置宽高为0,设置透明度为0,设置z-index位置在-1000em 6、html,css,js 7、减少http请求,图片地图,精灵图,使用cdn,压缩组件,代理缓存 8、冒泡型事件模型:button->div->body (IE事件流) 捕获型事件模型: body->div->button (Netscape事件流) DOM事件模型:body->div->button->button->div->body (先捕获后冒泡) 9、==比较的是值是否相等,===比较的是数值和类型都是否相等。 10、null.string,number,undefined,Boolean,object. 11、原型继承,类继承和混合继承。 12、1.通过字面量方式创建。2.通过构造函数创建。3.通过object创建。 4.通过object.create方式创建 13、1.使用setTimeout延迟方法的加载时间2.让js最后加载 14. JS中常见的循环函数有 for while do while for in forEach 15、请减少HTTP请求基本原理,请减少对DOM的操作,使用JSON格式来进行数据交换,高效使用HTML标签和CSS样式,精简CSS和JS文件,注意控制Cookie大小和污染 16、和15题类同。。 17.选择器,RGBA和透明度,多栏布局,多背景图,Word Wrap,文字阴影,@font-face属性,圆角(边框半径),边框图片,盒阴影,盒子大小,媒体查询 18、废除了basefont big center font stt u等 不再使用frame框架 新增的其他元素 video:定义电影片段、视频流等视频。 audio:定义音乐或音频流。
canvas:画布
|