06 2017 档案
摘要：JS延迟加载的几种方法： 利用定时器 defer 属性 async 属性 动态创建DOM方式 使用jQuery的getScript()方法 在html底部加载js文件
阅读全文
摘要：position 和offset的区别 position()和offset()都是获取当前的元素的位置的，但是二者还是有一些区别的，总结一下，以免以后混淆时可以重温一遍： position()： 返回的是一个对象：{left: 100 ，top:100}； 对象中的left和top是相对于元素有定位
阅读全文
摘要：e.offsetX/e.clientX/e.pageX/e.screenX的区别 没有标注的是各浏览器都支持的： e.offsetX：鼠标相对于事件源的X方向的距离( firfox 不支持) e.offsetY：鼠标相对于事件源的Y方向的距离( firfox 不支持) e.clientX：距离浏览器
阅读全文
摘要：介绍 这个插件可以实现获取随机数的功能，可以指定长度，也可以使用默认的长度，获取的随机值是大小写字母和数字的组合。 使用方式 rid() 输出长度为7的字符串随机数 rid(10) 输出长度为10的字符串随机数 js代码 ;(function(global){ var randomId = { ri
阅读全文
摘要：点击浏览器的刷新按钮刷新 我们在做前端网站的时候往往会遇到用户点击刷新的行为，下面这个事件是JS为用户点击刷新按钮时触发的事件。 这个事件是在用户关闭页面之前和刷新页面时触发： 里面的两行代码为：刷新页面时就让网页从头显示。scrollTop有兼容性，请将兼容性写完整，保证各个浏览器之间的正常执行。
阅读全文
摘要：javaScript的数据类型 javaScript的数据类型分为基本数据类型和复杂数据类型，还有两个特殊的数据类型： 基本数据类型： number string boolean 复杂数据类型： object function 其他数据类型： undefined null number：数字类型 整
阅读全文
摘要：client offset scroll 三大家族 javaScript中的client offset scroll 经常用到，为了区分三者之间的区别，总结了一下： clientWidth：获取网页可视区域的宽度(两种用法) clientHeight： 获取网页可视区域的高度(两种用法) clien
阅读全文
摘要：function的基本了解与使用 定义： 基于事件驱动，完成指定任务的可被重复使用的代码块。 特点： 重用性 可维护性 声明方式： 1.function name(){} 2.var fn = function(){} 3.var fn = new Function(can1,can2,....,函
阅读全文
摘要：this使用总结 在function我们会经常遇到this，下面总结了一些规律来判断this的对象是谁： 全局作用域中的this指向window; This的区分： 1.函数执行，首先看函数名前面是否有'.',有的话，'.'前面是谁this就是谁;没有的话this就是window； 2.自执行函数中
阅读全文
摘要：typeof ： 用来检测数据类型的运算符 首先返回的是一个字符串，其次字符串中包含了对应的数据类型（number string boolean undefined function object） Typeof 值 值对应的数据类型 Typeif 变量名 string 多次typeof后返回 st
阅读全文
摘要：同步和异步 JS是属于单线程的，也就是我们说的同步，但是JS中也有异步; JS中的异步编程： 1.定时器： 多个定时器时，如果执行完成循环都到达时间了，先执行时间短的那个服务器 2.事件绑定 ： js是基于事件驱动的，只有事件触发才会执行对应的代码 3.回调函数也可以理解为异步编程 4.在Ajax中
阅读全文
摘要：Ajax Ajax主要是与服务器进行交换数据，在不重新加载整个页面的情况下，更新部分网页，也就是按需加载。是一种用于创建快速动态网页的技术。 Ajax是遵循同源策略的：端口号 协议 域名 完全相同。有一个不相同就不能进行交互。 Ajax四步： var xhr = new XMLHttpRequest
阅读全文
摘要：对象的特性： 1.继承性 2.封装性 3.多态性 对象的属性和方法可以重写(子类重写父类的方法)；但不能重载(JS中没有重载，但可以通过参数个数的判断来模拟重载)。 创建对象的方式： 1.字面量形式: var obj = {} 2.内置对象创建: var obj = new Object(); 3.
阅读全文
摘要：for循环与自执行函数 一般情况下，for循环输出的值都是判断条件的最后一个值，但是当for循环里面的代码是一个自执行函数时有会出现怎样的情况呢，下面我尝试了几种情况： for(var i = 0 ; i
阅读全文
摘要：for循环和闭包 今天记录for循环和闭包的使用： for(var i = 0 ; i 2 f(); 3 fn()(); 2 先找局部作用域中的，局部没有找上级，上级还没有，就一直往上级找，直到window(全局作用域)。 闭包的扩展：jQuery jquery本身就是一个大的闭包。 1.$('di
阅读全文
摘要：通常情况下，因为一些效果我们需要获取到for循环中的i的值，但是往往拿到的都是最后一个i的值。下面介绍几种方法可以获取到i的值 1.自定义属性 arr[i].index = i; 2 自执行函数： for(var i = 0 ; i
阅读全文
摘要：` FormData 对象，可以把form中所有表单元素的name与value组成一个queryString，提交到后台。在使用Ajax提交时，使用FormData对象可以减少拼接queryString的工作量。 1.创建一个FormData空对象，然后使用append方法添加key/value v
阅读全文
摘要：数据绑定的操作 做前端就免不了与后台的交互，当我们获取到了从后台传输过来的数据后怎么操作它呢，在介绍方法之前先了解两个名词： DOM的回流（重排 reflow）:当页面中的html结构发生改变（增加。删除元素，位置发生改变....），浏览器都需要从新计算一遍最新的DOM结构，重新对当前页面进行渲染。
阅读全文
摘要：· DOM的映射机制：页面中的标签和JS获取到的元素对象是紧紧地绑定在一起的，html结构改变了，JS中不需要重新获取集合里的内容也会跟着改变。 var lis = document.getElementsByTagName_r('li'); console.log(lis.length) n //
阅读全文
摘要：传输协议 传输协议：客户端给服务器端的内容和服务器端传递给客户端的内容都是通过http传输协议进行传输的。 HTTP： 超文本传输协议,除了传输文本外还可以传输其他的东西，例如XML HTTPS：由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议 FTP：文件传输协议，应用于把项目源文件
阅读全文
摘要：` URI：URL+URN 统一资源标识符(统一资源信息); URN：统一资源名称; URL：统一资源定位符； 假如这是请求的地址：http://www.qq.com:80/index.html?name=qq bbs; http： 传输协议：客户端给服务器端的内容和服务器端传递给客户端的内容都是通
阅读全文
摘要：轮播 点击图片弹出轮播图： 实现效果： 1.鼠标经过图片改变图片的透明度 2.点击图片，弹出遮罩层 3.点击遮罩层左右箭头，实现轮播； 4.点击遮罩层图片以外的部分，关闭遮罩层 html: ` ` css: { margin: 0; padding: 0; } img{ border: none;
阅读全文
摘要：http: 这个模块用来创建http服务。 创建服务： http.createServer(fucntion(req,res){ //这个回调函数是用户输入地址发送请求后触发 设置响应头： res.writeHead(200,{'content type':'text/html;charset=ut
阅读全文
摘要：JS语言自身只有字符串数据类型，没有二进制数据类型。但是在处理像TCP流或文件流时，必须使用到二进制数据，因此在NODE中定义了一个Buffer类，该类用来创建一个专门存放二进制数据的缓存区。 操作： var buf = new Buffer('参数')； 参数的形式： 数字和字符串。 当参数为数字
阅读全文
摘要：简单的安装方法 使用Ctrl+`快捷键或者通过View Show Console菜单打开命令行，粘贴如下代码： import urllib.request,os; pf = 'Package Control.sublime package';ipp = sublime.installed_packa
阅读全文
摘要：npm init ： 初始化会生成一个json文件package.json npm install package g： 全局安装插件 npm install package： 在指定目录下打开cmd然后安装插件，会在指定目录生成node_modules npm install package@ve
阅读全文
摘要：我们都知道jquery用着比原生的JS要方便很多，但有一些方法还是有一些差别的，下面记录一下我在做全屏滚动的时候遇到的scrollTop的问题： 正常情况下，scrollTop()和document.body.scrollTop获取到的值是一样的，因为scrollTop()就是document.bo
阅读全文
摘要：盒子模型 我们都知道盒子是有margin + border + padding + content 组成，但是因为浏览器的不同，我们知道的盒子模型也分为两种： 标准流的盒子模型：content + padding + border + margin; IE的盒子模型：content + margin
阅读全文
摘要：在布局页面的时候，我们经常会用到浮动，在使用的时候是很方便，但是有时候使用过后会造成页面错乱，这就是因为没有清除浮动造成的，下面介绍几种常用的清除浮动的方法： 1.给浮动元素的父级加伪类 :after .clearfix:after{ content:""; visibility: hidden;
阅读全文
摘要：hrome浏览器设置的最小字号是12px，当我们需要布局的页面中有字号小于12px的文字时，就没有办法做的像设计的页面一样美观，下面介绍一种方法，解决这个问题： width: 300px; webkit transform origin x: 0; //X方向上缩放的中心点 webkit trans
阅读全文
摘要：在布局页面的时候，有时候会遇到让一个盒子水平和垂直方向上都居中,如果手动调整盒子的位置，未免太复杂了一些，下面介绍两种方法，很轻松就能做到盒子的水平和垂直方向的居中： 定位的盒子居中 第一种方法：需要知道盒子的宽高 div{ position: absolute; left: 50%; top: 5
阅读全文
摘要：禁止选中文字 用来防止用户选中页面上的文字的css样式 uesr select:none; webkit user select:none moz uesr select:none; ms uesr select:none; o uesr select:none; 为了兼容不同浏览器user sel
阅读全文
