上半部分呢，主要讲述的是路径的选择，这个是至关重要的，前边也说过，路径不仅仅局限于图片的选择，以后的css，javascript，以及网页的跳转等等，都会牵扯到路径，所以，才花费了较大篇幅去阐述，也希望大家能够引起重视。还有一个知识点需要补充一下，上半部分呢，对于图片的路径都是采用的本地路径，如果我们要加载网上的某一张图片呢？这个其实更简单，直接可以把图片的 …
最新内容
效果图:如果没有animation-direction: alternate;属性的话, 那么每次完成动画帧, 就会立刻恢复到起始位置, 中间没有缓冲过程, 看起来就很生硬所有代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8 …
网站前端的用户体验，决定了用户是否想要继续使用网站以及网站的其他功能，网站的用户体验佳，可留住更多的用户。除此之外，前端优化得好，还可以为企业节约成本。那么我们应该如何对我们前端的页面进行性能优化呢？前端性能优化可以分为三个方面：接口访问优化、静态资源优化和页面渲染速度优化。一、接口访问优化1.1、减少http请求，合理设置 HTTP缓存http协议是无状态 …
1 简述一下src与href的区别src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素<script src ="js.js"> …
基础HTMLCSSJavaScriptNode.js正规表达式数据格式（如JSON、XML）RESTful API交互（如jQuery Ajax，Fetch API，ReactiveX）命令行中级ES6CoffeScriptTypeScriptSCSSSASSCSS3HTML语义化面向对象编程函数式编程MVCMVVMMV*矢量图形矢量图形动画（如SVG）单页 …
Web前端在近几年是越来越火热了，很多人看到了前端的高薪资，更看到了前端行业的发展前景，所以纷纷投入到学习前端技术学习中来。下面千锋广州小编给大家总结整理一些Web前端经典面试题，助力大家找到更好的工作，走向高薪前端之路。?1、CSS，JS代码压缩，以及代码CDN托管，图片整合。(1)CSS,JS 代码压缩：可以应用gulp的gulp-uglify，gulp …
优化CSS需要一个多维的方法。虽然手工编写的代码可以使用各种技术进行简化，但是手工检查框架代码是低效的。在这些情况下，使用自动化的简化会产生更好的结果。下面的步骤将带我们进入 CSS 优化的世界。并不是每一个都可以直接应用到你的项目中，但是一定要记住它们。01. 使用简写使用缩写语句，如下面所示的 margin 声明，可以从根本上减小 CSS 文件的大小。在 …
这道题实际上考的是前端性能优化的一个点。雪碧图的英文是CSS Sprites。其目的是将多张比较小的图片，合并到一张大的图片上面，大的图片背景透明，使用的时候，通过把该张图片当做背景图片，通过不同的 background-position定位来展示的那部分图片。好处降低服务器压力。减少网络请求，页面渲染更快。缺点后期维护困难，添加一张图片需要重新制作。应用麻 …
说起前端性能优化, 我们首先想到的可能就是用 Gulp 、Webpack 之类的自动化构建工具对 HTML、CSS 、JS 代码进行压缩，同时优化图片资源。再者就是使用 CSS Sprite 或者对于较小的图片用 base64 直接编码来进行优化。当然还有很多可以优化的方向，例如考虑浏览器缓存、页面渲染性能 ( 减少重排与重绘与 GPU 硬件加速 ) 、JS …
什么是WEB前端呢？就是用户电脑的浏览器所做的一切事情。我们来看看用户访问网站，浏览器都做了哪些事情：输入网址 –> 解析域名 -> 请求页面 -> 解析页面并发送页面中的资源请求 -> 渲染资源 -> 输出页面 -> 监听用户操作 -> 重新渲染。通过上面的路径可以看出浏览器分为请求、传输、渲染三部分来实现用户的访 …