08 2016 档案
摘要：下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。 Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远程仓库 一、新建代码库 二、配置 Git的设置文件为.gitconfig，它可以在用户主目录下（全局配置），也可
阅读全文
摘要：了解Java或C#等面向对象编程语言的的程序员比较熟悉类和对象以及OOP。 一谈起OOP，就会想起教科书式的OOP概念：封装、继承、多态。粗浅的解释封装就是对数据进行隐藏；继承就是子类继承父类(class)或接口(interface)的方法和属性，并实现代码复用；多态就是重载和重写。这样的解释仍仅仅
阅读全文
摘要：nodejs自学.js function hello(){ console.log("hello world");} function s(){ console.log("this is a ew");} function add(a, b){ return a+b;} exports.hello
阅读全文
摘要：JavaScript不仅仅只能运行在浏览器中。任何有JS运行环境（runtime）的地方就可以运行JavaScript。 Node.js对Google V8进行了封装。 有了Node.js，JavaScript不仅仅可编写浏览器中的客户端代码，而且可以编写服务端的代码。 在终端打 node -v 查
阅读全文
摘要：高并发、聊天、实时消息推送、服务器做前端资源压缩
阅读全文
摘要：offset(),获取匹配元素在当前视口的相对偏移。返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。 position()获取匹配元素相对定位父级的偏移。没有定位父级即为文档坐标 返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #a{ background: red; } </style> </head> <body> <div id="a
阅读全文
摘要：1. Zepto 对象 不能自定义事件 例如执行： $({}).bind('cust', function(){}); 结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象： 例如： $('').
阅读全文
摘要：域不一样的，即为跨域，包括（协议，域名，端口号） 1. 指定允许其他域名访问 header('Access-Control-Allow-Origin:*'); 2.使用jsonp
阅读全文
摘要：1.JSON.parse(json) 2.new Function(“return ” + json) (); 3.eval(“(”+json+”)”)
阅读全文
摘要：var xml = window.XMLHttpRequest ？new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP") ; /*创建一个AJAX对象*/ var url = 'a.html'; /*设置要访问的url地址*/ xm
阅读全文
摘要：第一步：创建ajax对象（XMLHttpRequest/ActiveXObject(Microsoft.XMLHttp)） 第二步：判断数据传输方式(GET/POST) 第三步：打开链接 open() 第四步：发送 send() 当ajax对象完成第四步（onreadystatechange）数据接
阅读全文
摘要：1、AJAX是一种用于创建更好更快以及交互性更强的Web应用程序的技术； 2、通过Ajax你的JavaScript可在不重载页面的情况与Web服务器交换数据； 3、AJAX在浏览器与Web浏览器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面； 4、AJAX
阅读全文
摘要：get: get是从服务器上获取数据，post是向服务器传送数据； get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB； get安全性非常低，post安全性较高。但是执行效率却比Post方法好； get
阅读全文
摘要：什么是Ajax？？？ 术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。 Ajax它是“Asynchronous JavaScript + XML的简写” 定义Ajax： Ajax不是一种技术。实际上，它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含： * 基于XH
阅读全文
摘要：我们在访问有的网站，输入表单完成以后，单击提交按钮进行提交以后，提交按钮就会变为灰色，用户不能再单击第二次，直到重新加载页面或者跳转。这样，可以一定程度上防止用户重复提交导致应用程序上逻辑错误。 还有很多其他的方式进行防止重复点击提交，如 1> 定义标志位： 点击触发请求后，标志位为false量；请
阅读全文
摘要：ajax的全称：Asynchronous Javascript And XML。 异步传输+js+xml。 所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新的，提高了用户体验
阅读全文
摘要：同步的概念应该是来自于操作系统中关于同步的概念: 不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式)。同步强调的是顺序性，谁先谁后；异步则不存在这种顺序性。 同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作。
阅读全文
摘要：sonp、iframe、window.name、window.postMessage、服务器上设置代理页面 iframe:iframe 元素会创建包含另外一个文档的内联框架（即行内框架）
阅读全文
摘要：(1)defer，只支持 IE，延迟脚本的执行 (2)async:异步的意思 (3)创建 script，插入到 DOM 中，加载完毕后 callBack
阅读全文
摘要：100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。 500-599 用于支持服务器错误。 HttpServletResponse中的常量代表关联不
阅读全文
摘要：<?php $mysqli = new mysqli("localhost","root","","bjh160303"); // mysqli_connect_errno 不为0表示连接失败 if ($mysqli->connect_errno) { // 结束执行 php 文件 die("连接数
阅读全文
摘要：1、域名解析 2、发起TCP的三次握手 3、建立TCP连接后发起http请求 4、服务器端响应http请求，浏览器得到html码 5、浏览器解析html代码，并请求html代码中的资源 6、浏览器对页面进行渲染并呈现给客户
阅读全文
摘要：一、什么是mongoDB? 1、MongoDB 是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。在高负载的情况下，添加更多的节点，可以保证服务器性能。 2、MongoDB 旨在为WEB应用提供可扩展的高性能数据存储解决方案。 3、MongoDB 将数据存储为一个文档，数据结构由键值(
阅读全文
摘要：express是一个简洁而灵活的node.js Web应用框架，提供了一系列强大特性帮助你构建各种web应用，和丰富的HTTP工具。 使用 Express 可以快速地搭建一个完整功能的网站。 一、安装 sudo npm install express 二、运行 var express = requi
阅读全文
摘要：buffer.fill(value, [offset], [end]) 接收参数： value 将要填充的数据 offet 填充数据的开始位置，不指定默认为 0 end 填充数据的结束位置，不指定默认为 buffer 的长度。
阅读全文
摘要：util.inspect(object,[showHidden],[depth],[colors])是一个将任意对象转换 为字符串的方法，通常用于调试和错误输出。它至少接受一个参数 object，即要转换的对象。 showHidden 是一个可选参数，如果值为 true，将会输出更多隐藏信息。 de
阅读全文
摘要：util.inherits(constructor, superConstructor)是一个实现对象间原型继承 的函数。JavaScript 的面向对象特性是基于原型的，与常见的基于类的不同。JavaScript 没有 提供对象继承的语言级别特性，而是通过原型复制来实现的，具体细节我们在附录A中讨
阅读全文
摘要：在node环境上面运行js代码，js相当于php，node相当于apache环境
阅读全文
摘要：1、请你自我介绍一下自己好吗？回答提示：一般人回答这个问题过于平常，只说姓名、年龄、爱好、工作经验，这些在简历上都有。其实，企业最希望知道的是求职者能否胜任工作，包括：最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事，主要的成就等，这些都可以和学习无关，也可以和学习有关，但要突
阅读全文
摘要：前提：数组是有序的 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var resultArray
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自定义滚动条02</title> <style type="text/css"> * { margin: 0; padding: 0; } #wrap { position: ab
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自定义滚动条</title> <style type="text/css"> * { margin: 0; padding: 0; } #wrap { position: abso
阅读全文
摘要：jQSlide.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/jQSlide.css"/> </
阅读全文
摘要：jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(); jQuery.extend(); jQuery.fn 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。 虽然 javascript 没有明确的类的概念，但是用类
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQ版大图滚动</title> <style> *{margin: 0; padding: 0; list-style: none; -webkit-user-select:
阅读全文
摘要：它的功能是把对应的字符串解析成js代码并运行， 应该避免使用eval,因为不安全，非常耗性能（2次，一次解析成js语句，一次执行） 注意：在项目里写js代码的时候，禁止使用的，因为有安全因素。
阅读全文
摘要：闭包就是讲函数内部生成的变量保存到内存中，进行下次调用；也可以说函数外不可以调用函数内部的变量； 当函数内部返回一个函数时，闭包搭建了方法内部与方法外部的桥梁，使得外部也可以任意的获取到方法内部的资源，但是闭包会造成变量在内存中持久占用，因此会有一定的性能问题，不要轻易使用，即便使用，也要在恰当的时
阅读全文
摘要：页面的设计和开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、css media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不
阅读全文
摘要：合理化HTML结构，简洁化css属性：html结构合理规范了，很大程度上避免了兼容问题，css要尽量写的简单有效，特效用JavaScript来做，，很多时候别用css伪类实现，针对比较特殊的用css hack处理。
阅读全文
摘要：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 初始化CSS样式主要是提高编码质量，如果不初始化整个页面做完很糟糕，重复的CSS样式很多。去掉标签的默认样式如：margin,padding，其他浏览器默认解析字体大小，字体设置。
阅读全文
摘要：客户端产生js的事件 创建XMLHttpRequest对象 对XMLHttpRequest进行配置 通过AJAX引擎发送异步请求 服务器端接受请求并且处理请求，返回html或者xml内容 XML调用一个callback()处理响应回来的内容 页面局部刷新
阅读全文
摘要：null 表示一个对象被定义了，值为“空值”； undefined 表示不存在这个值。 // typeof undefined //"undefined" undefined :是一个表示"无"的原始值或者说表示"缺少值"，就是此处应该有一个值，但是还没有定义。当尝试读取时会返回 undefined
阅读全文
摘要：sessionStorage和localStorage有更多丰富易用的接口。 sessionStorage和localStorage各自独立的存储空间。 与服务器交互： cookie 是网站为了标示用户身份而储存在用户本地终端上的数据（通常经过加密） cookie 始终会在同源 http 请求头中携
阅读全文
摘要：命名空间 封闭空间 js模块化mvc（数据层、表现层、控制层） seajs（如果了解的呢，可以说） 变量转换成对象的属性 对象化
阅读全文
摘要：.triangle{ width: 0;height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 120px solid red; }
阅读全文
摘要：语义化的HTML使用每个html标签都特定的用途，例如p标签放大段文字， h1~h6常用于标题，strong加粗强掉….。 语义化的好处： 1：去掉或样式丢失的时候能让页面呈现清晰的结构： html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为
阅读全文
摘要：AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须
阅读全文
摘要：apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性. Function.apply(obj,args)方法能接收两个参数 obj：这个对象将代替Function类里this对象 args：这个是数组，它将作为参数传给Function（args-->arguments） Function
阅读全文
摘要：PNG24位的图片在ie6浏览器上出现背景，解决方案是做成PNG8 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;} ie6双边距bug:块属性标签float后，又有横行的margin情况下，在IE6显示的margin比设置的大 IE下
阅读全文
摘要：一个块级元素如果没有设置height，那么其高度就是由里面的子元素撑开，如果子元素使用浮动，脱离了标准的文档流，那么父元素的高度会将其忽略，如果不清除浮动，父元素会出现高度不够，那样如果设置border或者background都得不到正确的解析 清除浮动的方式： 1)在浮动元素下加子元素<div c
阅读全文
摘要：IE浏览器的内核是Trident Mozilla的Gecko Chrome的Blink(WebKit的分支) Opera的内核原为Presto，现为Blink
阅读全文
摘要：第3条的原因： 因为浏览器渲染HTML文件是从上往下渲染的，即先执行head标签里的内容，再执行body标签里的，一行行渲染下去。无论当前js代码是内嵌还是在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。js执行过程耗时越久，浏览器等待响应用户输入的时间就越长，放在下面有优化效果。
阅读全文
摘要：var aArray = [1,2,3]; var obj = {a:123}; var d = new Date(); var re = /\d+/; function type(o){ var obj = {}; var str = obj.toString.call(o); return st
阅读全文
摘要：function drawLine(obj1, obj2){ var oneTop = $(obj1).position().top; var oneLeft = $(obj1).position().left; var twoTop = $(obj2).position().top; var tw
阅读全文
摘要：(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function
阅读全文
摘要：这两个都是函数的方法，可以改变this的指向，fn.call(obj,param1,param2,…) call传入单个参数 fn.apply(obj,[param1,param2,...]) apply传入一个数组
阅读全文
摘要：html 语义化，符合标准，减少嵌套层数，加快浏览器DOM解析速度 css 合并，压缩 少写冗余css代码，使用精灵图 ... js 减少DOM操作，使用变量缓存数据，少用全局变量，做动画的元素都绝对定位...
阅读全文
摘要：this的指向：普通函数内的this指向全局变量 构造函数内部this指向新创建出来的对象 对象方法内的this指向的是调用该方法的对象 call,apply,bind可以改变this的指向
阅读全文
摘要：(1) window.event： 表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象 (2) 获取事件源 IE用srcElement获取事件源，而FF用target获取事件源 (3) 添加，去除事件 IE：element.attachEvent(“onclick”,
阅读全文
摘要：SEO优化 参考文档 页面关键词，每个网页应具有描述该网页内容的一组唯一的关键字。使用人们可能会搜索，并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。 页面描述，每个网页都应有一个不超过 150 个字符且能准
阅读全文
摘要：function wheelFun(element,up,down){ element.onmousewheel = fn; if (window.addEventListener) { element.addEventListener("DOMMouseScroll",fn, false); }
阅读全文
摘要：<a> 标签的 target 属性规定在何处打开链接文档。 如果在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一
阅读全文
摘要：number,string,boolean,null,undefined,object
阅读全文
摘要：index.js *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after { visibility: h
阅读全文
摘要：/** * Defines a new instance of the rainyday.js. * @param options options element with script parameters * @param canvas to be used (if not defined a
阅读全文
摘要：XHTML 1.0 是 XML 风格的 HTML 4.01。 XHTML 1.1 主要是初步进行了模块化。 HTML5 是下一代 HTML，取代 HTML 4.01。 W3C 原本确实计划用 XHTML 系列替代 HTML 4.01，但 XHTML 系列实际上只活到了 1.1（1.1 和夭折的 1.
阅读全文
摘要：通常当遇到一个网站要加载大量icon(小图标)的时候，我们会把它合并成sprite(图片拼接)。目的是为了减少HTTP请求次数。这样做既能减少页面加载时间，又可以减轻服务器的负载
阅读全文
摘要：由于不同的浏览器，甚至同一浏览器的不同版本对CSS的解析认识不一样，导致生成的页面效果不一致，写出针对不同浏览器CSS code就称为CSS hack。 常用的CSS hack 有三种方式，CSS 内部hack、选择器hack、HTML 头部引用，其中第一种最常用。 属性前面加个“*”这样的写法只会
阅读全文
摘要：网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。 这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。 CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维
阅读全文
摘要：一，块属性标签 1，默认撑满一行； 2，高度，行高以及顶、底边距都可控制； 3，宽度缺省是它所在容器的100%，除非设定一个宽度。 二，行内属性标签 1，默认标签后面跟相同属性的标签元素； 2，不支持宽高； 3，只支持横向的margin和padding； 4，便签间的换行和空格被解析； 注：关于嵌套
阅读全文
摘要：行内元素（如a标签），在文档流中的时候因为是行内元素所以无法设置宽高；而当设置了绝对定位或者浮动，会生成块框（即变成块元素），所以就可以设置宽高了
阅读全文
摘要：已知一个div内有一个img，两者的高度均不知道，但图片的高度一定小于div的高度 代码如下： .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:cente
阅读全文
摘要：<div class="box"> <p>我是浮动的</p> <p>我是居中的</p> </div> .box{ float: left; position: relative; left: 50%; } p{ float: left; position: relative; right: 50%;
阅读全文
摘要：爱恨分明原则: l v h a 注释：为了产生预期的效果，在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后 ! 注释：为了产生预期的效果，在 CSS 定义中，a:active 必须位于 a:hover 之后！！ 注释：Pseudo-class（伪类）的名称对大
阅读全文
摘要：var data = { '0':{2:'北京',25:'天津',24:'上海',31:'重庆',130000:'河北省',140000:'山西省',150000:'内蒙古自治区',210000:'辽宁省',220000:'吉林省',230000:'黑龙江省',320000:'江苏省',330000
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <select id="province" name="province"> <option value="">请选择</optio
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 100%; height: 10
阅读全文
摘要：点击图放大此图，并且周围有滤镜效果，再点击出现的大图恢复原来状态。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding:
阅读全文
摘要：.blur { -webkit-filter: blur(6px); -moz-filter: blur(6px); -ms-filter: blur(6px); filter: blur(6px); }
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>彩色进度条</title> <style type="text/css"> * { margin: 0; padding: 0; } *, *:before, *:after {
阅读全文
摘要：WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处：省去了ctrl + s之后，在结合Firefox的vim，
阅读全文
摘要：一、什么是SASS SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。 二、安装和使用 2.1 安装 SASS是Ruby语言写的，但是两者的
阅读全文
摘要：css不是一种编程语言，可以用它开发网页样式，但是没法编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css prepr
阅读全文
