- 博客(20)
- 收藏
- 关注
RSS订阅原创 如何在一台新电脑上使用node与npm
众所周知，新公司的新电脑是什么也没有的，所有的软件与环境都需要自己配置，今天就来讲一下在新电脑上到底要做哪些事？如果你想要使用npm，那你就应该下一个node，在下载node之前，需要下载一个node环境nvm。nvm官网：https://github.com/coreybutler/nvm-windows/wiki当nvm安装完毕后，你会得到一个包含有nvm这个应用程序的文件夹：现在你已经将nvm下载到你的电脑上了，接下来就是要让电脑能找到这个nvm并且能正常打开。首先我们需.
2022-01-17 15:53:24
1177
2
原创 jsES6新语法可选链
语法:obj?.prop //变量 obj?.[expr] //对象 arr?.[index] //数组 func?.[argu] //函数如果在你不确定某个值是否为undefined或null时,可以使用?.可选链举个例子let obj={a:1,b:2}这时候直接输出obj.c那么这个值为undefined,如果这时候继续输出一个obj.c.d那么这段代码就会报错console.log(obj.c.d) ...
2021-12-23 19:33:57
1886
原创 Vscode如何配置属于自己的ESlint
众所周知，Vscode有一个插件叫ESLint，是用来提示错误信息的，但是他只能用来提示错误，无法自动修改格式——本文将带你了解ESlint的配置方法，让你的vscode由你自己掌控！Vscode掌控法则：第一步：下载并配置ESlint使其能在保存时修正格式第二步：安装prettier.now并适配ESlint1. 安装ESlint,当然要先安装插件,插件名ESlint2.运行npm i eslint typescript -D下载相关第三方包3在项目根目录运行npx esl
2021-12-22 20:42:53
4218
原创 如何在react内使用@符号
想要在react中使用@符号,我们需要分两步进行,第一步就是让VsCode识别@符号,第二步是让webpag识别1.让vscode识别,在你的项目根目录中创建一个jsconfig.json文件代码如下{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } } }目的就是将@/路径指向src/注意:此时代码会报错,提示@符号无法识
2021-12-22 13:54:09
3400
原创 react Ref
在react的组件无法达到需求时,可以使用refs来强制修改子组件用法:1.导入react中的createRef属性2.给createRef定义一个状态3.使用这个refs//从react中导入createRefimport React, { Component, createRef } from 'react'export default class App extends Component {//定义一个变量来存放ref inputRef = createRef()
2021-12-09 21:01:07
348
原创 scss预编译的基本使用
scss是一个预处理器它能以更简洁,更易于读取与维护的方式将css表示出来scss的变量scss的变量在前面加一个$来定义,这个变量可以在scss的任何地方复用,可以使代码易于修改$black:#000.box{backgroundcolor:$black}嵌套css在scss允许在一个标签内加入多个标签,让代码更加简洁.father{.son{color:blue}}...
2021-12-07 11:44:35
278
原创 element-UI表格表单验证重点及注意点
先来一个简单的表格表单结构index.js<el-card> <el-tabs> <!-- 头部 --> <el-tab-pane label="角色管理"> <el-button type="primary" size="small" >+ 新增角色</el-button> &
2021-11-20 21:02:21
853
1
原创 git 基础
git 是目前世界上最先进的分布式版本控制系统，有着非线性分支管理模式，运行速度极快，最重要的是他是完全免费的！git简述在git中一共有三个分区，工作区、暂存区、当前分支区当你要提交一段代码时，它先是在工作区，通过添加到暂存区，最后保存到当前分支上git add （文件名）将一个文件放到暂存区，也就是跟踪一个文件如果要跟踪文件夹内所有文件，可以使用 git add .git commit -m '提交注释'将一个文件放到当前分支上git log查看历史提交版本...
2021-11-19 21:26:22
313
原创 vuex基础方法总结
Vuex是一个专门为Vue.js应用程序开发的状态管理模式,采用集中存储来管理数据,是一个单独的全局化管理模式1.下载vuexvuex
2021-11-12 16:41:34
1735
1
原创 一种自动更改Eslint错误的插件
{ "workbench.colorTheme": "Default Dark+", "editor.fontSize": 14, "workbench.editor.enablePreview": true, //预览模式关闭 "editor.formatOnSave": true, // #每次保存的时候自动格式化 // 自动修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.enabl.
2021-11-05 20:31:39
1041
原创 Vue生命周期钩子函数
在Vue中有一种函数，它只能被动调用，调用的条件取决于Vue的生命周期，所以命名为生命周期钩子函数。Vue的生命周期基础四个阶段，八个方法创建 挂载 更新 销毁阶段 方法名 方法名 初始化 beforeCreate（创建前） created（创建后） 挂载 beforeMount（挂载前） mounted（挂载后） 更新 beforeUpdate（更新前） updated（更新后） 销毁 before.
2021-10-31 16:34:56
355
1
原创 Promise异步操作
promise在js中表示一个异步操作的最终结果是成功还是失败，它的本质是一个对象。promise的原理promise在js中是用来处理异步操作的，新建一个promise对象，传输一个可能成功或失败的函数，这个函数有两个形参，resolve与reject,resolve会接收函数成功后的回调函数,reject会接收函数失败后的回调函数。当函数成功或者失败后，并不会直接返回结果，而是返回一个未结束的新的promise对象。于是Promise对象就成为了一个待执行pending事件，既没有结束，也没
2021-10-29 21:58:54
2170
原创 Vue计算属性与侦听器
在vue框架内,我们可以通过改变一个变量来改变另一个变量,这种方法就是通过计算属性来达成的。计算属性 computed依赖性计算属性中定义的一个变量依赖另一个或多个变量值进行改变,当变量发生改变时计算属性会重新进行运算并输出新的值。当我们改变输入框的值时,sum变量的值会实时发生变化,每次发生改变会重新运行计算属性中的代码,并将值重新赋给sum。数据缓存当计算属性内的代码第一次运行时,计算出的结果会被缓存起来,如果computed被多次调用但是数据并没有发生改变则comp..
2021-10-27 21:11:35
173
1
原创 Event Loop事件循环
js事件循环1、js主线程事件处理脚本当js执行一个脚本时,会先从上到下解析脚本内的代码,如果这个任务是一个同步任务,js引擎会将任务放入执行栈中就地执行,如果这个任务是一个异步任务,js引擎会将这个任务挂起并放入js运行环境去执行,继续向下寻找同步任务。2、js运行环境处理异步任务js运行环境会接收脚本传输过来的异步任务并执行，执行完毕后会将事件返回的结果分为两种放入任务队列中，这两种任务就是宏任务与微任务，js运行环境会将它们分别放入宏任务队列与微任务队列中等待js主线程执行。3、j
2021-10-26 21:30:12
278
原创 vue的基础指令
vue是一个高度封装的渐进式JavaScript框架，这其中也封装了很多方法，今天给大家遍历一下vue的基础指令...——最简单的插值表达式 {{}}{{}}在插值表达式中可以接变量、表达式(注意，如果要接判断要用三元表达式代替)——给标签属性的属性值设置成变量 v-bindv-bind属性="属性值":属性="属性值" //简写形式当属性的值是一个vue变量时使用——给标签设一个触发事件 v-onv-on:事件名="要执行的==少量代码=="v-o...
2021-10-25 08:45:19
2697
原创 如何快速创建一个vue脚手架
vue cli 就是vue的脚手架，相当于多个平台，方便我们快速搭建起自己的项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,所以他是围绕vue来使用的,要遵守vue框架的要求 vue cli使用先创建一个项目文件夹1.下载vue cli 第三方包 (全局)//通过yarn插件下载yarn global add @vue/cli//通过npm下载npm install -g @vue/cli2.下载完毕后检查脚手架包的版本(通过cmd或者vsc..
2021-10-24 14:44:08
2717
原创 JavaScript中的this指向问题及其解析
JavaScript中的this在不同环境中运行时运行的结果可能不在全局作用域中时： this指向window 在普通函数中时： this指向函数调用函数的元素 在箭头函数中时： 本身没有this指向，指向取决于函数环境（在全局作用域时为window，在函数中时指向此函...
2021-10-17 21:24:50
312
1
原创 三句话让nodejs给我发布一个包
慢说如何在npm上发布一个包1. 创建一个npm账号并且将邮箱绑定2. 创建一个文件夹2.1 通过npm可以快捷创建一个package.json文件,npm init -ypackage.json中有一个属性名叫name ,这个名称就是这个包在npm中的名称,这个名称是唯一的,所以在创建之前需要先在npm中查询是否有重名的情况发生.2.2 当没有重名的情况时可以在cmd控制台登录npm账号(这个账号只需要登录一次,以后cmd会自动保存)注意:控制台登录npm时需要注意密码(p
2021-10-09 20:43:18
95
原创 Nodejs模块化开发
Nodejsnodejs是js的一种运行环境,在nodejs中,js文件可以直接运行,不需要html模块化的优点让js文件相对于之前更加独立了,每个js文件像一个函数一样独立存在 避免了变量污染的问题发生 让js代码可以复用 拥有了更好的加载方式,不需要依赖于浏览器 可以按需加载 提高了代码的可维护性模块的分离模块与模块之间是相对独立的,这就使得每个模块之间的变量不会混乱,为同时引入多个js文件提供了理论基础//待补充模块的具体用法模块的导入和导出://内置模块
2021-10-06 21:40:40
259
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人