- 博客(16)
- 收藏
- 关注
RSS订阅原创 ES6数组 解构
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构 变量赋值 let a = 1; let b = 1; let c = 1; = let [a,b,c] = [1,1,1] //es6
2020-06-28 01:17:50
124
原创 JavaScript 操作dom（修改样式添加html）
const a = document.getElementsByClassName('hover') a.style.boxShadow='-1px -1px 0px #FE6A2E'; box-shadow: -1px -1px 0px #FE6A2E;
2020-06-28 00:23:51
280
原创 JavaScript 基本方法
'e'.charCodeAt(0) //转unicode编码 .toString() 'String'.toLowerCase() //转小写 'string'.toUpperCase() //转大写
2020-06-28 00:15:57
90
原创 for 循环
for…of for(let codePoint of 'foo'){ console.log(codePoint) } //f //o (2) let iterable = [1,2,3] for(let value of iterable){ } for…in for(let i in 'foo'){ console.log(i) console.log('foo') } //0 foo //1 foo //2 foo
2020-06-27 13:13:36
107
原创 Css flex
flex-direction属性决定主轴的方向（即项目的排列方向）。 flex-direction: row | row-reverse | column | column-reverse; row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。 flex-wrap属性定义，如果一条轴线排不下，如何换行。 flex-wrap: nowrap | wra
2020-06-27 13:13:01
64
原创 ES6模块字符串
let name = mdy let string =`Hello ${name}, <div>have you eaten</div>` //输出 Hello mdy, have you eaten 简化写法： 可以定义多行字符串(所有的空格和缩进都会被保留在输出之中)， 或者在字符串中嵌入变量 模板字符串紧跟在一个函数名后面，该函数将被调用来处理这个模板字符串。这被称为“标签模板”功能（tagged template） 如果模板字符里面有变量，就不是简单的调用了，而是会将模板
2020-06-27 13:12:24
383
原创 JavaScript Set对象
let mySet = new Set(); mySet.add(1); mySet.add("some text"); let o = {a: 1, b: 2}; mySet.add(o); mySet.add({a: 1, b: 2}); mySet.has(1); // true .add//添加 ps:无法添加重复元素 .has//匹配内容是否存在
2020-06-27 13:06:12
153
原创 Css Grid 网格布局
Gird/Flex 同：指定容器内部的多个项目的位置 异： Flex是轴线布局 只能指定‘项目’针对轴线的位置（一维布局） Grid将容器分成‘行’和‘列’，产生单元格， 指定‘项目所在’的单元格（二维布局） ...
2020-06-22 12:53:59
108
1
原创 vue.config.js
module.exports = { // 基本路径 publicPath: process.env.NODE_ENV === 'production' ? './' : '/', // 输出文件目录 outputDir: 'dist', // 默认dist // 用于嵌套生成的静态资产（js,css,img,fonts）目录 // assetsDir: '', // 指定生成的 index.html 的输出路径 (相对
2020-06-21 16:33:02
66
原创 ES6（ECMAScript 6.0）六种声明变量的方法
ES6与javascript的关系 ES6是javascript的一种规范，而javascript则是ES6的一种实现！ 变量提升 所有的声明都会提升到作用域的最顶上去 console.log(a)//undefinde var a = 1 = var a console.log(a)//undefinde a = 1 ES6的六种声明变量的方法(let const function class import var) let { let a = 10; var b = 1; } //let 只
2020-06-14 12:59:23
222
原创 css3基本用法
//阴影 box-shadow:x偏移 y偏移 模糊程度 颜色; //渐变 linear-gradient radial-gradient background-image: linear-gradient(to 方向,颜色 占比,颜色占比); //由上到下颜色渐变 (默认) background-image: linear-gradient(red,blue); //自定义方向渐变 background-image:linear-gradient(to left,red 60%,blue); backg
2020-06-11 19:07:01
125
原创 test() 匹配正则
匹配正则 const rue = new RegExp('mdy'); //RegExp转为正则 /mdy/ console.log(rue.test('myd')); //true
2020-06-10 15:45:08
256
原创 v-model双向数据绑定vue3//proxy
Proxy 也就是代理，可以帮助我们完成很多事情，例如对数据的处理，对构造函数的处理，对数据的验证，说白了，就是在我们访问对象前添加了一层拦截 let obj={}; obj=new Proxy(obj,{ get(target,prop){//访问时调用 console.log(target[prop]);//124 obj.name return target[prop]; }, set(target,prop,value){//设置时调用 target[pro
2020-06-10 15:19:23
295
原创 Css//box-sizing
//[内容区=width]+padding+border=实际div box-sizing: content-box; //内容区+padding+border=实际div=width box-sizing: border-box;
2020-06-10 15:13:48
68
原创 JavaScript//Class
// Class constructor构造函数 extends继承 class Father { constructor(x1,y1){ this.x=x1; this.y=y1; } sum(){ console.log(this.x+this.y) } } class Son extends Father{ constructor(x,y){ super();//调用父类中的构造函数 } } var son = new Son(1,2); son.sum();//3 con
2020-06-10 15:01:23
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人