viana37的博客

转载 前端性能优化指南

发现关于前端性能优化的博文，比XX军规好太多，详细很多。原文地址：http://cnodejs.org/topic/55e31bd6898f6bdc7e5551ac###AJAX优化缓存AJAX：- 异步并不等于即时。请求使用GET：- 当使用XMLHttpRequest时，而URL长度不到2K，可以使用GET请求数据，GET相比POST更快速。

转载 以安装WordPress为例介绍如何使用WampServer

这篇文章就来介绍一下如何在本地虚拟一个服务器来创建个人网站。这里要用到的一个软件是WampServer，它可以在本地虚拟服务器环境，创建后的网站可以随意折腾，甚至软件本身也提供有绿色版本（Wampee），解压后即可运行。在这里以安装WordPress为例介绍如何使用WampServer， WordPress是现今全球最流行的博客平台，没有之一。它拥有丰富的主题和插件资源，多样地利用这些资源

原创 前端面试总结

持续更新饿了么js方面的考察1.如何判断一个变量是否为数组类型。我用的是《JavaScript语言精粹》里面的一种方法，但是他说我太麻烦了。但是我觉得如果不用这种方法确实无法区分array和argumentsfunction isArray(arr){ return arr && typeof arr === 'object' && typeof arr.length ===

原创 《nodejs开发指南》微博实例常见错误汇总express4.x.x+jade

最近刚开始接触nodejs，看到知乎上有人推荐《nodejs开发指南》这本书，看了看讲的也还不错，就开始上手。但是由于出版年份+科技进步太快，导致很多代码出现了版本性问题。没碰到一个问题我就要上网查阅大量资料才能解决，很费时间。所以想把这些问题整理记录下来，供大家参考。 因为这个是几天前完成的，所以对于有些问题可能遗漏掉了，但是我们可以在评论区中相互探讨。如果有不正确的地方也欢迎大家指正。 源代

原创 Invalid command: files\mongoDB\log\log.txt

我折腾了两个多小时，终于查阅英文文档，找到了问题所在：路径中有空格，会当做一个参数处理。只要用引号引起来就可以了。。。mongod.exe --logpath="D:\Program Files\mongoDB\log\log.txt" --logdb="D:\Program Files\mongoDB\data\db" --directoryperdb --serviceName MongoDB

原创 express 4.x.x 文档翻译

持续更新，一边学习一边翻译整理。app.use([path,] function [, function…])执行指定路径上的 中间件。path 参数默认为“/”。路由将会匹配所有包含[path]参数的路径。如：app.use('/apple',...)会匹配"/apple","/apple/images","/apple/images/news"等。注意，中间件的 req.or

原创 常用的Git命令整理

最近把自己做的一些小项目传到Github上，使用Git不再仅仅是简单的add、push等，作为新手，遇到了很多问题，今天有时间进行整理和记录，并持续更新。上传到远程仓库git init //初始化，建立本地仓库git add ***** //向本地库添加文件git commit -m '*****' //添加注释，这是一个好习惯，我通常会加上时间git remote add origin

转载 伪元素控制表单样式

当开发web应用程序时，表单样式是个头疼的问题。以前，web开发人员不得不接受一个现实，就是由客户端浏览器控制表单样式。然而，作者通过伪元素给web渲染引擎添加钩子，就可以控制表单的显示。然而，所有这些伪元素都是依赖于特定浏览器引擎的(所以要带有浏览器引擎前缀)，这样方便区分特定的浏览器引擎。以下是我自己搜集整理的，在Trident, Gecko, 和 WebKit浏览器引擎下面都可用的伪

转载 offsetLeft,Left,clientLeft详解

原文转载自：http://blog.csdn.net/xiebaochun/article/details/38382169 假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由

转载 javascript线程解释（setTimeout,setInterval你不知道的事）

原文：http://www.iamued.com/qianduan/1645.html今天看到这篇文章，学到了不少东西 特此发出来 和大家分享JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert

转载 DOM事件简介

Click、touch、load、drag、change、input、error、risize — 这些都是冗长的DOM（文档对象模型）事件列表的一部分。事件可以在文档(Document)结构的任何部分被触发，触发者可以是用户操作，也可以是浏览器本身。事件并不是只是在一处被触发和终止；他们在整个document中流动，拥有它们自己的生命周期。而这个生命周期让DOM事件有更多的用途和可扩展性。

转载 JavaScript的事件代理

如果你想给网页添加点JavaScript的交互性，也许你已经听过JavaScript的事件代理（event delegation），并且觉得这是那些发烧友级别的JavaScript程序员才会关心的什么费解的设计模式之一。事实上，如果你已经知道怎么添加JavaScript的事件处理器（event handler），实现事件代理也是件轻而易举的事情。     JavaScript事件是所有

转载 CSS 预处理器与 CSS 后处理器

转载自"赵雷的博客"，原文地址：http://zhaolei.info/2014/01/04/css-preprocessor-and-postprocessor/说到 CSS 预处理器，大家都很熟悉了，本文的重点是介绍从中抽出的 CSS 后处理器，这也是近一年多以来，前端社区的一些新趋势。将 CSS 后处理器 抽象出来之后，会对 CSS 的 开发模式 带来一些变化，下面从概念开始

转载 再谈 CSS 预处理器

CSS 预处理器是什么？一般来说，它们基于 CSS 扩展了一套属于自己的 DSL，来解决我们书写 CSS 时难以解决的问题：语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护。所以这就决定了 CSS 预处理器的主要目标：提供 CSS 缺失的样式层复用机制、减少冗余代码，

原创 阿里前端电面

幸亏今天实习请假了，我还在宿舍洗衣服呢，就接到了阿里的电话，不过宿舍很安静，也算是时机不错吧。 首先让我介绍了一下关于前端的项目经历，我接触前端的时间很短，项目经历也少，简单介绍了一下之后就没有继续问了，反而开始问比较基础的问题。首先是HTML和CSS 问我盒模型，块元素和行内元素，说得越多越好吧，他一直追问还有吗，可能也是想看看逼问下能不能超常发挥一下，或者只是一个习惯？

原创 正则表达式

看完下面这个例子，估计正则表达式你就记起来了，而且能举一反三。

转载 负值之美：负margin在页面布局中的应用

本文转载自:http://www.topcss.org/?p=94，有修改。　　负数给人总是一种消极、否定、拒绝之感，不过有时利用负margin可以达到奇妙的效果，今天就表一表负值在页面布局中的应用。这里说的负值主要指的是负margin。　　关于负margin的原理建议大家看看这篇文章：http://www.cnblogs.com/2050/archive/2012/08/13/2

转载 12个不可不知的Sublime Text应用技巧和诀窍

本文为您提供Sublime Text编辑器的12个技巧和诀窍，深入挖掘这个看似简洁的代码编辑器，背后所隐藏的实现各种高级功能的无限可能。1) 选择以下是一些Sublime Text选择文本的快捷键：Command + D 选中一个单词Command + L 选中一行Command + A 全选Ctrl + Command + M` 选中括号内所有内容 (编写CS

转载 移动端js触摸事件大全

一、手机上的触摸事件基本事件：touchstart   //手指刚接触屏幕时触发touchmove    //手指在屏幕上移动时触发touchend     //手指从屏幕上移开时触发 下面这个比较少用：touchcancel  //触摸过程被系统取消时触发每个事件都有以下列表，比如touchend的targetTouch

原创 js中的类型转换问题

1js中的undefined意思是未定义，而不是未声明。如：var m; //m的类型就是undefinedtypeof n; //报错，因为n是一个未声明的变量2NULL虽然在JS中被定义为一种类型，但是在进行类型检查的时候，不会判断为NULL空，而是一个Object。网上查了很多资料，解释为：空指针。个人觉得有点牵强。var m = null;typeof(m); //m的类型为Objec

原创 页面增加定时器

简单定时器：前几天给页面增加了一个简单的定时功能，但是由于用的settimeout函数，变量设为全局变量，在每次页面加载后都要初始化，所以在实际应用中有点不切实际。我做的这个计时器是给直播中的视频计时的，所以当用户退出后，再进入该页面应该接着前面的计时继续，表明这个直播持续了多久，而不应该清零。所以我决定引入cookie。加cookie的定时器（刷新后不会清零）：jquery对cookie进行了很好

转载 三种工厂模式汇总

工厂模式分为三种：简单工厂、工厂模式和抽象工厂模式。三者之间存在哪些异同呢？先分别看看各个模式的特点一、     简单工厂模式：实现了算法和界面的分离，也就是将业务逻辑和界面逻辑分开了，降低了耦合度。算法的封装：  定义一个抽象的算法接口，提供不同算法的公共接口方法。其他具体算法继承这个抽象类，并实现具体的算法。简单工厂类：  作为一个独立的类，实现了针对不同的算法

转载 meta中的viewport指令

在查看bootstrap教程中，碰到后，在群兄弟小胡帮助下，知道viewport含义：  ViewPort 标记用于指定用户是否可以缩放Web页面，如果可以，那么缩放到的最大和最小缩放比例是什么。使用ViewPort 标记还表示文档针对移动设备进行了优化。ViewPort 标记的content值是由指令及其值组成的以逗号分隔的列表。例：

转载 javascript阻止事件冒泡和浏览器的默认行为

在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题.[兼容IE和FF] 1.阻止事件冒泡,使成为捕获型事件触发机制.123456789fun

转载 html input readonly 和 disable的区别

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：     Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonl

原创 网址URL中特殊字符转义编码

空格 - %20" - %22# - %23% - %25& - %26( - %28) - %29+ - %2B, - %2C/ - %2F: - %3A; - %3B= - %3D> - %3E? - %3F@ - %40\ - %5C| - %7C

转载 CSS行高——line-height 行间距

初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识：顶线、中线、基线、底线DOCTYPE html>html> head>

原创 css 样式布局的问题

今天测试页面，发现一个奇怪的现象：一个页面在除了5s的所有手机上都显示正常。而且chrome浏览器的适配机型里面，也没有5s之歌选项。。。导致我们现在才发现问题。具体问题表现为：页面整体不能适配手机，虽然设置了宽度为100%。整体页面偏左，右边留出15%左右的空白。但是一个URL破出页面，占据了整个屏幕。这个问题我真的上网各种查阅，自己也各种尝试和猜测，最后还是前辈指点了我一下：是因为

原创 用原生JS实现一个简单的计时器demo

今天实习第一次写代码，很简单，实现一个计时效果，但是我还是折腾了很久。。。为自己的智商感到惶恐。各种白痴错误啊下面是代码 function settime(a){ if(a<10) a = "0"+a; return a; } h = 0; m = 0; s = 0; function starttime(

转载 Sublime Text -Sidebar 背景色调整为黑色攻略～

Sublime Text 2 编辑器：Ctrl+` 输入安装代码，安装package control 插件ctrl+shift+P : Package install为什么装不上了呢？出现了什么问题？ -》 360清理垃圾先试一下；不知道怎么的又好了...安装拓展包的两种方式主题（但是侧边栏颜色要怎么改？！应该有具体代码的）NCL，Fortran包

原创 HTML中文出现乱码的解决办法

方式1 这是最简便的方式。 值得注意的是，如果你的代码是在记事本里面编辑的，那保存时注意选择编码方式——utf-8. 如果没用，继续向下看方式2 我觉得这算是一种不太严谨的解决方式。 具体原理大家可以自行学习汉字编解码的有关知识。尤其是GB2312和UTF-8的关系。 如果这种方式还不能解决，则采用方式3,。方式3

转载 HTMl5的sessionStorage和localStorage

原文地址：http://www.cnblogs.com/yuzhongwusan/archive/2011/12/19/2293347.htmlhtml5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结

转载 图解电脑上Firefox浏览器无法打开的解决办法

电脑上之前安装的Firefox或者新安装的Firefox无法打开，当遇到这种情况怎么办？本篇经验向大家介绍该奇葩问题的解决办法。双击桌面上已经安装的Firefox软件，奇怪的是软件没有打开，但是在任务管理器中是有这个进程的，我们首先找到firefox.exe进程并结束该进程点击桌面左下角开始，找到运行框，输入firefox.exe –p –no -remote，如下图所示：

原创 jQuery中的Ajax总结

转载 jquery全局ajax参数详细执行分析-$.ajax竟然可以这样用!

本文分析的问题，比较奇葩。可能大家在一般的项目中都用不到。所以首先要先了解这个应用场景。反正我分析了之后才发现jquery全局$.ajax竟然可以这样用!1、背景在页面中使用ajax请求进行异步操作这个现在比较常用，我们会在ajax开始时候加个进度显示，在complete之后隐藏即可。但是要是页面内有多个ajax请求，我们怎么处理这个进度那？单个单个处理肯定会很麻烦，比如你

转载 Jquery $.ajax请求详解及ajax全局变量分析

在一个页面中，我们可能会使用多个初始化加载函数，包括可能有onload、$(document).ready(function (e) {});。他们的具体差别不在该文章中涉及，本篇主要分析一下ajax的请求状态及异步同步处理，多个ajax请求的状态监控和分析。ajax带来很好的用户体验，于是一个稍微注重web系统使用ajax基本成为必然。当传统功能型web项目向用户

转载 在GitHub上管理项目 branch的用法

新建repository　　本地目录下，在命令行里新建一个代码仓库（repository）　　里面只有一个README.md　　命令如下：　　touch README.md　　git init　　初始化repositorygit add README.md　　将README.md加入到缓存区　　（可以用git add --a将所有改动提交到缓

转载 [github 教程]手把手教你最简单的开源项目托管GitHub入门教程_github 教程

[github 教程]手把手教你最简单的开源项目托管GitHub入门教程——简介自从google code关闭了下载服务了之后，GitHub作为了目前最好用的免费开源项目托管站点，众多开源项目都托管在github，其中不乏著名的播放器MPC-HC。不习惯于英文的朋友，难免少不了要进行摸索一番，甚至会因此头大而放弃。这里将手把手地教大家一些本人的入门心得。[github 教程]手把手

原创 微特喜前端面试总结

如何让一个盒模型垂直居中：margin：auto二、c++动态绑定机制是如何实现的

原创 jQuery中的事件