- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端模拟数据请求（mockjs实践）
随着前后端分离的开发模式越来越盛行，前端生产页面，后端生产数据，前端通过后端的接口来获取到后端返回来的的数据，但是这是需要建立在后端接口开发的情况。显然前端开发是要跟后端同步进行开发的，而不是等待后端完成再开发。解决方式：1.前端把数据写死在开发的代码中。2.前端创建个专门的文件来放数据，然后导入使用。3.使用一些库来模拟请求出自己想要的数据提示：以下是在vue中使用mockjs库来进行数据的模拟使用import {
2023-04-07 16:40:27
1084
原创 快速上手使用react-router-dom 6
快速上手使用react-router-dom 6官方文档地址：https://reactrouter.com/docs/en/v6/getting-started/overview1. 与旧版本的主要变化变化1：Switch标签替换成Routes变化2：原本渲染组件的方式由 <Route path="/" component={Home}> 变为 <Route path="/" element={<Home/>} （其中Home是
2022-05-20 10:15:07
871
原创 在window系统装多个node环境来回切换
第一步: 卸载掉电脑原有的node环境，可以到电脑应用处卸载!第二步: 前往官网下载nvm链接下载地址：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.9如图所示，拉到该网页最下面即可看到相应下载包，下载nvm-setup.exe，运行该文件一直执行下一步即可命令行输入nvm看到如下图所示说明安装成功第三步，安装node各版本，可以前往官网查看node版本，如图用管理员身份打开命令行工具，输入 nvm install
2022-04-29 10:49:33
1067
原创 ant design vue 的table组件的使用
ant design vuetable组件的使用table组件的使用就以官方文档的第一个来进行讲述个人的理解代码如图：<template> <a-table :columns="columns" :data-source="data"> <a slot="name" slot-scope="text">{{ text }}</a> <span slot="nameTitle"><a-icon type="smil
2021-07-20 18:49:13
3058
3
原创 CSS预处理器之sass
介于已经写了less的博客，本次主要是写一下less和sass的区别:我的less博客传送门: https://blog.youkuaiyun.com/weixin_43689603/article/details/108970219那么开始讲语法之前先需要下载ruby,因为sass需要在ruby环境里面安装ruby官网: http://www.ruby-lang.org/en/downloads/下载完后一步一步安装完就好如果你的跟如下的图一样的话说明你安装成功:然后你就可以在输入以下命令进行安装sas
2020-10-10 12:34:15
132
原创 CSS预处理器之less
学习目标：快速入门CSS预处理器之less安装我们就以vscode为例子，如果你还没有使用vscode的话，建议使用vscode，免费而且插件非常之多，用起来很方便，话不多说开始吧!首先:(1) 下载安装node.js，官网下载： https://nodejs.org/zh-cn/(2) 按 Win+R 输入 CMD(3) 输入npm install -g less 回车，等待安装完毕即可做完上面的步骤后就可以开始下面的步骤了先在扩展里面找一个easy LESS进行安装，点击一下安装就可
2020-10-09 00:59:35
319
原创 2020-10-05 --event.stopImmediatePropagation()与event.isPropagationStopped()对比
event.stopImmediatePropagation()与event.isPropagationStopped()对比event.stopPropagation();阻止事件冒泡。event.stopImmediatePropagation(); 阻止事件冒泡并且阻止该元素上同事件类型的监听器被触发。下面通过案列说明:代码如下:<!DOCTYPE html><html><head><meta charset="utf-8"> <
2020-10-05 00:18:09
330
原创 2020-09-29 --javaScript数组处理方法
javaScript数组处理方法代码如下:.///someconst arr = ["a","b","c","d","e"]a = arr.some(item => { return item === "f"})console.log('some',a);//reduceconst num = [1,2,3,4,5]b = num.reduce((pre,value) => { return pre + value},0)console.log('reduce
2020-09-29 21:38:03
156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人