07 2019 档案
摘要：原理： 父组件向子组件传方法，子组件想办法调用改方法（通过 this.$emit(）触发父组件穿过来的方法），把子组件的数据当做该方法的参数传递进去，父组件就拿到了实参，得到了数据 （子组件每当点击自己身上的button按钮，就会触发自己身上的myclick事件，在自身myclick方法里面通过 t
阅读全文
摘要：parse（） 用于从一个字符串中解析出json对象 注意：每个属性名都必须用双引号，否则会抛出异常，单引号写在{}外。 stringify() 用于从一个对象解析出字符串
阅读全文
摘要：HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session（会话） 的数据存储 之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递
阅读全文
摘要：//使用 window.location.href 的形式，叫做 编程式导航 绑定事件的形式 <template> <div class="goods-item" v-for="item in goodslist" :key="item.id" @click="goDetail(item.id)">
阅读全文
摘要：mintUI 安装： npm install mint-ui -S 引入： 使用： mUI 下载代码例子，引入： 使用：
阅读全文
摘要：# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ npm run
阅读全文
摘要：for in 循环 for in 循环主要用于遍历普通对象，i 代表对象的 key 值，obj[i] 代表对应的 value 但是遍历数组时候，要注意，因为 i 输出为字符串形式，而不是数组需要的数字下标，这意味着在某些情况下，会发生字符串运算，导致数据错误，比如：'52'+0 = '520' 而不
阅读全文
摘要：概念： vuex是一个专门为vue构建的状态集管理（组件之间的共享仓库） 作用： 为了解决组件间状态共享的问题（集中式管理） 好处： 方便维护，便于解耦，一般适合大型项目 核心： 通过actions把数据传给mutations，通过mutations操作stats中的状态 （把组件之间的数据共享转化
阅读全文
摘要：1.进入到项目根目录执行 npm run build 此时会自动打包在dist目录下 2.安装服务 npm install -g serve 3.启动 serve dist 总结： 以上就是生产环境打包的过程。 npm run dev是开发环境, npm run build是生产环境
阅读全文
摘要：1.npm install -g vue-cli 全局安装vue-cli脚手架 2.vue init webpack vueTest 初始化一个基于webpack的项目 3.cd vueTest 进入到这个项目 4.npm install 安装 5.npm run dev 运行访问。默认8080端口
阅读全文
摘要：1. vue数据代理: data对象的所有属性的操作(读/写)由vm对象来代理操作2. 好处: 通过vm对象就可以方便的操作data中的数据3. 实现: 1). 通过Object.defineProperty(vm, key, {})给vm添加与data对象的属性对应的属性 2). 所有添加的属性都
阅读全文
摘要：对象.方法(); 谁调用该方法this就指向谁、 call()语法： call()精华： 让一个函数成为指定对象的方法进行调用。 apply(): 原理是一样，只是传参的形式不一样 apply是以数组的形式传参（arguments） bind(): 有返回值，需要return 手动实现一个bind方
阅读全文
摘要：.box{ //改变轴的方向 flex-direction:column; //两端对齐 justify-content:space-between; //换行 flex-wrap: wrap; //在轴上如何对齐 //center：居中， //flex-start：在主轴上由左或者上开始排列 //flex-end：在主轴上由右或者下开始排列 //space-around：每个项目两侧的间...
阅读全文
摘要：用法： 注意： 1.多个参数必须用小括号包着 2.单个函数体return可以省略 3.多行函数体需要用大括号包着 4.箭头函数中this取决于函数的定义，而不是调用 5.箭头函数不可以new 6.箭头函数不可以使用arguments获取实参列表，但可以使用rest参数代替
阅读全文
摘要：1、参数默认值 2、参数解构赋值 function foo({ uname='lisi' , age=13 }={}){ console.log(uname,age); } foo({ uname:'zhangsan' , age:15 }); 3、rest参数（剩余参数） function foo
阅读全文
摘要：includes() 判断字符串中是否包含指定的字串（有的话返回true，否则返回false） console.log('hello world'.includes('world' , 7)); //参数一：匹配的字串；参数二：从第几个开始匹配 startsWith() 判断字符串是否以特定的字串开
阅读全文
摘要：1.声明的变量不会提前（不会预编译） 2.变量不允许重复声明（在同一个作用域内） 3.块级作用域 块内部定义的变量，在外部不可以访问 if(true){ var flag = 123; let flag = 123; } console.log(flag); //报错 { let flag = 11
阅读全文
摘要：Promise是一个构造函数，在Promise上有两个回调函数 resolve（成功之后的回调函数） reject （失败之后的回调函数） 在Promise构造函数的prototype属性上有一个.then()方法。（只要是Promise构造函数创建的实例，都可以访问到.then()方法） Prom
阅读全文
摘要：主要使用css3属性 text-align: justify; text-align-last: justify; 上代码：
阅读全文
摘要：1.footer保持在页面底部 需求： 我们希望footer能在窗口最底端，但是由于页面内容太少，无法将内容区域撑开，从而在 footer 下面会留下一大块空白 第一种方法：采用 flexbox布局模型 （将 body 的 display 属性设置为 flex, 然后将方向属性设置为列, （默认是行
阅读全文
摘要：使用this.setState（{ }） 还可以修改后追加传的参数 效果如下： this.setState（{ }）方法是异步的
阅读全文
摘要：1.行内样式： 两个大括号包着。第一个大括号表示里面写js，第二个大括号里面是样式对象 2.传对象 将对象和结构分离，直接写一个大括号，里面写对象 3.将所有的样式对象合并成一个大对象，直接点 以上样式会因为作用域问题导致全局都会使用上样式 使用模块化只让局部生效 样式文件如下： 1.配置webpa
阅读全文
摘要：npm下载项目 创建项目 进入项目 启动项目 和webpack相比简直是。。。
阅读全文
摘要：1.在项目根目录cnpm init -y初始化。生成package.json文件 2.在项目里面使用cnpm安装webpack 3.需要在根目录下新建webpack.config.js文件（在其里面配置暴露对象） 4.在根目录下新建src/index.js文件（因为此时运行会提示根目录下差个src文
阅读全文
摘要：使用 function 构造函数创建组件： 注意： 格式： 创建： 使用： 使用 class 关键字创建组件 区别：
阅读全文
摘要：前提： 下载依赖，配置 JSX语法的本质： 还是以 React.createElement 的形式来实现的，并没有直接把 用户写的 HTML代码，渲染到页面上； 语法： 1.如果要在 JSX 语法内部，书写 JS 代码了，那么，所有的JS代码，必须写到 {} 内部。 2.当 编译引擎，在编译JSX代
阅读全文
摘要：1.装包，引包 首先需要安装两个包 react ，react-dom 介绍下这两个包： react：专门用来创建React组件，组件生命周期等这些东西。 react-dom：里面主要封装了和Dom操作相关的包（例如：要把组件渲染到页面上） 装了之后就引包使用了 2.创建dom对象 在react中，如
阅读全文
摘要：摘要： 由于函数外部是不能访问函数内部局部变量（私有属性）。因为，函数内部的变量，在函数执行完毕以后，就会被释放掉。 不能直接访问那就间接去实现，先看例子 闭包就是能够读取其他函数内部变量的函数,使得函数不被垃圾回收机制回收，让一个变量长期驻扎在内存当中，如果过多使用闭包，容易导致内存泄露。 好处就
阅读全文
摘要：先铺垫下原型规则： 1.所有的引用类型（数组，对象，函数）都具有对象特性，可自由扩展属性（出了null外） 2.所有的引用类型（数组，对象，函数）都有一个__proto__属性（隐式原型），属性值是一个对象 3.所有的函数都有一个prototype属性（显示原型），属性值是一个对象 4.所有的引用类
阅读全文