yuyongkun4519
- 浏览: 42679 次
- 性别:
- 来自: 深圳
-
最新评论
文章列表
单页Web应用优缺点
一、定义
单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI与用户的交互。由于避免了页面的重新加载，SPA 可以提供较为流畅的用户体验。
二、优缺点
单页Web程序的出现是富客户端发展的必然结果，但是该技术也是有些局限性，所以采用之前需要了解清 ...
compass安装：
为提高安装成功效率使用淘宝镜像安装：
1、依次执行下面三条命令，移除旧源，改用新源
gem sources --remove http://rubygems.org/ > gem sources --remove https://rubygems.org/ > gem sources -a http://ruby.taobao.org/
2、然后执行下面的命 ...
一、Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
二、Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一，仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。
三、Web ...
简单实用的js模板引擎
不足50行的js模板引擎，支持各种js语法：
<script id="test_list" type="text/html">
<%=
for(var i = 0, l = p.list.length; i < l; i++){
var stu = p.list[i];
=%>
<tr>
<td<%=if(i==0){=%> class="first"<%=}=%>><%==stu.name=%></td& ...
CommonJS
CommonJs 是服务器端模块的规范，Node.js采用了这个规范。
根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的exports对象。
例如：
// foobar.js
//私有变量
var test = 123;
//公有方法
function foobar () {
this.foo = function () {
// do someing ...
}
this.bar = function () {
//do so ...
几种常用的css三角形
- 博客分类：
- 技术型
html:
<div class="triangle_border_up">
<span></span>
</div>
<!-- 向下的三角形 -->
<div class="triangle_border_down">
<span></span>
</div>
...
什么是CDN服务器？
CDN全称Content Delivery Network，即内容分发网络，通过在现有的Internet中增加一层新的网络架构，使用户可以就近访问网络中的资源，从而提高用户访问网站的响应速度。
工作流程就是：
当用户访问已经加入CDN服务的网站时，首先通过DNS重定向技术确定最接近用户的最佳CDN节点，同时将用户的请求指向该节点。当用户的请求到达指定节点时，CDN的服务器（节点上的高速缓存）负责将用户请求的内容提供给用户。
具体流程为: 用户在自己的浏览器中输入要访问的网站的域名，浏览器向本地DNS请求对该域名的解析，本地DNS将请求发到网站的主DNS，主DNS根据一系列的 ...
Node.js原理介绍
- 博客分类：
- 技术型
1，Node.js介绍
Node.js是一个基于Chrome V8引擎的JavaScript运行环境。
由于Node.js使用了一个事件驱动、非阻塞式I\O的模型，所以其轻量又高效。
2，Node.js组成
这里重点介绍，nodejs组成部分：v8 engine, libuv, builtin modules, native modules以及其他辅助服务。
v8 engine（JavaScript VM）：主要有两个作用
1.虚拟机的功能，执行js代码（自己的代码，第三方的代码和native modules的代码）。
2.提供C++函数接口，为nodejs提供v8初始化，创建context ...
JavaScript存在多线程吗
- 博客分类：
- 技术型
最近看到这样一个面试题，js有多线程吗，毫无疑问js本身只能单线程运行，因此并不支持多线程，下面我们就来分析一下：
首先在浏览器中至少会有三个线程：js引擎线程（处理js）、gui渲染线程（页面渲染）、浏览器时间触发线程（控制交互）
因为js可以操作dom元素，进而会影响到gui的渲染结果，因此js引擎线程与gui渲染线程是互斥的，也就是说当js引擎线程处于工作状态时，gui渲染线程是冻结的。
js引擎是基于事件驱动的，采用的是单线程运行机制，即js引擎只会顺序的从任务列表中取任务并执行。
前端攻略系列(二) - 前端各种面试题
2012-01-31 23:12 by 聂微东, 33810 阅读, 72 评论, 收藏, 编辑
幸运且光荣的被老大安排了一个任务 - “去整理些前端面试题”。年前确实不是招人的好时候，所以我们前端团队经过了超负荷的运 ...
常用CSS书写技巧和CSS HACK技巧
不同的浏览器，比如Internet Explorer 6，Internet Explorer 7，Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack，也叫写CSS hack。
由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏 ...
1. 请减少HTTP请求
基本原理：
在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。
一个正常HTTP请求的流程简述：如在浏览器中输 ...
如何减少reflow
- 博客分类：
- 技术型
浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow。
有多种用户操作和 DHTML 变化可能会触发 reflow:
1.调整浏览器窗口的大小
2.用 javascript 计算样式（computed styles）
3.在 DOM 中创建删除元素
4.改变元素的 class
但是并非所有 javascript 控制的样式都触发 reflow，即使触发了触发的次数也不尽相同
下面是一些减小 reflow 的原则：
减少不必要的 DOM 层级（DOM depth）。改变 DOM 树中的一级会导致所有层级的改变，上至根部，下至被改变节点 ...