2020年12月10日
react 项目搭建 1 - 脚手架初始化
摘要： 1.首先安装好Node.js 2.安装最新版react npx create-react-app my-app cd my-app npm run start 3.打开浏览器 http://localhost:3000 4.版本： 阅读全文
posted @ 2020-12-10 14:34 Yseraaa 阅读(63) 评论(0) 推荐(0) 编辑
vue 源码（一）
摘要： 1. vue 目录结构 （src） |-- dist 打包后的vue版本 |-- flow 类型检测，3.0换了typeScript // 使用flow定义和检测类型，增强代码健壮性 |-- script 构建不同版本vue的相关配置 |-- src 源码 |-- compiler 编译器 // 将 阅读全文
posted @ 2020-12-10 13:11 Yseraaa 阅读(483) 评论(0) 推荐(0) 编辑
2020年12月9日
javascript基础
摘要： javascript中的小操作 1.去掉数组中的重复值 let arr1 = ['apple', 'apple', 'banana', 'orange', 'grape', 'apple', 'grape'] const arr2 = [...new Set(arr1)] console.log(a 阅读全文
posted @ 2020-12-09 10:36 Yseraaa 阅读(105) 评论(0) 推荐(0) 编辑
vue base (三)
摘要： 1.混入 mixin 一个混入对象可以包含任意组件选项 // mixins.js let myMixin= { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from 阅读全文
posted @ 2020-12-09 09:36 Yseraaa 阅读(143) 评论(0) 推荐(0) 编辑
vue lodash防抖和节流
摘要： 组件内 <Button v-on:click="hello">测试节流</Button> <Input type="text" v-model="text" @input="showText"/> script 部分 import _ from 'lodash' methods: { // 节流 h 阅读全文
posted @ 2020-12-09 09:35 Yseraaa 阅读(140) 评论(0) 推荐(0) 编辑
2020年12月8日
vue base (二)
摘要： 1.props父组件向子组件传值 父组件： <div><Child :name="name"></Child></div> 子组件： props: {name: String} 2.emit子组件向父组件传值 父组件： <div><Child @getValue="getValue"></Child 阅读全文
posted @ 2020-12-08 15:51 Yseraaa 阅读(82) 评论(0) 推荐(0) 编辑
vue base (一)
摘要： 1.在html文件中使用: 引入vue.js <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> body部分 <div id='app'>{{ message }}</div> script部分 var app 阅读全文
posted @ 2020-12-08 13:56 Yseraaa 阅读(493) 评论(0) 推荐(0) 编辑
SPA项目搭建（vue 2, vue-cli>4）
摘要： 1.首先安装好node.js 2.全局安装vue-cli脚手架，此版本是vue-cli 4以上 npm install -g @vue/cli 3.vue create project-name 4.这里已经可以选择vue的版本了，vue 2 或者vue 3，这里我们选择Manually selec 阅读全文
posted @ 2020-12-08 13:27 Yseraaa 阅读(81) 评论(0) 推荐(0) 编辑
html、css基础
摘要： 1.在div简单布局时，要想做到两边元素浮动，中间元素居中显示，要把中间的元素放到两个浮动元素的下方，不然中间元素会上不去。 2.使用原生的html中的button标签时一定要加上<type="button"> 防止点击跳转新页面 3.<html lang="zh-cmn-Hans"> 或 <htm 阅读全文
posted @ 2020-12-08 11:52 Yseraaa 阅读(62) 评论(0) 推荐(0) 编辑
view-design 踩坑
摘要： 1.iview控制表格列的隐藏或显示：columns1是表头数组，cover代表表头的key this.columns1 = this.columns1.filter(col => col.key !== 'cover') 2.iview page组件中on-page-size-change方法会先 阅读全文
posted @ 2020-12-08 11:39 Yseraaa 阅读(610) 评论(0) 推荐(0) 编辑