Abinhere-CSDN博客

转载基础网络运维知识

硬盘知识点：分为：机械硬盘和固态硬盘接口：IDE\SATA硬盘扫描工具修复工具：U盘启动中，用相应的扫描和修复工具硬盘的品牌：希捷，西部数据2.内存条知识点按发展分为：DDRI\DDR2\DDR3\DDR4插拔内存时需要注意：插槽 \2条以上内存条需要注意是否同品牌，同功率3.计算机的硬件结构输入设备，存储器，运算器，控制器，输出设备输入设备：鼠标键盘储存器：内部储存，外部储存输出设备：打印机，绘图仪，显示器打印机分类：针式打印机，喷墨打印机，激光打印机常用品牌：EPSON（

2021-03-10 09:00:06 3096 1

原创 linux常用命令

为什么要使用linux命令？啊这：公司的线上机器一般都是linux（我们可以购买一个小型的阿里云服务器）测试机也需要保持一致，用linux测试机或者线上机出现了问题，本地又不能复现，需要去排查命令：ls 查看当前目录ls -a 可以查看隐藏文件ll 以列表的形式看当前目录clear 清屏mkdir abc 创建一个名叫abc的文件夹rm -rf abc 删除abc文件夹及其所有子文件rm index.html 删除文件删文件不用加-rfcd dist 进入dist目录cd

2020-11-17 19:12:00 130

原创 git超实用基本命令

git超实用基本命令* git clone "http://xxxxxxx"* git remote origin 'http://xxxxxxx'* git add .* git checkout xxx 可以把相关文件还原到 add . 之前* git commit -m "xxx"* git pull origin master* git push origin master* git branch 查看分支* git fetch 把项目的所有分支都拉下来* git chec

2020-11-17 17:46:10 167

原创 webpack开发环境及生产环境基本配置

webpack开发环境及生产环境基本配置webpack（开发环境）//确保本机有node环境node-v//初始化npm init -y//安装webpack环境可能会有网络问题可以切换镜像npm install webpack webpack-cli -D//新建一个src文件夹用来存放资源均在src文件夹下新建一个index.js文件新建一个index.html文件//安装dev-servernpm install webpack-dev-server -D//解析

2020-11-17 17:42:09 367

原创 Create-react-app 4.0.0 搭建 typescript

create-react-app 脚手架4.0.0之后搭建typescript//4.0使用以下命令创建npx create-react-app my-app --template typescriptoryarn create react-app my-app --template typescript//4.0之前npx create-react-app my-app --typescript搭建好之后使用：//运行一下项目yarn start 出现.tsx后缀则成功.pac

2020-11-06 18:55:50 816

原创 Error:Node Sass version 5.0.0 is incompatible with ^4.0.0 问题解决

Error:Node Sass version 5.0.0 is incompatible with ^4.x 问题解决此错误来自sass-loader.因为node-sass@latest为v5.0.0,而sass-loader期望值为^4.0.0目前解决方案如下：//卸载 node-sassnpm uninstall node-sass//然后安装最新版本（5.0之前）npm install node-sass@4.14.1...

2020-11-02 10:05:13 25367 6

原创 Vue 路由 router-路由组件传参（重点）

Vue 路由 router-路由组件传参（重点）为什么要用路由组件传参呢？在组件中使用$route会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的URL上使用，限制了灵活性。通过props来解耦。布尔模式：如果 props 被设置为 true，route.params 将会被设置为组件属性。核心代码：<script>const position = { //布尔模式 props:['id'], t

2020-09-30 09:05:34 244

原创 Vue路由 router-命名视图 leve4

Vue路由 router-命名视图 leve4我们路由中的每一个router-view都是一个视图，我们的router-link会找离他最近的router-view,也可以理解为一个组件中的router-link会去找当前组件中的router-view。我们一个组件中如果有多个视图那么这个时候我们就需要用到命名视图了。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g

2020-09-29 20:48:16 110

原创 Vue路由 router-编程式 leve3

Vue路由 router-编程式 leve3先点击一下搜索然后再点击一下‘跳转到second即可看到效果’ 话不多说咱们直接上代码，老规矩你想知道的我都在注释中标明了，聪明的你肯定一看就懂！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s

2020-09-29 20:30:24 157

原创 Vue路由 router-动态路由匹配及嵌套路由 leve2

Vue路由 router-动态路由匹配及嵌套路由 leve2动态路由匹配(dynamac-router)：我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染该例子为路由动态匹配：部分解释我都写在注释中了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

2020-09-29 20:07:50 743 2

原创浅谈Vue路由router

Vue路由 router-路由爱之初体验 leve1各位小伙伴们一定要记住，不管是学习什么，咱们都不能脱离官方问答法，没有什么写的会比官方文档还要详细，遇到不会的，不熟悉的咱也应该第一时间想到官方文档，点击这里移步官方文档！这里是路由部分！一、何为路由？这个概念很容易理解，就是实现对应视图的切换。二、如何使用路由呢？vue官方给我们提供了一个叫做vue-router的库，这也是大家今后学习与工作中最常用的。下面我就用一个例子来给大家介绍一下吧！1.首先我们要做的事是什么呢？如下图：我们

2020-09-29 10:42:34 195

weixin_42390302的博客