随笔- 41
文章- 0
评论- 2
阅读-
15450
12 2020 档案
position中的sticky定位
摘要：看上图的效果就是页面滚动到一定位置时，导航栏固定在搜索栏下面的位置，也就是说这个导航栏由“相对定位”变成“固定定位”，此时就 需要用到sticky粘性定位 div { position: -webkit-sticky; /* safari 浏览器 */ position: sticky; /* 其他
阅读全文
react-router-dom
摘要：1. 安装 npm install react-router-dom --save --dev 2. 新建 router.js import React from 'react'; import {BrowserRouter as Router, Route, Switch} from 'react
阅读全文
react base（一）
摘要：1. 插值表达式： {} 是一对单大括号 2. 和html的属性差异： class => className defaultValue => value checked => defaultCheckedinnerHTML => dangerouslySetInnerHTMLfor => htmlF
阅读全文
react 项目搭建 1 - 脚手架初始化
摘要：1.首先安装好Node.js 2.安装最新版react npx create-react-app my-app cd my-app npm run start 3.打开浏览器 http://localhost:3000 4.版本：
阅读全文
vue 源码（一）
摘要：1. vue 目录结构 （src） |-- dist 打包后的vue版本 |-- flow 类型检测，3.0换了typeScript // 使用flow定义和检测类型，增强代码健壮性 |-- script 构建不同版本vue的相关配置 |-- src 源码 |-- compiler 编译器 // 将
阅读全文
javascript基础
摘要：javascript中的小操作 1.去掉数组中的重复值 let arr1 = ['apple', 'apple', 'banana', 'orange', 'grape', 'apple', 'grape'] const arr2 = [...new Set(arr1)] console.log(a
阅读全文
vue base (三)
摘要：1.混入 mixin 一个混入对象可以包含任意组件选项 // mixins.js let myMixin= { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from
阅读全文
vue lodash防抖和节流
摘要：组件内 <Button v-on:click="hello">测试节流</Button> <Input type="text" v-model="text" @input="showText"/> script 部分 import _ from 'lodash' methods: { // 节流 h
阅读全文
vue base (二)
摘要：1.props父组件向子组件传值 父组件： <div><Child :name="name"></Child></div> 子组件： props: {name: String} 2.emit子组件向父组件传值 父组件： <div><Child @getValue="getValue"></Child
阅读全文
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
阅读全文
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
阅读全文
html、css基础
摘要：1.在div简单布局时，要想做到两边元素浮动，中间元素居中显示，要把中间的元素放到两个浮动元素的下方，不然中间元素会上不去。 2.使用原生的html中的button标签时一定要加上<type="button"> 防止点击跳转新页面 3.<html lang="zh-cmn-Hans"> 或 <htm
阅读全文
view-design 踩坑
摘要：1.iview控制表格列的隐藏或显示：columns1是表头数组，cover代表表头的key this.columns1 = this.columns1.filter(col => col.key !== 'cover') 2.iview page组件中on-page-size-change方法会先
阅读全文
