![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
xieting153
每天进步一点点,越来越好
展开
-
单行注释:ctrl+/ 多行注释:alt+shit+A
单行注释:ctrl+/ 多行注释:alt+shit+A原创 2020-07-20 11:39:49 · 540 阅读 · 0 评论 -
数据类型的比较
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 · 232 阅读 · 0 评论 -
arguments映射
<script> function f(name, age) { console.log(arguments[0]); arguments[0] = 'xiaohong'; age = age && 100; console.log(name,age,arguments) } var...原创 2018-09-20 00:55:16 · 171 阅读 · 2 评论 -
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 · 1847 阅读 · 0 评论 -
let const区别
/** let和const的区别* es6中的变量提升* let 【变量】* 1. let声明的变量没有变量提升* 2. let不允许重复声明* 3. let声明的变量不会给全局对象window增加属性** const 【常量=》静态变量】* 1. let的变量提升的特点,const都具有* 2. const声明的变量必须赋值* 3. const声明的变量不允许修改,其中可...原创 2018-10-03 14:59:12 · 181 阅读 · 0 评论 -
TCP三次握手 四次挥手
/** 客户端 先发起请求问一下 服务器端* 服务器端 响应一下;告诉客户端能接受到;再问客户端能不能收到* 客户端确认 ----》 这时通道建立;* 三次握手** 客户端 告诉 服务器端我要关闭连接* 服务器端 响应 说 我知道了;不再接收新的东西* 服务器端 说 我现在要关闭链接了* 客户端说 可以关闭了; ----》 通道关闭*四次挥手* */...原创 2018-09-21 12:08:43 · 144 阅读 · 0 评论 -
git分支
/*创建分支相当于对主干进行克隆,主干中有什么文件,分支中就有什么文件改完这个分支的文件之后,把修改的内容提交到分支的历史区中git branch + 分支名称:创建一个分支;git branch:查看所有的分支git checkout +分支名称:切换分支;git merge + 分支名称:将分支的代码合并到主干上*/...原创 2018-09-27 14:59:22 · 87 阅读 · 0 评论 -
react生命周期
生命周期:初始化实例defaultProps===> constructor ===> componentWillMount ===> render ===> componentDidMount数据更新时:shouldComponentUpdate ==> componentWillUpdate >render>componentDidUpda...原创 2018-10-14 14:06:20 · 70 阅读 · 0 评论 -
SVN与GIT的区别
SVN GIT;SVN : 集中式;1. 提交代码需要网络2. SVN是文件的形式进行存储;GIT : 分布式;每一个git文件都是一个git仓库;1. git 可以在没有网络的前提下进行代码的提交;提交到自己的仓库;2. git是以数据的形式存储;上传或下载速度更快;...原创 2018-10-10 12:38:09 · 153 阅读 · 0 评论 -
defineProperty
Object.defineProperty(obj,'name',{ // value:'珠峰培训', // 对应的value值 // enumerable:true, // 可枚举, 默认是 false // writable:true, // 是否可写 // configurable:true // 是否可删除 get(){ // 当这个属性被...原创 2018-09-17 20:42:10 · 113 阅读 · 0 评论 -
鼠标进过 如何让同级的元素显示出来
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title> <style> #mysteve {width:200px;原创 2018-09-10 11:37:32 · 1032 阅读 · 0 评论 -
在浏览器地址栏输入地址后 敲回车 经历哪些过程 http协议
/* * 在浏览器地址栏输入地址后 敲回车 经历哪些过程 * https://news.163.com/index/html * 如果想访问一个服务器,咱们必须要知道的就是这个的服务器的IP地址 * DNS 域名系统 把访问的 域名对应的IP地址返回 * 1-输入网址后,浏览器(客户端)会先去 自己的缓存中查找对应的IP;若缓存中没有对应的IP ...原创 2018-09-04 10:58:54 · 1463 阅读 · 0 评论 -
js中的同步与异步
/* * JS 是单线程 * 同步 异步 * 常见的异步 * 1、定时器 * 2、事件绑定 * 3、ajax请求(一般的都是异步) * 4、回调函数也可以理解成 异步 * */ /* * 定时器 有自己的默认最小时间,即使手写成0,也不是同步执行;也是个异步执行; * 清除定时器,我们可以混着用;c...原创 2018-09-08 18:44:23 · 177 阅读 · 0 评论 -
迭代的方法
迭代的方法 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 · 254 阅读 · 0 评论 -
响应式开发media
<style type="text/less"> #div1{ width: 1000px; height: 600px; background: #fa9752; } //媒体查询 @media all and (max-width: 600...原创 2018-09-16 14:11:50 · 126 阅读 · 0 评论 -
JS盒子模型
//clientWidth 盒子宽度 + 左右的padding //clientHeight 盒子高度 + 上下的padding //clientLeft 盒子左边框的宽度 //clientTop 盒子上边框的宽度 //offsetWidth clientWidth + 左右border //offsetHeight clientHeig...原创 2018-09-13 01:08:38 · 95 阅读 · 0 评论 -
图片懒加载(核心原理)
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 · 209 阅读 · 0 评论 -
鼠标移动到某个区域 显示隐藏部分
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{原创 2018-09-17 12:19:11 · 3246 阅读 · 0 评论 -
表白小爱心
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>xieting</title> <-- 样式一般用外链 这里方便大家看 图片大家可以换上自己本地的-->&am原创 2018-09-17 12:34:04 · 322 阅读 · 0 评论 -
出现省略号必备条件
出现省略号必备的条件(四个) width: 200px; 宽度 white-space: nowrap; 禁止文字内容折行 overflow: hidden; 溢出隐藏:把超出大小的内容截掉 text-overflow: ellipsis; 让文字内容以省略号的方式呈现...原创 2018-09-04 09:05:35 · 305 阅读 · 0 评论