- 博客(23)
- 收藏
- 关注
RSS订阅原创 常用的git命令
mkdir XX：创建一个空目录 XX指目录名pwd：显示当前目录的路径git init：把当前的目录变成可以管理的git仓库，生成隐藏的.git文件touch xx：新建xx文件文件git add xx：把xx文件添加到暂存区git commit -m “xx”a.txt ：提交文件 -m后面的是注释git status：查看仓库状态git log：查看历史记录git reset...
2019-03-22 20:12:33
127
原创 从输入URL到加载页面发生了什么？
完整过程1、浏览器的地址栏输入URL，并按下回车2、浏览器查找当前的url是否存在缓存，如果由缓存并比较是否过期3、DNS解析器解析URL对应的IP4、根据IP建立TCP连接（三次握手）5、HTTP发送请求6、服务器处理请求，浏览器接受HTTP响应7、渲染页面，构建DOM树8、关闭TCP连接（四次挥手）着重说以下几个关键点DNS解析我们知道在地址栏输入的域名并不是最后资源...
2019-03-13 20:21:12
145
原创 DOM2级事件基础知识入门
DOM2级事件是通过addEventListener添加事件的，IE8及以下是通过attchEventDOM2绑定事件box.addEventListener("click",callback,false);//IE8及以下box.attachEvent("onclick",fn)说明(addEventListener)第一个参数：事件的类型（DOM0绑定
2019-02-26 22:28:39
877
原创 原生js实现轮播图
前言：轮播图相信大家都见到过，现在几乎每一个网站，不论是移动端还是pc端，轮播图都是一种常见的功能，下面就是我对这个轮播图的见解，希望能帮助大家这是源码的git地址（因为代码相对来说比较多）...
2019-02-23 21:34:53
270
3
原创 一些简单的ES6语法
let 和 constlet 和var的区别（当前作用域下）不进行变量提升，但是在代码执行之前要进行声明，不进行提升(let声明的变量虽然不会进行变量提升，但是在形成作用域后代码执行之前，let声明的变量会有一个查重的机制)当前作用域下let声明的变量不能重名let声明的变量和window键值对没有映射关系在for循环中，用let定义的i，每循环一次，都会保存一个i的值在当前子作用域...
2019-02-18 22:27:07
312
原创 JS中的盒子模型
client系列属性名属性值clientWidthwidth+左右paddingclientHeightheight+上下paddingclientLeft左边框的宽度clientTop上边框的高度不存在clientRight和clientBottom，这两个属性的属性值是undefined获取可视化区域的宽度/高度document.d...
2019-02-13 19:09:58
401
1
原创 浅谈正则
元字符：在正则中有特殊含义的字符称为元字符量词之间不能有空格；{m, n}这种写法是错误的reg.test();test是正则原型上的一个方法，用来检测字符串与正则是否匹配，匹配返回true，反之返回false；这个方法的参数是一个字符串\d 匹配一个数字字符(0~9)。等价于[0-9]\D 匹配一个非数字字符。等价于[^0-9]。\w 匹配包括下划线的任何单词字符 [A...
2019-02-12 12:32:13
163
原创 一些简单方法的封装和练习
数组排序<script> // let ary = [21, 23, 12, 3, 11, 14, 3, 12, 21, 23, 11, 14]; //第一种方法(冒泡排序：相邻两项比较交换位置) /*for (let i = 0; i < ary.length; i++) { for (let j = 0; j < ary.len...
2019-02-11 20:40:14
238
原创 圣杯布局（相对布局）和双飞翼布局这两种经典布局的实现案例
圣杯布局针对下列DOM结构实现水平三列布局，.center盒子在中间 &amp;lt;div class=&quot;container&quot;&amp;gt; &amp;lt;div class=&quot;main&quot;&amp;gt;我是中间的盒子&amp;lt;/div&amp;gt; &
2019-01-29 17:43:39
578
1
原创 JS中的DOM节点类型以及浅谈数据绑定和DOM回流
js中的常用的节点类型有哪些？节点类型nodeTypenodeNamenodeValueElement（元素节点）1元素名nullAttr（属性节点）2属性名称属性值Text（文本节点）3#text文本内容CDATASection（CDATA节点）4#cdata-section节点的内容EntityReference（实体引...
2019-01-26 11:52:23
601
2
原创 求一组数的平均数
求一组数的平均数 function Avg() { let ary = [].slice.call(arguments); ary.sort(function (a, b) { return a - b; }); //去掉最小值 ary.pop(); //去掉最大值 ...
2019-01-23 13:54:36
1347
原创 拼接对象
拼接对象通用方法 let obj1 = {a: 1, b: 1, c: 20}; let obj2 = {a: 100, b: 2}; function myConcat() { let obj = {}; for (let i = 0; i < arguments.length; i++) { for (le...
2019-01-23 12:41:27
2056
原创 求数组中的最大值
第一种方式（先排序在取值）sort：原有数组发生改变；先用sort(function(a,b){return a-b})或者sort(function(a,b){return b-a})对数组进行排序，然后取数组的最后一项或者第一项var ary = [12, 45, 7, 8, 13, 12, 99,12,31]; ary.sort(function (a, b) { ...
2019-01-23 12:25:56
503
原创 原型简单的练习
function C1(name) { if (name) { this.name = name; } ; } function C2(name) { this.name = name; } function C3(name) { this.name = name...
2019-01-22 19:02:38
344
原创 函数的三种角色
普通函数function Fn(){ }函数的定义1、首先开辟一个堆内存2、把函数体中的代码以字符串的形式存储到堆内存中3、把函数的空间地址赋值给函数名函数的执行1、开辟一个私有作用域2、形参赋值3、变量提升4、代码从上到下执行5、作用域是否销毁类（构造函数）function Fn() {this.x = 10; /* * 开辟...
2019-01-22 19:00:24
170
原创 原型模式
构造函数模式（解决了实例的私有属性问题）function Fn(m,n){ var a = 100; this.x = m; this.y = n; this.getX=function(){ console.log(this.x); }}var f = new Fn(1,2);var f1 = new Fn(3,4);console.log(f.getX === f1.g...
2019-01-21 15:22:09
99
原创 创建变量的两种方式
字面量方式创建变量（常用）var num = 1;var str = "abc";var objf = {};构造函数创建变量var num = new Number();//=>0var ary = new Array();//=>[]var ary1 = new Array(12)//=>[empty*12]=>这里存储的是12个undefinedva...
2019-01-21 12:11:13
970
原创 JS中的类数组以及类数组转数组的方法
JS中类数组转数组的方法（ArrayLike）1、首先我们要清楚什么是类数组（ArrayLike）拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解)不具有数组的所有方法2、JavaScript中常见的类数组arguments对象DOM方法返回结果（getElementsByTagName()、getElemen...
2019-01-20 21:18:04
554
原创 js实现简单的数组去重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="keywords" content=""> <meta name="description&q
2019-01-20 18:38:16
85
1
原创 JS实现奇偶行变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="keywords" content=""> <meta name="description&q
2019-01-20 18:34:31
1804
原创 JS基础（二）
JS中的数据类型文章目录JS中的数据类型基本数据类型（值类型）1、number2、String3、Boolean4、null5、undefined引用数据类型对象数据类型1、普通的对象2、数组3、Math4、函数数据类型DOMDOM的属性节点的分类行间属性动态操作DOM元素（增删改查）基本数据类型（值类型）1、number由正数、负数、0、NaN(not a number是一个特殊的nu...
2019-01-20 18:14:07
121
原创 构造函数模式
文章目录构造函数构造函数中的new构造函数的特征例构造函数定义：定义构造函数时，函数名首字母一般要大写构造函数中的new1、形成一个私有作用域，代码执行之前，变量提升之后，会默认创建一个空的对象2、这个new改变了当前作用域下 this的指向，让其指向新创建的这个空对象3、当代码执行完成后，默认返回这个对象构造函数的特征构造函数执行：形成私有作用域=&gt;形参赋值=&gt;...
2019-01-19 16:02:13
241
原创 JS基础（一）
JS基础知识JS的组成部分获取元素的方式通过ID获取 document.getElementById(&quot;id名&quot;)通过name属性获取 document.getElementsByName(&quot;name&quot;)通过标签名（getElementsByTagName）通过类名（getElementsByClassName）获取html的方法（document.documentElement）获取body的方...
2019-01-19 11:05:34
472
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人