- 博客(47)
- 收藏
- 关注
RSS订阅原创 vscode开发相关
# 开发工具vscode## 开发环境nodejsnvm```bash```nrm```bash```pythonyarn## 库vuewindicss。
2023-11-15 16:13:23
532
1原创 设置vscode一些常用的保存格式
1、找到settings.json文件编辑2.设置保存格式// {// "workbench.colorTheme": "Default Dark+",// "gitlens.advanced.messages": {// "suppressGitMissingWarning": true// },// "[vue]": {// "editor.defaultFormatter": "esbenp.prettier-.
2022-05-06 11:51:24
1357
原创 时间格式化
import dayjs from 'dayjs'const timeFormat = (dTime, sFormat = 'YYYY-MM-DD HH:mm:ss') => { if (!dTime) return '-' return dayjs(dTime).format(sFormat)}export default timeFormat
2022-04-14 23:14:29
131
原创 vscode设置用户代码片段
"Vue baseTemplate": { "prefix": "v", "body": [ "<template>", " <div>", " $2", " </div>", "</template>\n", "<script>", " export default {", " name:'$1',", " data() {", " return {", ..
2022-04-14 23:12:34
406
原创 git rebase 的使用
git rebase也是用来合并分支的一个指令，它比git merge有更加清晰的时间线，工作中根据不同的场景灵活使用两种合并分支的办法，尽量多使用git rebase。这里主要写如何使用rebase。（在自己分支上rebase到远程master分支上）自己代码先添加git add .然后提交到暂存区git commit -m '描述'然后提到远程仓库git push之后进行下面的rebase操作下面命令是先拉取在rebase到mastergit pull -r.
2022-01-04 20:52:23
727
原创 git码云使用ssh进行代码的拉取
一。查看自己是否曾经配置过二，如果没有那么需要配置1.首先查看自己电脑的c盘目录下的用户中自己电脑名字的文件夹，查看是否有一个.ssh的文件夹，如果没有就手动创建一个。2.进入改文件下，右击鼠标进入git（输入指令后无脑点enter即可生成密钥）3.会生成两个文件，拷贝文件中密钥粘贴到git码云的ssh处，点击确定，输入自己的密码即可...
2022-01-02 20:37:56
3657
原创 .npmrc的作用以及里面的配置
一.有些项目根目录下可能有个.npmrc的文件1.里面有一些配置如registry=http://registry.npm.xxxx.com就是npm 仓库镜像地址2、在文件中配置npm包的下载源默认的第三方包可以用registry指定淘宝的源，需要安装的私有服的源可以用@为前缀进行单独配置安装、这样的好处就是 如果项目中依赖不同的私服的依赖包的话 可以根据包名的配置进行下载、简直是一劳永逸！3、其他的配置文件还有很多的配置可以根据实际的开发进行配置，例如 在npm i 的时候
2021-12-15 13:30:43
10133
原创 git常用指令及日常
一。git的常用指令1, 下载并安装git (Git_2.32.exe)2,安装后,从开始菜单中打开Git Bash ,会弹出一个类似代码行工具的窗口,然后就可以输入git命令了mkdir 文件夹名 新建文件夹pwd 命令用于显示当前目录cat 文件名 查看文件内容git 查看主要git功能指令git --help 查看主要git功能指令的帮助git --version 查看git版本 git init 新建...
2021-11-28 18:21:23
293
原创 微信开发工具及Hbuilder中引用阿里巴巴矢量库（步骤一样）
第一步：创建一个阿里巴巴矢量库项目，将图标加入项目中，并生成一个在线的css文件第二步：在微信开发者工具中新建一个.wxss文件，把第一步中的复制好的代码粘贴到这个文件中，如果将来有新的图标放置项目中后就将新复制的css代替.wxss中旧的代码，然后在全局的app.wxss中引入。第三步：像阿里巴巴中代码应用里的第二种方式font-class进行使用。...
2021-11-25 17:46:39
7290
原创 uniapp语法特点
uniapp = vue + 小程序uniapp中的页面使用vue的单文件组件结构, 子组件同样使用vue的单文件组件uniapp应用启动页 由page.json 文件配置uniapp中的标签使用小程序中的组件标签uniapp中的尺寸单位使用小程序中的 rpxuniapp中的数据绑定与渲染, 使用vue中的指令语法(v-model, ref, $emit, slot)uniapp中的页面的生命周期函数 使用 小程序页面的 生命周期函数uniapp中的组件的生命周期函数 使用...
2021-11-25 16:45:21
1011
原创 微信小程序封装网络请求
//在自己单独新建的js文件中const baseUrl = 'http://localhost:8080'function wx_request(path,params){ return new Promise(resolve=>{ wx.request({ url: baseUrl+path, data:params, success:res=>{ resolve(res.data) .
2021-11-24 18:01:38
145
原创 React状态管理之redux
第一步: 创建仓库 vuex ===== redux1, 下载安装 redux 模块 和 react-redux模块 npm install redux --save npm install react-redux --save2,创建数据仓库文件 src/store/index.js 从redux导入创建函数creatStore, 合并函数combineReducers import { createStore, combineReducers } from...
2021-11-15 12:00:38
783
原创 React中使用状态管理mobx用法
mobx状态管理实现有两种写法: 装饰器写法和非装饰器写法, 官方推荐使用装饰器语法 (一): 非装饰器语法:1, 下载安装模块 mobx 和 mobx-react cnpm i mobx mobx-react --save2, 创建状态管理文件 /src/store/index.js 导入工具函数 import { observable, action } from "mobx";3, 定义状态管理仓库数据 和 数据更新函数 let appState = ...
2021-11-15 11:06:15
852
原创 React中传值到search字段进行解析的步骤
步骤：向路由组件传递search参数（“/home?id=1’”）这是路由路径的书写方式详细使用：解码search中值，使用react自带一个库
2021-11-13 17:40:39
1023
原创 React中动态路由跳转之后数据请求的问题(死循环,请求位置）
前言：react中使用了动态路由，跳转之后请求数据踩得坑。如果你用的是类式组件：坑1：请求放在了constructor或componentDidMount，那么切换导航上的选项卡时就不会在请求新的。这是因为初始化和挂载在组件未销毁时只执行一次，而动态路由切换并未销毁组件。坑2：请求放在了componentWillUpdate和componentDidUpdate和render这类钩子上，死循环就来了，因为，一更新或渲染就请求数据修改状态值的话，就会再次触发更新和渲染，然后在进行请求,再更改状态值
2021-11-13 14:33:20
1726
原创 React中解决eslint的代码警告问题
问题：这三个地方eslint给报了警告，去掉注释就直接编译不通过？？？？怎么解决:方式1：react中自动安装了eslint语法检测，vscode中的插件ESLint会自动检测代码规范而报警告，阻止编译，关掉插件即可方式2：也可以在报警告的代码之前加上（// eslint-disable-next-line）...
2021-11-13 14:32:48
3206
原创 React中使用antd组件库的基本步骤
antd组件库的使用步骤1, 用npm下载安装组件库 npm i antd --save2, 在入口文件中导入组件库css样式 index.js: import 'antd/dist/antd.css'; 或者 index.css : @import 'antd/dist/antd.css';3, 在组件中按需导入组件 import { Button } from 'antd'4，使用组件库的组件 <Button type="primary">...
2021-11-11 20:22:34
1153
原创 React-router5.X版本的实现
-提示: 此教程使用react-router 5.x 版本实现一.路由的设置1, 下载react的路由模块 npm install react-router-dom@5 --save2, 在入口文件 src/index.js中,从路由模块导入工具组件Router ,并包裹根组件 import { HashRouter } from 'react-router-dom' ReactDOM.render( <HashRouter > ...
2021-11-11 20:13:15
495
原创 React中使用路由-基本使用(未单独写router文件)
1.安装路由库npm i react-router-dom2.组件中引入路由（按需导入，文件中用到哪个就用哪个）import {Link,BrowserRouter,Route} from 'react-router-dom'3.编写路由链接//to地址不要用字母大写,这里的路由模式我们选择了BrowserRouter即路径不带#的那种<Link to='/about'>About</Link><Link to='/home'>Home</
2021-11-11 19:52:16
425
原创 数组的高阶函数
1.filter(过滤函数)返回满足return条件的一个新函数 var arr = [1,2,4,5,6] var arrNew = arr.filter(item=>{ return item>3 }) console.log(arrNew);//[4,5,6] console.log(arr);//[1,2,4,5,6]2.map(映射函数)返回一个新数组，return条件结果类型是什么，数组内容就是什么 va
2021-11-10 23:07:35
503
原创 用vscode创建一个React初始化的项目步骤
1, 全局安装react代码行工具(脚手架) npm install -g create-react-app 安装之后可以使用create-react-app -V查看版本，如果有就 说明安装成功2,vscode的终端中创建一个react应用程序, my-app是自定义项目名 create-react-app my-app3,启动react项目 (需要cd进入项目my-app根目录) npm start注意: 在使用 create-react-app 来创建一个新的R...
2021-11-10 21:31:59
1176
原创 React中的过渡动画
1, 在react工程中下载安装过渡动画模块 npm install react-transition-group --save2, 在需要执行过渡的组件中导入动画模块 import { CSSTransition } from "react-transition-group"3, 在需要过渡的标签外层添加CSSTranstion组件 /* in属性绑定bool值,控制子标签创建销毁, timeout属性绑定时间,允许过度执行的时间,和过渡时间一致 classN...
2021-11-10 21:19:51
844
原创 React中的图片懒加载
1, 下载安装懒加载模块 cnpm i react-lazyload --save2, 在src/assets/目录下放入懒加载占位图 placeholder.gif3, 在需要使用懒加载的组件中导入懒加载模块和占位图 import LazyLoad from 'react-lazyload'; import placeholder from "../../asset/placeholder.gif"4, 在组件rander函数中创建占位图片标签img var h...
2021-11-10 21:13:54
2481
原创 React中配置代理
1, 下载安装代理模块npm install http-proxy-middleware --save2, 在src目录中新建setupProxy.js文件，在文件中放入如下代码(注意是src目录,不是根目录)：const { createProxyMiddleware } = require('http-proxy-middleware')module.exports = function (app) { app.use(createProxyMiddleware('/api',
2021-11-10 15:48:33
379
原创 Hbuilder打包vue项目成app
1, 把项目中所有的跨域代理请求的代理地址,改成跨域原地址 myDouyu/api/RoomApi/game ==> http://open.douyucdn.cn/api/RoomApi/game(如果有在线字体图标, 图标引入地址@font-face中的url前加http)2, 在vue.config.js中,修改公共路径 publicPath : './'3, vue2:在路由文件/src/router/index.js 中把路由历史模式注释掉 // mode: 'hist...
2021-11-08 11:24:30
364
原创 vue中axios网络get请求封装。
一，配置了代理服务器，解决跨域module.exports = { publicPath: '/', // 启动页地址 outputDir: 'dist', // 打包的目录 lintOnSave: true, // 在保存时校验格式 productionSourceMap: false, // 生产环境是否生成 SourceMap devServer: { open: true, // 启动服务后是否打开浏览器 host:
2021-11-07 16:58:15
493
原创 vue3在脚手架中的使用，做了哪些变动？
注意:是在脚手架3创建的vue3项目中。一，keep-alive的用法、二，route和router的用法//1.组件中按需导入import {useRoute,useRouter} from 'vue-router'//2.用变量接收const route = useRoute()const router = useRouter();//3.使用（场景，监视route，路由跳转router）watch(route, (newValue) => { co.
2021-11-07 16:45:28
109
原创 vue3对vue2的响应式实现原理
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <script type="text/javascript" > //源数据 let person = { name:'张三', age:18 } //模.
2021-11-03 21:01:15
155
原创 防抖与节流的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>防抖.
2021-11-03 20:30:57
256
原创 async函数和await函数的使用
async函数返回值为Promiseawait函数放在一个Promise对象前async函数和awite函数一般结合使用，实现同步语法，获得异步的Promise的结果，是对Promise用法的升级和优化。// 1, async函数的语法特点async function add(a,b){ // return a + b return new Promise(function(resolve){ resolve("abc") })}console.l
2021-11-03 20:16:47
700
原创 详谈Promise用法及实现原理
一，为什么要学Promise？我们知道js中代码执行的顺序是从上到下同步执行，那么要想在同步函数中拿异步函数中的结果，我们会怎么做呢？细想之下除了回调函数目前还没有其他的办法，而Promise的原理就是回调函数，你可能要问了，那干脆直接用回调函数不就行了，当然可以，不过不过优雅，而Promise就很优雅。1.Promise的语法// Promise 是es6新增的一个类, 可以解决异步操作上的弊端和问题var fs = require("fs")// 需求: 使用fs模块异步读取一个文
2021-11-03 20:05:15
466
原创 回调函数和递归函数的基本用法
一.什么是回调函数？简单说就是，你想在某个特定的时间点执行某些操作。例如：张三跟女朋友吃完饭，对女朋友说到家记得发短信告诉我，女朋友然后回到家之后，给张三说：我到了，请放心。这个发短信这个事是提前说好的，这个动作就是回调函数。模拟如上实例代码： function girl(boyname){ alert(boyname+'我回到家了') }//boy为主函数，girl函数作为参数传到boy中，girl就是我们所说的回调函数 function boy(girl,name)
2021-11-03 19:26:01
650
原创 vue中token登录验证，页面刷新导致token失效的解决办法
第一步：在store下的index.js文件夹中给状态管理添加token字段，如下所示第二步：在需要进行判断的页面获取状态中token字段判断，是否有值从而判断登录状态。第三步：在App组件中监听页面的刷新，一旦刷新就将浏览器会话存储中的token 赋值到状态管理，保证页面刷新依然是登录状态。...
2021-11-02 20:42:43
6145
转载 解决 Vue 重复点击相同路由，出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题
import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'const Login = ()=> import('../views/Login')const Register = ()=> import('../views/Register')const Detail = ()=> import('../views/Detail')const Searc.
2021-11-02 20:06:30
409
原创 vue中关于路由的模式选择
路由的模式选择前提是在脚手架创建的项目中才有。知识点：路由的模式有三种hash模式：它就是路径上会显示#号的那种，它打开时可以做到直接加载首页,即使不写重定向，内容也能正常显示。history模式：它就是我们正常看到的路径，不过有个小坑，如果不写重定向的位置，默认首页数据是不加载的，只有显示之后才会加载一次，不难理解，因为这丫是历史模式，一开始没历史就啥也没有，不过一个重定向搞定它。abstract模式：抽象模式，基本不用。第二种（推荐使用）：重定向解决小坑如图所示..
2021-11-01 11:19:01
570
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人