- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue知识点总结 --- provide inject
跨组件的通讯方式。可在父组件定义provide，子子子子子组件使用inject逐级在上层寻找，找到相应的数据就不再往上层找，有点类似与事件的冒泡机制// 父组件 About<template> <div class="about"> <button @click="changeMsg({content})">change msg</bu...
2019-05-18 13:42:44
262
原创 自检清单（javascript）
变量和类型Javascript规定了几种语言类型 数据类型一般分为七种：Number String Boolean null undefined Object Symbol 基本类型：Number String Boolean null undefined 引用类型：Object Date Array RegExp FunctionString：并非字符串，而是字符串的UTF16编码N...
2019-04-27 22:00:09
381
原创 JS中的递归
在程序中函数直接或间接调用自己 练习：求1-100的和 function sum (n) { if (n == 1) { return 1 } return sum(n-1) + n} 练习：求1,3,5,7,9,...第n项的结果和前n项和，从序号从0开始 // 第n项的结果：function sum(n){ if...
2019-04-04 18:11:10
527
原创 组件化——React
对组件化的理解 1.组件的封装 视图、数据、变化逻辑（数据驱动视图变化） 2.组件的复用 props传递、复用 JSX的本质是什么 JSX和vdom的关系 setState的过程 对React和Vue的认识...
2019-03-27 14:52:32
201
原创 Express+mongodb开发web后台接口
Express开发web接口 Express是基于nodejs，快速、开放、极简的web开发框架 // 安装expressnpm install express--save // server.jsconst express = require('express')// 新建appconst app = express()app.get('/', function(req...
2019-01-10 21:00:54
443
原创 Git 常用指令
git init // 初始化本地git仓库git add index.html // 添加文件git status // 查看状态git commit -m '备注' // 提交git push // 推送到仓库git pull // 从远程仓库拉取数据git clone // 从远程仓库...
2018-12-26 18:06:59
139
原创 react-redux的具体使用
Provider组件应用在最外层，传入store即可，只用一次 Connect负责从外部获取组件需要的参数 Connect可以用装饰器的方式来写： cnpm install babel-plugin-transform-decorators-legacy --save-dev cnpm install @babel/plugin-proposal-decorators --save-dev...
2018-12-20 20:47:55
155
原创 React知识点总结 --- 生命周期
construcor1.用于初始化内部状态2.唯一可以直接改变state的地方getDerivedStateFromProps1.当state需要从props初始化时调用2.尽量不要使用：维护两者一致性会增加复杂度3.每次render都会调用4.使用场景：表单控件获取默认值componentDidMount1.UI渲染完之后调用2.只执行一次3.使用场景：获取外部资源...
2018-11-29 13:29:14
220
原创 vue知识点总结 --- router路由
index.jsimport Vue from 'vue'import Router from 'vue-router'import Routes from './modules/routes'Vue.use(Router)export default new Router({ routes: Routes, mode: 'history', //...
2018-11-08 19:28:45
257
转载 css --- flex
.flex{ display: flex; display: -webkit-flex;/*Webkit内核的浏览器，必须加上-webkit前缀。*/ /*注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。*/ flex-direction: row;/*决定主轴的方向，即子项目（子元素）横向排列还是纵向排列*/...
2018-10-27 15:26:09
193
原创 css3
渐变色 background-image: linear-gradient(to left, red, orange, yellow) 第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示： 角度 英文 作用 0deg to top 从下至上 90deg to right 从左至右 180deg to...
2018-10-26 13:22:20
165
原创 ECMAScript 6知识点总结 --- 面向对象相关
对象相关概念 const str = new String('apple')// 判断实例在不在构造函数中：console.log(str instanceof String)// true// 从构造函数中获取原型：console.log(String.prototype)// 从实例中获取原型：// 先获取构造函数：console.log(str.constructo...
2018-10-23 17:32:39
192
原创 ECMAScript 6知识点总结 --- 字符串模板
let name = 'cc'let age = 18let str = '他是' + name + ',他' + age + '岁'//字符串模板：let str = `他是${name}，他${age}岁`console.log(str)
2018-10-22 17:28:13
227
原创 ECMAScript 6知识点总结 --- 解构赋值
数组 let [a, b, c] = [1, 2, 3]let [a, [b, c]] = [1, [2, 3]] 注意：左右两边结构格式要保持一致 json let json = {name: 'cc', age: 18, job: 'coder'}let {name, age, job} = jsonconsole.log(name, age, job)// ...
2018-10-22 15:55:17
167
原创 ECMAScript 6知识点总结 --- 函数
函数默认参数 let func = (x = 1, y = 2) => { console.log(x ,y)}func()// 1, 2let func2 = ({x=0, y=0}={}) => { console.log(x, y)}func2()// 0, 0func2({x:1, y:2})// 1, 2 函数默认参数已经...
2018-10-19 14:48:51
193
原创 javascript语法 --- forEach()，map()，filter()，includes()，startsWith()，find()，some()，every()
arr.forEach() 遍历数组全部元素，利用回调函数对数组进行操作，自动遍历数组.length次数，且无法break中途跳出循环，因此不可控。 不支持return操作输出，return只用于控制循环是否跳出当前循环。 var arr = [1,2,3,4,5,] ;arr.forEach(function(item,index,arr){ console.log(item...
2018-10-17 15:36:37
466
原创 HTML5新特性
语义标签 <header></header><title></title><h1></h1>~<h6></h6><nav></nav><aside></aside&am
2018-10-15 20:37:27
177
原创 vue知识点总结 --- slot 插槽
插槽 // 父组件<div> <item> <span>666</span> </item></div>// item子组件<div> <slot></slot></div>
2018-09-19 17:54:13
278
原创 vue知识点总结 --- watch
检测到数据变化，去做某一个操作 watch: { firstName (newName, oldName) { this.fullName = newName + this.lastName }} 立即执行一次之后，检测到数据变化再执行 watch: { firstName: { handler (newName...
2018-09-18 14:00:41
239
原创 javascript语法 --- for of/for in循环与Map对象，遍历对象的方法
循环数组 var arr = [a,b,c,d]for (var i in arr){ console.log(i) //0 1 2 3}for (var i of arr){ console.log(i) //a b c d} 循环json var json = {'a' : 'A', 'b' : 'B', 'c' : 'D', 'd' ...
2018-09-14 18:05:35
7280
原创 ECMAScript 6知识点总结 --- Module模块化
export命令 export var year = 2008;var year = 2008;export {year};var year = 2008;export {year as time}; export语句不能放在函数中 import命令 import {year} from './year'import {year as time} from './ye...
2018-09-14 17:43:58
209
原创 vue知识点总结 --- vuex热更替
修改state、mutations等配置时，不触发页面刷新 export default () => { const store = new Vuex.Store({ state: defaultState, mutations, actions, getters }) // webpack热更替 if (module.hot) { ...
2018-09-14 17:01:03
603
原创 ECMAScript 6知识点总结 --- Promise对象
Promise对象Promise对象是一个构造函数，用来生成Promise实例 let promise = new Promise((resolve, reject) => { // ... if(){ resolve(value) } else { reject(error) }}) Promise构造函数接收一个函数作为参数，该函数接收两个参数分别是res...
2018-09-14 16:15:08
196
原创 vue知识点总结 --- 扩展运算符 … (三个点)
扩展运算符 … (三个点)操作数组...[1,2,3] =&amp;gt; 1,2,3与解构赋值结合var [a, ...arr] = [1,2,3,4,5]a =&amp;gt; 1arr =&amp;gt; [2,3,4,5]var [a, ...arr] = []a =&amp;gt; undefinedarr =&amp;gt; []var [a, ...arr] = ['A']
2018-09-14 15:46:40
3114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人