mzzzz0316的博客

原创 ES6反射

反射是什么1.Reflect就是剑js的内置对象，它的主要作用就是提供一些方法，让使用者用这么些方法去访问底层的功能(增删改查)2.js的底层功能无非就是对对象的的判断增删改查，函数的调用，属性的赋值取值3.为什么要使用它，无非就是为了实现函数式编程的思想：减少代码，让代码变得更纯粹，减少符号的使用Reflect.set(target,name,value)给对象属性赋值const obj = { name : 'jack', age : 18, sex : '男'}Ref

原创 ES6代理

创建代理对象new Proxy(target,handler)target表示需要代理的对象handler 表示一个普通的对象，重写底层的方法返回代理的对象var obj = new Proxy({}, { get: function (target, key, receiver) { console.log(`getting ${key}!`); return Reflect.get(target, key, receiver); }, set: functi

原创 箭头函数ES6

//基本用法var f = function(v) { return v;};//换成箭头函数为：var f = v => v;//如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;// 等同于var sum = function(num1, num2).

原创 ES6收集运算符

收集运算符 …收集运算符可以代替arguments，将传入的实参转换为数组 function fun(...arg) { console.log(arg) } fun(1, 2, 3, 5, 4, 2) //[1, 2, 3, 5, 4, 2] //这是一个真正的数组,可以直接使用数组的方法 function fun1(...arg) { arg.sort(functio

原创 rem，em，px

px:表示的是像素点 而在移动端的像素大小 是根据像素比 显示的不是唯一的em: 是相对于父元素的大小rem: 是相对与html根元素

原创 jQuery增删改查4

原创 jQuery增删改查3

原创 jQuery增删改查2

原创 jQuery增删改查1

html代码<divclass="tbody"><ul><li><inputtype="checkbox"></li><licl...

原创 display：flex

flex独占一行inline-flex不独占一行flex-direction指定容器中弹性元素的排列方向可选值：row默认值：弹性元素在容器中水平排列从左向右--主轴自左向右row-reverse：水平排列从右向左--主轴自右向左column：纵...

原创 添加列表js

<style>.container{width:400px;margin:0auto;}p{text-align:center;}</style><divclass="container"><p>不能添加空的文本</p>...

原创 js99乘法表

<script>for(vari=1;i<=9;i++){for(varj=1;j<=i;j++){document.write(j+"*"+i+"="+i*j+"&nbsp")}document.write("<br>")}...

原创 js判断一个数是否为水仙数

//varnum=parseInt(prompt('是否为水仙'));//vara,b,c;////取百位//a=parseInt(num/100);////取十位//b=parseInt(num%100/10);////取个位//c=parseInt(num%10);//vare=a*a*a+b*b*b+c*c*c;...