- 博客(42)
- 收藏
- 关注
RSS订阅原创 《图解HTTP》读书笔记 第五章 与HTTP协作的Web服务器
用单台虚拟主机实现多个域名HTTP/1.1规范允许一台HTTP服务器搭建多个Web站点。比如提供Web托管服务的供应商，可以用一台服务器为多位客户服务，也可以以每位客户持有的域名运行各自不同的网站，这是因为利用了虚拟主机的 功能。即使只有一台物理服务器，但只要使用虚拟主机的功能，则可以假想具有多台服务器。由于同一台物理服务器ip地址相同，又由于虚拟主机可以寄存多个不同主机名和域名的Web网...
2018-03-05 00:39:34
306
原创 Javascript 数组系列一
/** * Array 数组学习 * 在程序语言中数组的重要性不言而喻，JavaScript中数组也是最常使用的对象之一， * 数组是值的有序集合，由于弱类型的原因，JavaScript中数组十分灵活、强大， * 不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素， * JavaScript在同一个数组中可以存放多种类型的元素，而且是长度也是可以动态调整的， ...
2018-03-03 16:39:14
256
原创 《图解HTTP》读书笔记 第一章 了解Web及网络基础
TCP/IP 的分层管理TCP/IP协议族按层次分别分为以下4层：应用层，传输层，网络层，数据链路层应用层：向用户提供了应用服务时通信的活动。传输层：传输层对上层应用层，提供处于网络连接中的两台计算机之前的数据传输。网络层：用来处理在网络上流动的数据包。链路层：用来处理链接网络的硬件部分。包含控制操作系统，硬件的设备驱动器，网卡等 。 发送端在层与
2018-01-05 21:29:00
335
原创 每天学习API之五 ，zepto源码contains，inArray, trim,
$.contains 用来检查给定的父节点中是否包含有给定的子节点$.contains = document.documentElement.contains ? function(parent, node) { return parent != node && parent.contains(node) } : function(paren
2017-12-21 14:44:00
324
1
原创 每天学习API之四 ，zepto源码each,map
工具函数$.each 遍历数组元素或以key-value值对方式遍历对象。回调函数返回 false 时停止遍历。$.each = function (elements, callback) { var i,key; //类数组 likeArray if (likeArray(elements)) { for (i = 0; i < elements.length; i++) {
2017-12-20 22:35:14
344
1
原创 每天学习API之三 ，zepto源码type, isFunction,isObject,isWindow,isDocument,isPlainObject,isArray,likeArray
数据类型检测//定义//定义var classtype = {}, toString = classtype.toString;"Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach(function(name,idx) { classtype['[object ' + nam
2017-12-19 14:30:45
475
1
原创 每天学习API之二 ，zepto源码camelize, dasherize
**字符串方法** camelizefunction camelize(str) { return str.replace(/-+(.)?/g, function(match, chr) { return chr ? chr.toUpperCase() : ''; })}将 word-word 的形式的字符串转换成 wordWord 的形式， - 可以为一个或多个。正则表达式匹
2017-12-18 17:37:30
298
1
原创 每天学习API之一 ，zepto源码compact，flatten，uniq
每天学习API---zepto源码compact，flatten，uniq
2017-12-17 17:55:37
238
1
原创 window 安装MongoDB 出现的exception：connect failed 异常
安装好了Mongo 之后，在mongo启动后（H: \MongoDB\bin）发现出现 以下问题经过多方搜索 才找到答案使用git 创建一个Mongo.config // touch Mongo.config然后在mongo.config里面添加以下内容 ##数据存储的位置 dbpath=H:\MongoDB\data ##所有的输出位置 logpath=H:\Mong
2017-10-21 03:15:07
14324
4
原创 仿淘宝右侧导航栏显示隐藏
<!DOCTYPE html><html><head> <title>scale</title> <style type="text/css"> body:after{ content: '.'; clear:both; visibility: hidden; }
2016-10-21 11:54:09
2163
原创 用SVG+js做一个动态时钟
<!DOCTYPE HTML><html><meta charset="utf-8"><head><title>Analog Clock</title><script>function updateTime() { // Update the SVG clock graphic to show current time var now = new Date();
2016-09-25 23:22:21
1596
转载 screenX,clientX,pageX,offsetX,pageXoffset的区别
event.screenX、event.screenY鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性event.clientX、event.clientY鼠标相对于浏览器可视区域的X,Y坐标（将参照点改成了浏览器内容区域的左上角），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.cli
2016-09-20 15:57:58
393
原创 addEventListener和onclick的区别
今天在温习犀牛书的时候，正好看到17章，突然有个疑问，addEventListener和onclick有什么不一样？于是Google查了下，然后用写了个小demo去比较它们， addEventListener is the way to register an event listener as specified in W3C DOM. Its benefits are as follows:
2016-09-19 15:33:11
28697
原创 box-sizing的应用
经过了一代又一代人们意识到数学不好玩，所以他们新增了一个叫做 box-sizing 的CSS属性。当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。这里有一个与前一页相同的例子，唯一的区别是两个元素都设置了 box-sizing: border-box; ：.simple { width: 500px; margin: 20px
2016-09-17 22:09:14
308
转载 JavaScript__proto__原型链深入分析
JavaScript__proto__原型链深入分析JavaSctipt之prototype原型深入分析: prototype的属性是副本,引用,还是固定的查找方式?>> ,我们已经得出结论:从自身延原型链向上查找的方式: 访问对象object.xxx的属性时,如果object自己没有xxx属性,则向上延原型链查找,如果找到,则输出,没找到
2016-09-04 16:23:12
275
转载 clearfix的用法
如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有 clear，导致不能被撑开。看下面的例子：Div布局如下：Css代码如下：.out{border:1px solid #F00; width:500px;}.inner1{width:200px; height:200px; float:left; border:1px so
2016-09-02 10:20:18
1706
原创 HTML5之客户端存储数据
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是由每个服务器请
2016-07-09 13:44:59
360
原创 JavaScript中双叹号(!!)作用
经常看到这样的例子：12var a；var b=!!a;a默认是undefined。!a是true，!!a则是false，所以b的值是false，而不再是undefined，也非其它值，主要是为后续判断提供便利。!!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false;因
2016-06-19 16:28:05
289
原创 zepto商城顶部分类导航下拉菜单代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style type="text/css"> *{margin:0;padding:0;} #box{ width:900px; margin:0 au
2016-06-18 17:52:07
2122
原创 javascript 代码alert([] ==![]);为什么弹出结果为true？
typeof([])是个object typeof(![])就成了Boolean alert([])是个空 alert(![]) 是个false javascript中一切空或者0在做比较的时候都会转化成boolean值false所以 答案很明显了 false equals false 楼上的答案不标准，也可以说有些错误。执行类型转换的规则如下：如果一个运算数是 Boolean
2016-04-15 17:58:44
1528
原创 Array.isArray 函数 (JavaScript)以及其IE兼容性解决方案
最近在工作中用到Array.isArray(object)，发现IE8及以下版本不支持此API，于是百度了下找到了解决方案如下 var arr = [];function isArray(str){ return Object.prototype.toString.call(str) == "[object Array]";}console.log(isArray(arr));//ie
2016-04-15 17:03:30
4593
原创 jquery + ajax 局部刷新
//这是html清单<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="info"> <p>这是我的名字</p> <p>这是我的年纪</p>
2016-04-15 14:14:37
423
原创 原生js团购-限时购
html 代码清单：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>团购——限时抢</title> </head> <body> <div class="content3"> <div class="time">还剩 <span id="Le
2016-04-15 11:25:51
388
原创 逻辑与和逻辑或运算符返回值
console.log("0 || 1 = "+(0 || 1));console.log("1 || 2 = "+(1 || 2));console.log("0 && 1 = "+(0 && 1));console.log("1 && 2 = "+(1 && 2));逻辑与和逻辑或运算符会返回一个值，并且二者都是短路运算符：逻辑与返回第一个是 false 的操作数
2016-04-14 15:51:37
4293
1
原创 原生js设置,获取,删除cookie demo
cookie 的应用——记住用户名 用户名： 密码： 清除记录 window.onload = function(){ var oForm = document.getElementById('myform'); var oTxt1 = document.getEleme
2016-04-13 15:43:20
1036
原创 正则总结
^代表以某个字符开始匹配常见语法：字符 描述\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 '\n' 或 '\r' 之后的
2016-03-30 11:15:32
191
原创 正则大全~
验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\
2016-03-28 10:08:05
370
转载 你可能没注意的CSS单位
扶今追昔CSS中的单位我们经常用到px、pt、em、百分比，px和pt不用多说emem是相对单位，参考物是父元素的font-size，具有继承的特点如果字体大小是16px（浏览器的默认值），那么 1em = 16px这样使用换算很复杂，尤其是和px对应，大家总结出了经验body {font-size: 62.5%;}这样之后 1e
2016-03-23 16:17:27
262
转载 web app变革之rem
rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位
2016-03-08 14:31:21
262
转载 15个必须知道的chrome开发者技巧
在Web开发者中，Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能，使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能，如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个有助于改进你的开发流程的技巧。 一、快速切换文件 如果你使用过sublime text，那么你可能不习惯没有G
2016-03-07 16:10:16
294
转载 webapp前端开发软键盘与position:fixed为我们带来的不便
前提：我们考虑兼容的环境为android和ios两种智能手机兼容环境测试结果显示android的表现明显好于ios，ios手机在软键盘呼起收起时存在着很严重的兼容性问题场景展示：页面正常状态软键盘弹出时，悬挂元素丢失了指定位置软键盘未通过点击完成而失去焦点时，页面渲染发生崩溃性错乱，手指滑动后页面会恢复正常 我们再来看
2016-03-07 15:12:40
2161
转载 正则表达式学习－－RegexBuddy工具的使用（一）
一、 什么是RegexBuddy 使用了几天，个人感觉RegexBuddy 是学习正则表达式时的比较好的帮手。它可以容易地建立你想要的正确的正则表达式。清晰地推断他人所写的复杂的正则表达式。它还可以用给出的实例字符串或文件快速地进行测试匹配，从而防止了在实际应用中出现错误。RegexBuddy会在你的源代码中根据你所应用的特殊编程语言，自动生成带有正则表达式的
2016-03-03 14:38:22
853
转载 ：元素大小与位置offsetLeft offsetTop offsetWidth offsetHeight clientWidth clientHeight scrollWidth scrollHei
这是一些极易混淆的概念。仔细分析，这些值都是用来对元素进行定位的，下面逐一介绍。本文只介绍width,left等值，与其对应的是 height,top。本文还只介绍在Firefox下的表现，我认为，先不要考虑在IE各版本，Chrome等浏览器下的表现，这样一来，问题就单纯 了，容易理解。一 宽度的基础 何为宽度，在CSS中，width属性指元素内容区的 宽度，并不是元素在页面上所
2016-03-02 14:42:34
562
原创 Wab app开发 必须了解的知识点
1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用 //这个如果IE有安装Google Chrome Frame，那么就走安装的组建，如果没有就是上面的一样 “”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=“no”
2016-02-29 11:51:57
1684
转载 style、currentStyle、getComputedStyle区别介绍
样式表有三种方式内嵌样式（inline Style） ：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里
2016-02-29 11:11:51
313
原创 Javascript之基本包装类型
为了便于操作基本类型值，ECMAScript还提供了三个特殊的引用类型：Boolean、Number和String。这些类型与其他引用类型相似，同时也具有与各自的基本包装类型相应的特殊行为。实际上，每当读取一个基本类型值时，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。var s1 = "some text";var s2 = s1.substrin
2016-01-29 10:21:09
342
原创 学习js的笔记--检测类型
Typeof 操作符：用来检测给定变量的基本数据类型 1.underfined-----如果这个值未定义。 2.boolean-----如果这个值是布尔值。 3.string-----如果这个值是字符串。 4.number---如果这个值是数字。 5.object ---如果这个值是对象或null。 6.function--如果这个值是函数。Instanceof用于检测
2015-06-06 10:02:38
335
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人