2018年09月_xieting153

原创 git分支

/*创建分支相当于对主干进行克隆，主干中有什么文件，分支中就有什么文件改完这个分支的文件之后，把修改的内容提交到分支的历史区中git branch + 分支名称：创建一个分支；git branch:查看所有的分支git checkout +分支名称：切换分支；git merge + 分支名称：将分支的代码合并到主干上*/...

2018-09-27 14:59:22 84

原创 node核心模块

// node的核心模块// fs : 文件系统// fs.readFile(path,"utf8",callback(err,data){}) // 回调函数当读取完毕之后，会触发回调函数，并且将读取的内容传给回调函数第二个参数；如果读取失败，会把错误信息传递给第一个参数err; // fs.readFileSync(path,option); // 同步的读取；会把读取的内容给了当前...

2018-09-27 14:56:57 93

原创 map filter

//filter过滤let newAry=[1,2,3,4,5].filter(function (item) { return item>2&&item<5})console.log(newAry);//map映射let arr1=[1,2,3].map(function (item) { return `<li>${item}&lt...

2018-09-21 15:28:54 95

原创 TCP三次握手四次挥手

/** 客户端先发起请求问一下服务器端* 服务器端响应一下；告诉客户端能接受到；再问客户端能不能收到* 客户端确认 ----》这时通道建立；* 三次握手** 客户端告诉服务器端我要关闭连接* 服务器端响应说我知道了；不再接收新的东西* 服务器端说我现在要关闭链接了* 客户端说可以关闭了； ----》通道关闭*四次挥手* */...

2018-09-21 12:08:43 141

原创 arguments映射

2018-09-20 00:55:16 163 2

原创数据类型的比较

1 引用数据类型和引用数据类型之间的比较// 永远比较的是地址var a = [1,2,3];var b = [1,2,3];var c = b;a == b // false 两个不是一个地址b == c // true 通过一个地址a.join() == b.toString() // ‘1,2,3’ == ‘1,2,3’2 引用数据类型和字符串比较；...

2018-09-20 00:32:55 224

原创 promise all/race

Promise.all([p1,p2]).then((res)=>{//all 用法传一个数组数组中的每一项都是一个promise实例// then中的成功函数只有当数组中多有实例都成功，才会只能；// 否则执行失败函数console.log(res);}).catch((e)=>{console.log(e);})Promise.race([p,p2]).t...

2018-09-19 21:34:06 131

原创 vue中的父传子 parent-child

代码如下：父传子通过属性传递的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>

2018-09-18 00:49:51 414

原创 defineProperty

Object.defineProperty(obj,'name',{ // value:'珠峰培训', // 对应的value值 // enumerable:true, // 可枚举，默认是 false // writable:true, // 是否可写 // configurable:true // 是否可删除 get(){ // 当这个属性被...

2018-09-17 20:42:10 107

原创表白小爱心

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>xieting</title> <-- 样式一般用外链这里方便大家看图片大家可以换上自己本地的-->&am

2018-09-17 12:34:04 310

原创鼠标移动到某个区域显示隐藏部分

代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{

2018-09-17 12:19:11 3215

原创响应式开发media

2018-09-16 14:11:50 117

原创 reduce

reduce 收敛 4个参数返回的是叠加后的结果原数组不发生变化“` //prev代表的是数组的第一项，next是数组的第二项 //第二次prev是undefined,next是数组的第三项 [1,2,3,4,5].reduce( function(prev,next,index,item){ console.log(arguments); retu...

2018-09-16 01:57:35 1535

原创 v-for 数组的循环

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=

2018-09-14 23:49:22 325

原创 vue中的data methods区别

let vm=new Vue({ //根实例 el:’#app’, data:{//都是数据 }, methods:{ // methods 和data中的数据会全部放到vm上，而且名字不能冲突，冲突会报错，methods中的this指向的都是实例 fn(event,a){console.log(event)}, } })...

2018-09-14 23:44:33 1834

原创图片懒加载(核心原理)

function loadImg(ele) { //查看图片到body的距离是否小于卷去的高度+一屏的高度说明图片露出来了 if(ele.loaded)return; var scrT = utils.scrollT(); var cliT = utils.clientH(); var tarT = utils.offset(ele).t; ...

2018-09-13 02:42:32 205

原创 vue解析

vue细化分析随笔body体七中情况<body><div id="app"> {{message}}</div><div id="app-2"> <span v-bind:title="message">wossdad</span></d

2018-09-13 01:14:16 321

原创 JS盒子模型

//clientWidth 盒子宽度 + 左右的padding //clientHeight 盒子高度 + 上下的padding //clientLeft 盒子左边框的宽度 //clientTop 盒子上边框的宽度 //offsetWidth clientWidth + 左右border //offsetHeight clientHeig...

2018-09-13 01:08:38 90

原创迭代的方法

迭代的方法 forEach map filter(过滤)some 只要有一项满足条件，那么some的返回结果就是true; 找到true之后，后边的内容就不再循环every 只要有一项不满足条件，那么every的返回结果就是false；找到false之后，后边的内容就不再循环reduce((prev,next,index,ary)=>{},xxx); 接收1-2个参...

2018-09-12 11:09:54 248

原创 ajax promise

2018-09-11 01:55:00 85

原创鼠标进过如何让同级的元素显示出来

代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title> <style> #mysteve {width:200px;

2018-09-10 11:37:32 1013

原创 ajax请求参数

eg： var xhr = new XMLHttpRequest(); xhr.open(‘get’,’./1.xml’,true); xhr.onreadystatechange = function () { console.dir(xhr.readyState); // 1 –》2 ； 2 –》3 ； 3–》4 都是http改变的状态码 setTimeou...

2018-09-09 14:22:31 162

原创从浏览器地址栏输入地址，敲完回车；都要经历哪些过程？

/* * 从浏览器地址栏输入地址，敲完回车；都要经历哪些过程？ * 敲完回车，是要根据对应的服务器去获取对应的内容； * 服务器的地址都是IP地址；—-> 一个 IP 可以对应多个域名 * 在地址栏输入的都是域名，通过域名查找IP,都要经历哪些过程？ * 1、先在浏览器的缓存区查找对应的IP； * 2、若在缓存区没找到，则去操作系统中查找； * 3、在本地区的DNS（dom...

2018-09-09 14:19:37 572

原创 jq中的AJAX

$.ajax({ type:'get', url:'./1.json', data:{name:'小红'}, dataType:'json', success:function (data) { console.log(data); }, error:function (res) { console.log(r...

2018-09-09 14:11:15 226

原创 AJAX中的get和post请求方式的区别

/** get 系列* get* head 只获取响应头* delete 删除后台对应的某个属性* post系列* post* put 给后台添加对应数据* get post 的区别* 1、传参的方式* get 是把参数拼接到 url后边* post 是把请求参数放到请求体当中* 2、传参的大小限制* get 谷歌...

2018-09-09 14:06:13 177

原创 js中的同步与异步

/* * JS 是单线程 * 同步异步 * 常见的异步 * 1、定时器 * 2、事件绑定 * 3、ajax请求（一般的都是异步） * 4、回调函数也可以理解成异步 * */ /* * 定时器有自己的默认最小时间，即使手写成0，也不是同步执行；也是个异步执行; * 清除定时器，我们可以混着用；c...

2018-09-08 18:44:23 169

原创图片懒加载原理

/* * 图片的懒加载 * 只有当页面滚动到图片位置显示的时候才去加载图片；一开始图片的位置可以方一张小的默认图 * 优势：提升页面的加载速度 * 在移动端省流量； * * 实现的原理：监听页面滚动；当页面滑倒图片位置的时候，再去让图片显示（图片的src换成真正的链接）； * *//**需求：当页...

2018-09-08 08:44:59 658

原创在浏览器地址栏输入地址后敲回车经历哪些过程 http协议

/* * 在浏览器地址栏输入地址后敲回车经历哪些过程 * https://news.163.com/index/html * 如果想访问一个服务器，咱们必须要知道的就是这个的服务器的IP地址 * DNS 域名系统把访问的域名对应的IP地址返回 * 1-输入网址后，浏览器（客户端）会先去自己的缓存中查找对应的IP；若缓存中没有对应的IP ...

2018-09-04 10:58:54 1424

原创元素居中的技巧

1.文字居中文字水平居中: text-align: center；文字垂直居中：height高度和line-height行高的值一样，文字就垂直居中2.图片/ 块级元素居中水平居中: width宽度 / margin: 0 auto(上下左右);垂直居中: 定位...

2018-09-04 09:07:06 113

原创出现省略号必备条件

出现省略号必备的条件（四个） width: 200px; 宽度 white-space: nowrap; 禁止文字内容折行 overflow: hidden; 溢出隐藏:把超出大小的内容截掉 text-overflow: ellipsis; 让文字内容以省略号的方式呈现...

2018-09-04 09:05:35 297

原创 absolute和relitive fixed 是相关特征总结

1.定位position1) 定位的取值position: static; 默认值，对象遵循常规流；position: relative；相对定位position: absolute；绝对定位position: fixed；固定定位2) 定位取值的异同点相同点1.都可以设置top/bottom/left/right 四个方位，如果同时设置top和bottom，不管值的大小，只...

2018-09-04 09:00:54 286

原创音频设置 audio

<!-- audio 音频 video 视频 src -- 文件路径 preload -- none auto metadata; none 不进行预加载 auto 预加载 metadata 只加载元数据 autoplay 自动播放 loop ...

2018-09-02 09:02:45 584

原创移动端font-size属性设置

//根据设计稿去设置 html 的font-size 属性 (function (n) { // n 640 –>设计稿的宽度 // w/640 == x/100 let w = document.documentElement.clientWidth || document.body.clientWidth; // 屏幕宽度...

2018-09-02 09:00:21 760

原创 less语法及例子解析

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>珠峰培训</title> <style type="text/less" rel="styles

2018-09-02 08:43:43 240

原创利用jq做选项卡

*{ margin: 0; padding: 0; } .title{ overflow: hidden; width: 400px; display: flex; list-style: none; ...

2018-09-02 01:38:37 142

原创原型对象上的修改方式

/*JS中所有的数据类型，他们的原型链终点站都是 Object.prototype;* 也就是说 Object.prototype 上的方法；所有数据类型都能使用** */// var myPush = function (ary,n) {// ary[ary.length] = n;// };var myPush = function (n) { //怎么...

2018-09-02 01:07:00 554

原创 git命令

/* * 集中式 svn * 分布式 git * * git 工作区缓存区历史区 * * git status 查看工作取得状态 * git add 文件名或 . 把工作区的内容提交到缓存区 * git commit -m ‘备注信息’ 把缓存区的内容提交到历史区 * * ...

2018-09-02 01:03:31 104

原创构造函数模式深入理解

// Array [] // 原型 prototype: 每个函数都有一个原型属性prototype,指向他的一个原型对象 // 每个类的实例都可以通过 proto 找到他的所属类的原型对象/** 构造函数模式；创建一个构造函数；通过 new 去创建这个构造函数（自定义类）的一个实例* 这个实例的__proto__属性指向这个构造函数（自定义类）的原...

2018-09-02 00:48:07 196

空空如也

空空如也