- 博客(14)
- 收藏
- 关注
RSS订阅原创 React路由使用详解
# 一.创建项目打开cmd选择到需要创建的盘，我这里选择是的e盘输入创建项目的指令create-react-app 项目名接下来安装项目所需要用到的插件这里我安装的axios,qs,mokejs,并且项目文件夹需要安装:npm i react-router-dom@5.0 -S(指定5.0版本)安装指令如下npm i axios qs react-router-dom@5.0npm i mockjs -D这个项目需要用到Ant Design安装指..
2022-04-11 01:06:58
452
1
原创 react入门
react入门React 是一个用于构建用户界面的 JavaScript 库。React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。React 特点：1.虚拟dom节点2.单向数据流3.组件开发思维react的使用一.安装安装脚手架 npm i create-react-app -g 2.创建项目 create-re
2022-04-05 23:02:32
162
原创 Less的使用方法
因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。一、安装在Node.js环境中使用Less：//安装：npm install -g less> lessc styles.less styles.css在浏览器环境中使用 Less ：//在浏览器环境中使用 Less ： <link rel="stylesheet/less" type="text/css" href="
2022-03-28 02:48:13
454
原创 mockjs介绍
mockjs介绍` 官网：https://github.com/nuysoft/Mock/wiki/Getting-Started一、为什么使用mockjs在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口，我们可以使用json文件来模拟后台数据，但比较局限，无法模拟数据的增删改查使用json-server模拟，但不能随机生成所需数据使用mockjs模拟后端接口，可随机生成所需数据，可模拟对数据的增删改查二、mock优点1.引入库1.前后端分离，2.可随机生成
2022-03-21 20:42:51
234
原创 前端必学Vue3 组合式 API 的基础 —— setup
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Vue3 组合式 API 的基础 —— setup一、setup 是什么二、组合api特点三、setup（）四、ref值类型 响应对象五、reactive引用类型 响应式六、watch监听七、watchEffect监听效果八、computed计算九、生命周期十、全局配置十一、getCurrentInstance获取当前实例十二、setup使用vuex十三、setup(props,context)参数一、setup 是什么示例：pand.
2022-03-16 21:37:39
1432
原创 前端开发人员必学的VUE脚手架搭建
提示：vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。文章目录一、cmd命令操作符如何打开？1.win+r输入框内输入cmd回车打开2.打开之后就是下面这个样子二、创建vue脚手架1.在黑窗口里面输入cd /然后按下回车总结一、cmd命令操作符如何打开？1.win+r输入框内输入cmd回车打开2.打开之后就是下面这个样子二、创建vue脚手架1.在黑窗口里面输入cd /然后按下回车这样子文件创建地
2022-03-06 22:14:08
3515
原创 vue3脚手架
文章目录一、cmd命令的运行二、vue脚手架vue CLI是一个基于vue.js进行快速开发的完整系统，通过@vue/cli搭建交互式的项目脚手架1.vue脚手架安装2.创建项目一、cmd命令的运行示例：输入cmd回车。二、vue脚手架vue CLI是一个基于vue.js进行快速开发的完整系统，通过@vue/cli搭建交互式的项目脚手架1.vue脚手架安装代码如下（示例）：安装：npm install -g @ vue/cli#OR2.创建项目查看版本（示例）：vue -V.
2022-03-02 20:24:34
2004
原创 vue3基础指令和渲染
一、指令vue指令是v-前缀的特殊属性，下面是vue3的指令的简单介绍跟实例。1.v-text指令v-text主要用来更新textContent，可以等同于JS的text属性。``代码如下（示例）：全写：<span v-text="msg"></span>简写：<span>{{msg}}</span>2.v-html指令双大括号的方式会将数据解释为纯文本，而非HTML。为了输出真正的HTML，可以用v-html指令。它等同于JS的innerHt
2022-02-28 19:05:22
2394
原创 前端程序员必学的Vue3
提示：什么是vue框架vue.js是一套构建用户界面的渐进式框架vue只关注图层，采用自底向上增量的开发设计vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。文章目录一、vue的引入方式？二、使用步骤1.引入库2.vue的创建三、vue的多重条件四、vue的v-show和v-if的区别五、vue事件处理六、vue生成选项卡六、vue步进器一、vue的引入方式？示例：vue.js跟JQuery的引入方式一样，有网络引入和本地引入。二、使用步骤1.引入库代码如下
2022-02-24 20:25:49
7740
原创 【ES6】Proxy 代理
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、Proxy代理是什么？二、使用步骤1.Proxy查找2.Proxy代理劫持总结前言一、Proxy代理是什么？示例：Proxy对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如：属性查找，枚举，赋值，函数调用等）。二、使用步骤1.Proxy查找代码如下（示例）：<!DOCTYPE html><html> <head> <meta charset="
2022-02-23 19:40:16
1234
原创 Promise解决回调地域
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var p = new Promise((resolve, reject) => { ...
2022-02-22 19:21:53
1580
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人