- 博客(14)
- 收藏
- 关注
原创 手动配置webpack
ES6模块化的基本语法1.默认导出与默认导入默认导出语法 export defaults默认导出的成员 默认导入语法import接收名称from ‘默认标识符’2.webpack的基本使用运行npm i webpack wabpack-cli -D命令 安装webpack相关包在项目跟目录中,创建webpack.config.js 的webpack配置文件在webpack的配置文...
2020-03-30 14:16:06
196
原创 Vue传值
导入vuexa) 下载vuexnpm i vuex// 或者yarn add vuexb) 新建store文件夹,在该文件夹下新建index.js文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// 将vuex中的东西暴露出去export default new Vuex.Store({ state: {...
2020-03-26 00:00:55
98
1
原创 一些小菜
防抖应用:下拉加载如果用户持续触发事件时,为避免在一事件段内重复执行同一操作。则需要给该事件添加一个延时定时器,若在该延时之内用户再次触发,则清除之前的定时器,并重新添加一个新定时器。navigator作用:可以获取浏览器的一些基本信息,例如可以通过userAgent判断机型location作用:获取地址栏的url的信息,并且可以对url进行修改hash进行url更新history...
2020-03-18 19:54:29
95
原创 React初识(3-16)
setState()说明setState更新数据时异步的,如果想多个setState进行依赖,需要将setState修改成传一个回调函数的形式(不过用到的情况很少)第二个参数在状态更新后立即执行某个操作语法:class Parent extends React.Component { state = { count: 0 } handClick ...
2020-03-18 10:21:39
93
原创 React初识(3-15)
Context1.调用:如果这两个组件是多层嵌套,可以使用Context实现组件通讯2.Context提供了两个组件: Provider和Consumer3.Provider 用来存储4.Consumer 用来消费// 通过结构赋值的方式获取这两个标签const { Provider, Consumer } = React.createContext()// 父组件传递的值clas...
2020-03-17 14:23:24
104
原创 React初识(3-14)
事件对象可以通过事件程序的参数获取事件对象React中的事件对象为合成事件合成对象:兼容所有浏览器使用事件对象e中的e.preventDefault()方法阻止a标签跳转class Hello extends React.Component { // 创建事件函数 handleClick (e) { // 阻止浏览器的默认行为 e.prev...
2020-03-15 10:30:44
154
原创 keep-alive的作用
防止vue页面的数据重新渲染因为并不是所有页面都要阻止其重新加载,所以可以为组件添加name,使用include和exclude属性为其筛选include进行筛选,包含的名称的组件中的内容会被重新加载exclude进行筛选,包含的名称的组件不会被重新加载<keep-alive include="组件的名称"> <router-view></router-vi...
2020-03-13 19:01:27
77
原创 初识react(3-13)
创建react项目前提:已经安装nodenpx create-react-app 项目名称启动项目根据安装完成后的提示启动ps:我这里用的是yarn启动方式就是// 在my-pro文件夹(该项目文件夹)下// 使用yarn start启动项目cd my-proyarn startJSXJSX是react的核心React 使用 JSX 来替代常规的 JavaScript。...
2020-03-13 18:40:15
103
原创 VUE生命周期
1.beforeCreate这个生命周函数,代表开始创建实例了2.created代表数据和方法已经初始化成功了,此处dom还没有挂载到页面上,一般在此处从接口获取页面数据3.beforeMount挂载之前4.mounteddom已经挂载了5.beforeUpdate运行更新阶段6.updated数据更新,页面已经同步7.beforeDestroy销毁之前8.destro...
2020-03-11 20:04:48
68
原创 vue复习(2)
前端的三大框架vue、react、angularvue的两个核心组件系统、数据驱动什么是双向数据绑定?v-model,数据发生变化,同步视图,视图发生变化,同步数据什么是单向数据流?在父向子传值的时候,如果改变父组件的值,子组件会跟着同步更新,反之不允许MVVM的设计思想的优势?双向绑定技术,当Model变化时,View也会自动变化,view发生更新,model也跟着同步我们...
2020-03-11 19:57:52
420
原创 VUE复习
1.用vue脚手架创建VUE项目2.使用打开cmd创建vue项目vue create 项目名称ps:项目名包含不能大写选择手动创建》Manually select features(空格选择)babel (必须)Router 路由 (安装)Linter/Formatter (安装) 作用:格式校验Use history mode for router? (是否使用历史模式路...
2020-03-10 21:34:17
368
原创 安装vue脚手架
从node官网下载并安装node v10.15.1设置淘宝cnpm$ npm install -g cnpm --registry=https://registry.npm.taobao.org安装vuecnpm install vue安装vue-cli脚手架cnpm install --global vue-cli使用脚手架(ui)vue ui使用脚手架创建项目(cmd...
2020-03-09 14:15:06
68
原创 前端axios跨域
在vue.config.js 配置文件中添加module.exports = { devServer: { host: 'localhost', // 本地的域名 post: 8080, // 本地网站的端口 proxy: { // 会拦截所有/api开头的请求 '/api': { target: 'http://localhost:3000', // ...
2020-03-05 19:57:57
515
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人