散人研

2020-11-04散人研阅读(54)评论(0)赞(0)

组件中DOM样式 行内样式 想给虚拟dom添加行内样式，需要使用表达式传入样式对象的方式来实现： // 注意这里的两个括号，第一个表示我们在要JSX里插入JS了，第二个是对象的括号 <p style={{color:'red...

2020-11-04散人研阅读(51)评论(0)赞(0)

JSX 原理 要明白JSX的原理，需要先明白如何用 JavaScript 对象来表现一个 DOM 元素的结构? 看下面的DOM结构 <div class='app' id='appRoot'&g...

2020-11-04散人研阅读(127)评论(0)赞(0)

元素与组件 如果代码多了之后，不可能一直在render方法里写，所以就需要把里面的代码提出来，定义一个变量，像这样： import React from 'react' import ReactDOM from ...

2020-11-04散人研阅读(72)评论(0)赞(2)

一、create-react-app 全局安装create-react-app $ npm install -g create-react-app 创建一个项目 $ create-react-app your-app 注意命名方式 Crea...

2020-11-04散人研阅读(85)评论(0)赞(0)

简介 出现冲突问题的原因是其他人修改了xxx.php并提交到版本库中去了，而你本地也修改了xxx.php，这时候你进行git pull操作就好出现冲突了，解决方法，在上面的提示中也说的很明确了。 方案一：保留本地的修改的改法 直接commi...

2020-11-03散人研阅读(181)评论(0)赞(0)

Package.json "scripts": { "start": "yarn dev", "dev": "NODE_ENV=development...

2020-11-03散人研阅读(154)评论(0)赞(1)

编译 ES6 基础语法 npm i @babel/core @babel/preset-env babel-loader -D @babel/preset-env是一系列插件的集合，包含了我们在babel6中常用的es2015,es2016...

2020-10-29散人研阅读(104)评论(0)赞(0)

随着 ajax 的使用越来越广泛，前端的页面逻辑开始变得越来越复杂，特别是spa的兴起，前端路由系统随之开始流行。 从用户的角度看，前端路由主要实现了两个功能（使用ajax更新页面状态的情况下）： 记录当前页面的状态（保存或分享当前页的ur...

2020-10-29散人研阅读(108)评论(0)赞(1)

router-link路由导航传参 发送 <router-link to = "/跳转路径/传入的参数"> </router-link> 接收 this.num = this.$route.par...

2020-10-28散人研阅读(101)评论(0)赞(1)

加载渲染过程 1、同步引入时生命周期顺序为： 父组件的beforeCreate、created、beforeMount --> 所有子组件的beforeCreate、created、beforeMount --> 所有子组件的m...

2020-10-28散人研阅读(82)评论(0)赞(0)

简介 混入（mixins）是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 以上是官网的定义，mixin的作用是多个组件可以共享数据和方法，在...

2020-10-28散人研阅读(90)评论(0)赞(0)

Vue 动态组件 简介 多个组件使用同一挂在点，并可以进行动态切换，这就是动态组件。 基本使用 通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，可以实现动态组件 <div id="ex...

2020-10-28散人研阅读(88)评论(0)赞(1)

Vue 中的 nextTick 涉及到 Vue 中 DOM 的异步更新。 Vue 实现响应式并不是数据发生变化之后DOM立即变化，而是按照一定的策略进行DOM的更新。 $nextTick 是在下次DOM更新循环结束之后执行延迟回调，在修改数...

2020-10-23散人研阅读(99)评论(0)赞(0)

在vue组件中通常要使用scoped样式属性，但有时候需要穿透样式，怎么办？ 很多资料都说用>>> 或者 /deep/ 在style中直接使用>>>就可以了 很方便 在less中，可以使用/deep/ 但...

2020-10-21散人研阅读(110)评论(0)赞(0)

简介 图片上传经常用于用户头像等场景。在node中常用的multer、formidable实现图片功能。 安装 npm install multer --save 单图上传 实现单图上传需要引用内置模块fs，另外需要将form表单属性设置为...