【大前端基础】 href和src、link和@import的区别详解
src与href的区别: href(Hypertext Reference):超文本引用,常用的标签有link、a等,用来链接引用的外部资源。在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系,如: <l...
src与href的区别: href(Hypertext Reference):超文本引用,常用的标签有link、a等,用来链接引用的外部资源。在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系,如: <l...
组件中DOM样式 行内样式 想给虚拟dom添加行内样式,需要使用表达式传入样式对象的方式来实现: // 注意这里的两个括号,第一个表示我们在要JSX里插入JS了,第二个是对象的括号 <p style={{color:'red...
JSX 原理 要明白JSX的原理,需要先明白如何用 JavaScript 对象来表现一个 DOM 元素的结构? 看下面的DOM结构 <div class='app' id='appRoot'&g...
元素与组件 如果代码多了之后,不可能一直在render方法里写,所以就需要把里面的代码提出来,定义一个变量,像这样: import React from 'react' import ReactDOM from ...
一、create-react-app 全局安装create-react-app $ npm install -g create-react-app 创建一个项目 $ create-react-app your-app 注意命名方式 Crea...
简介 出现冲突问题的原因是其他人修改了xxx.php并提交到版本库中去了,而你本地也修改了xxx.php,这时候你进行git pull操作就好出现冲突了,解决方法,在上面的提示中也说的很明确了。 方案一:保留本地的修改的改法 直接commi...
Package.json "scripts": { "start": "yarn dev", "dev": "NODE_ENV=development...
编译 ES6 基础语法 npm i @babel/core @babel/preset-env babel-loader -D @babel/preset-env是一系列插件的集合,包含了我们在babel6中常用的es2015,es2016...
随着 ajax 的使用越来越广泛,前端的页面逻辑开始变得越来越复杂,特别是spa的兴起,前端路由系统随之开始流行。 从用户的角度看,前端路由主要实现了两个功能(使用ajax更新页面状态的情况下): 记录当前页面的状态(保存或分享当前页的ur...
router-link路由导航传参 发送 <router-link to = "/跳转路径/传入的参数"> </router-link> 接收 this.num = this.$route.par...
加载渲染过程 1、同步引入时生命周期顺序为: 父组件的beforeCreate、created、beforeMount --> 所有子组件的beforeCreate、created、beforeMount --> 所有子组件的m...
简介 混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 以上是官网的定义,mixin的作用是多个组件可以共享数据和方法,在...
Vue 动态组件 简介 多个组件使用同一挂在点,并可以进行动态切换,这就是动态组件。 基本使用 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以实现动态组件 <div id="ex...
Vue 中的 nextTick 涉及到 Vue 中 DOM 的异步更新。 Vue 实现响应式并不是数据发生变化之后DOM立即变化,而是按照一定的策略进行DOM的更新。 $nextTick 是在下次DOM更新循环结束之后执行延迟回调,在修改数...
在vue组件中通常要使用scoped样式属性,但有时候需要穿透样式,怎么办? 很多资料都说用>>> 或者 /deep/ 在style中直接使用>>>就可以了 很方便 在less中,可以使用/deep/ 但...
简介 图片上传经常用于用户头像等场景。在node中常用的multer、formidable实现图片功能。 安装 npm install multer --save 单图上传 实现单图上传需要引用内置模块fs,另外需要将form表单属性设置为...