- 博客(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
159
原创 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
334
原创 JavaScript 基本方法
'e'.charCodeAt(0) //转unicode编码.toString()'String'.toLowerCase() //转小写'string'.toUpperCase() //转大写
2020-06-28 00:15:57
124
原创 for 循环
for…offor(let codePoint of 'foo'){ console.log(codePoint)}//f//o (2)let iterable = [1,2,3]for(let value of iterable){ }for…infor(let i in 'foo'){ console.log(i) console.log('foo')}//0 foo//1 foo//2 foo
2020-06-27 13:13:36
138
原创 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
85
原创 ES6模块字符串
let name = mdylet string =`Hello ${name}, <div>have you eaten</div>`//输出Hello mdy,have you eaten简化写法： 可以定义多行字符串(所有的空格和缩进都会被保留在输出之中)，或者在字符串中嵌入变量模板字符串紧跟在一个函数名后面，该函数将被调用来处理这个模板字符串。这被称为“标签模板”功能（tagged template）如果模板字符里面有变量，就不是简单的调用了，而是会将模板
2020-06-27 13:12:24
402
原创 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
186
原创 Css Grid 网格布局
Gird/Flex同：指定容器内部的多个项目的位置异：Flex是轴线布局只能指定‘项目’针对轴线的位置（一维布局）Grid将容器分成‘行’和‘列’，产生单元格，指定‘项目所在’的单元格（二维布局）...
2020-06-22 12:53:59
179
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
82
原创 ES6（ECMAScript 6.0）六种声明变量的方法
ES6与javascript的关系ES6是javascript的一种规范，而javascript则是ES6的一种实现！变量提升所有的声明都会提升到作用域的最顶上去console.log(a)//undefindevar a = 1=var aconsole.log(a)//undefindea = 1ES6的六种声明变量的方法(let const function class import var)let{ let a = 10; var b = 1;}//let 只
2020-06-14 12:59:23
274
原创 css3基本用法
//阴影box-shadow:x偏移 y偏移 模糊程度 颜色;//渐变 linear-gradient radial-gradientbackground-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
145
原创 test() 匹配正则
匹配正则 const rue = new RegExp('mdy'); //RegExp转为正则 /mdy/ console.log(rue.test('myd')); //true
2020-06-10 15:45:08
279
原创 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
331
原创 Css//box-sizing
//[内容区=width]+padding+border=实际divbox-sizing: content-box;//内容区+padding+border=实际div=widthbox-sizing: border-box;
2020-06-10 15:13:48
84
原创 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();//3con
2020-06-10 15:01:23
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人