2019年08月_itlixiaolong

原创几种方式可以创建对象

创建对象有几种方法通过字面量和new Object（）产生var o1={ name:'test'}var o2=new Object({ name:'test'})通过构造函数创建var Fun=function（）{ this.name='test'}var o3=new Fun()通过Object.create()方法创建 var P={ ...

2019-08-22 21:03:11 402

原创 css盒模型

一、分类<1>标准盒模型在标准盒模型下，width和height是内容区域即content的width和height。而盒子总宽度为在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)<2>IE盒模型而IE盒模型或怪异盒模型显而易见的区别就是，width和height除了content区域外...

2019-08-21 22:53:06 130

原创 nodeJS程序调试方法

方法一：1.启动nodejs的时候，使用 node --inspect-brk server.js2.访问 http://127.0.0.1:9229/json文件中的 devtoolsFrontendUrl 地址，在Chrome控制台可调式方法二：chrome浏览器中访问chrome://inspect点开页面中的 Open dedicated DevTools for Node 可...

2019-08-19 09:28:42 320

原创 css3动画

前端动画的几种实现方式1.CSS 的transition2.CSS3的animation 属性3.原生JS 动画4.插件5.引用GIF图片6.使用canvas制作7.SVG动画后两个需要去学习cavans 和svg的api文档今天就讲一下 css 的动画实现方式一、傻傻分不清楚的三个属性，关系首先，先区分一下 transition transform translatetr...

2019-08-19 09:28:09 180

原创 http的四种请求方式(get/post/put/delete)

常见四种请求<1>get 通常用来请求某条数据或是一个数组的列表数据,参数会放在地址栏进行传输,常见的大部分请求都是get请求缺点: 因为参数放在地址栏上,所以不安全,一般get请求会发送一些对安全性不高的数据请求,像登录注册相关的请求不会采用get请求地址栏的长度是有限制的,大概2kb左右//请求列表(数组)http://www.baidu.com/users?name=l...

2019-08-04 18:26:12 11024

原创 js中关于对象的那些事

对象的使用<1> 对象的是定义一: 字面量var obj={}二: 构造函数定义var obj=new Object({})<2> 对象的使用 :(1) 点语法使用 => obj.key (2) 中括号使用 => obj['key']var obj={ a:1, b:'1', c: true, d:fun...

2019-08-04 18:24:53 106

原创 npm、cnpm、yarn、以及npx的区别

npm cnpm yarn 和 npx的区别<1>从功能上分: 所有的都是为了安装依赖(js代码库)<2>从结果上分:npm\cnpm\yarn 都会把依赖下载到node_modules中(本地开发环境)npx会先检测本地node_modules中是否有相关依赖,有则直接调用他的命令行,没有的话回去上一级的node_modlues中寻找,直到找到系统的node_mu...

2019-08-04 18:24:02 4242 2

原创 js开发服务端（node）业务时和客户端的区别

node开发与前端开发的区别node后端开发的关注点要关心内存是否泄漏关心cpu和内存的占用,这些资源在服务端是稀缺资源关心网站服务端的稳定性和安全性(因为你的接口是暴露在外网上的)校验用户采用cookie的问题1.不安全,开发者可以通过js盗取并设置来伪装其他用户登录账户操作数据cookie(document.cookie="键=新值")可以通过在服务端的cookie设置...

2019-08-04 18:21:54 478

原创 js中数组的高阶函数用法map,filter,reduce,forEach,some,every

数组的高级函数用法(函数式编程)<1> forEach 遍历每一项会改变原数组<2> map 会基于原数组产生新数组 //返回一个新数组,不改变原数组<3> filter 会基于原数组产生新数组(过滤掉不满足条件的数组项) 返回一个新数组,不改变原数组<4> reduce 会将多项值合成一个,加法,乘法<5> so...

2019-08-04 18:18:13 579

原创 js中发生类型隐式转换的场景

// 1.字符串拼接时: 1+'2' // 12// 2.==判断时: 100 == '100' //true 0 == '' //true null == undefined //true // 3.if语句的()中时: var a=100 if(a){ //业务逻辑 ...

2019-08-04 18:15:56 349

arguments1.特性: arguments是函数调用时所有实参的集合,是一个类数组的集合,只能使用for循环去遍历,其他方法不可用,如果想使用的数组的其他方法,可以通过call,apply,和bind把数组的方法调用时的this绑定到arguments上使用,比如:[].reduce.call(arguments)2.arguments不是一个全局变量,而是一个函数内的局部变量,只有在函...

2019-08-04 18:14:56 214

原创字符串和数组以及对象之间的转换

数组<==>字符串1.数组转换成字符串 Array.prototype.join(‘分隔符’)var arr=[1,'w','er']console.log(arr.join()) // 1,w,erconsole.log(arr.join('.')) //1.w.erconsole.log(arr.join('')) //1wer2.字符串转换成数组 St...

2019-08-04 18:14:03 1058

原创描述new一个构造函数时发生了什么

var obj1=new fun()1.先创建一个空对象 var obj={}2.将空对象的原型绑定为new操作符后面的构造函数的原型 obj.__proto__=fun.prototype3.让this指向新创建的对象,并执行构造函数的函数体,创建相关属性和方法 4.判断执行结果是否返回了新的对象,如果有返回新对象,就是用返回的新对象,没有的话,返回原来创建的对象(obj)/...

2019-08-04 18:12:57 1068

原创 js中非常实用的类型转换的快捷用法

1.字符串转换成数字类型<1>字符串前加上+ +'1' //1<2>字符串与0按位取或运算 '1'|0 //1 0|'1' //12.数字转化成字符串<1>数字加'' 1+'' //'1'3.利用&&和||短路特性进行求值,可以避免if语句 1&&2...

2019-08-04 18:11:34 123

原创判断一个变量的类型

1.typeof 能够区分除数组和对象和null外的所有类型// 根据typeof判断对象不太准确表达式返回值typeof undefined 'undefined'typeof null 'object'typeof true 'boolean'typeof...

2019-08-04 18:09:50 989

lixiaolong240035的博客