HTML页面的加载HTML页面的加载实际上是基于http过程+浏览器对数据的解析渲染。http协议的请求过程是基于TCP协议的。http是要基于TCP连接基础上，简单的说，TCP单纯建立连接，不涉及任何我们需要请求的实际数据，简单的传输。http基于TCP建立的连接来收发数据，即实际应用上来的。一个HTML页面的加载的交互流程大致如下：0.输入URL1.解析URL2.构造并发送HTTP请求服务器的永久重定向响应（从 http://example.com 到 http://www.examp...
### html5新增标签> 作用：让结构一目了然 |标签|描述| |--|--| |header|头部区域| |footer|尾部区域| |nav|导航区域| |aside|侧边栏| |section|区分大模块等同div| |video|视频| |audio|音频| |articel|文章| |figure|配图| |figcaption|配图说明| |main|主体区域| ```<video src="dongbei.mp4" controls autoplay loop></video><audio src="horse.ogg" controls loop autoplay></audio> src="" 标签属性，视频、音频路径/地址...
这次给大家带来前端技术实现文本文字纹理叠加，前端技术实现文本文字纹理叠加的注意事项有哪些，下面就是实战案例，一起来看一下。本文这里所说的叠加，就是混合模式中的叠加，也就是说，本文要实现的效果是，文字本身的颜色和纹理进行叠加，而非直接填充纹理。CSS, SVG和canvas都能实现类似的效果，我们一个一个来看一下。一、CSS/CSS3实现文本纹理叠加HTML和CSS代码如下：<h2 class="pattern-overlay"><span data-text="CSS纹理叠...
看见很多岗位要求都是：1. 精通各种Web前端技术，包括XHTML/XML/CSS/Javascript/ActionScript等（JS和AS之一即可）； 2. 深刻理解Web标准，对可用性、可访问性等相关知识有实际的了解和实践经验； 那么如何精通这些技术呢？回复内容： 在简历里写上：精通web前端技术。不管是企业还是应聘者，在招聘简章或者简历里出现，精通一长串技能，都是很幼稚的行为。招一个精通JS的程序员，没30K你好意思开口？请问“可用性”和“可访问性”...
百度音乐随心听本人前端菜鸟，想100%模仿制作一个百度随身听的PC页面，但不知道该网站的团队运用了什么前端开发技术？另外，也请前端前辈指导下如何下手？非常感谢回复内容： 既然楼上的高手不愿意写，那我就来献丑说一点开工！技术点1：浏览器的降级处理。通过userAgent进行了判断，对支持localStorage本地存储与非IE内核浏览器加载localjs.js;否则直接加载jquery-1.7.2.js，如下图↓ 作用：支持本地存储就通过localjs把jquery写入...
这次给大家带来用最简单的前端技术制作一个简洁的音乐播放器，用前端技术制作一个简洁的音乐播放器的注意事项有哪些，下面就是实战案例，一起来看一下。这个播放器的音乐是通过豆瓣FM的API获取到的，我们可以随机的听到豆瓣FM的任何音乐。html部分代码：<div class="wrapper"> <div class="background"></div> <div class="content"> <audio src=""></audio> <div class="music-massage"> <p class="musicname"></p> <p class="mus...
页面制作之开发调试工具（1） 开发工具介绍 开发工具一般分为两种类型：文本编辑器和集成开发环境（IDE） 常用的文本编辑器：Sublime Text、Notepad++、EditPlus等 常用的IDE：WebStorm、Intellij IDEA、Eclipce等 我们这里主要介绍如何使用Sublime Text编辑器，它基本满足我们对前端开发工具的需求。 一、Sublime Text的特点： 跨平台、启动快 多行选择 各种实用插件 Snippets 支持VIM兼容模式 Sublime T...
目的：广泛得了解前端工具，在项目中选择合适的前端工具进行开发，达到事半功倍的效果。 构建工具 Gulp 基于nodeJs，依靠不同的插件自动完成代码的压缩，合并，风格检查等操作。 类似的还有grunt, webpack 构建工具的插件 代码压缩合并、图片压缩、MD5后缀 LESS 为CSS引入函数、嵌套等操作，方便CSS的开发与维护。类似的还有：SASS Babel ES6/ES2015转ES5。es6介绍 CoffeeScript 以另一种更精简的语法来书写JS。类似...
express API： http://expressjs.com/en/api.html Mongodb： http://mongodb.github.io/node-mongodb-native/contents.html
前端技术之CSS实现图片垂直居中技术 maybe yes 发表于2015-03-14 18:52 让 图片实现水平居中比较简单，只需要在父级容器中添加属性 text-align 为 center 即可。使用纯 CSS 实现图片的垂直居中，可以将图片包裹容器的 display 属性设置为 table-cell，然后加上 vertical-align: middle 就好了 。table-cell 的显示效果同 table 是一样的，兼容性还不错，所以直接使用 table 来包裹图片也是同样的效果，个人认为使用 table 会更好...
FileReader 对象FileReader 对象主要用来把文件读入内存，并且读取文件中的数据。通过构造函数创建一个 FileReader 对象。 这个文件读取对象有以下几种方法： 1.readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-8。 2.readAsBinaryString():读取任意类型的文件。返回二进制字符串。这个方法不是用来读取文件展示给用户看，而是存储文件。例如：读取文件的内容，获取二进制数据，传递给后台，后台...