- 博客(171)
- 收藏
- 关注
原创 vscode中使用git
1.先使用git clone 将仓库的代码拉取到本地1文件夹2.1文件夹代表01员工,新建一个01wj.txt点击+号将文件推送到暂存区点击√号,输入提交的信息然后推送推送成功关于冲突 在提交之前未拉取在新建一个2文件夹,拉取代码拉取成功之后在01wj.txt中修改代码,然后直接提交这时02员工对文件做了修改,01员工再去对该文件做修改并直接提交提交时提醒我们拉取点击拉取之后选择自己需要的内容,我选择了保留双方再次进行.
2021-07-07 16:00:55
2391
原创 git分支的操作
一般会默认拉取master分支git clone https://...拉取成功后创建yr1分支*号代表当前操作的分支checkout切换分支对文件内容进行修改 commit push合并分支 切换到要合并的分支,进行merge已经将yr1分支合并到master分支clone某个分支git clone -b 分支名 https://....删除分支刷新线上只有master分支了...
2021-07-06 17:31:03
2234
原创 git简单教程(git与github关联)
准备工作,本地安装git,注册登录gitHubgit与gitHub关联1.首先注册好github账号,登录成功后创建一个仓库 地址https://github.com/join?source=header-home2.创建SSH Keygit与github之间是通过SSH加密的,执行以下操作ssh-keygen -t rsa –C “youselfemail@163.com”(你自己的邮箱地址,推荐和注册github的邮箱保持一致)执行完之后会得到这两个文件得..
2021-07-06 15:30:45
3695
原创 call apply bind的实现原理
call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。 var obj = { name: 'yr' } function getName() { console.log(this.name) } getName.call(obj) //yrcall 改变了 this 的指向,指向到obj getName函数执行了this
2021-06-29 15:35:42
208
原创 import type { DefineComponent } from ‘vue‘ 报错
在tsconfig.json中添加 "compilerOptions": { "typeRoots": [ "src/globalDeclare" ] }删除typeimport { DefineComponent } from 'vue'
2021-06-11 11:00:38
6490
2
原创 call、apply、bind区别?bind之后还能修改this指向吗?
这三个都是改变函数执行时的上下文,也就是改变函数运行时的this指向。var name = "yr", obj = { name: 'lyl' };function fn() { console.log(this.name);};//函数调用fn() //yr//函数应用fn.call(obj); //lyl...
2021-06-10 17:26:40
1062
原创 防抖、节流的含义,使用场景?
防抖:指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间使用场景:百度的input输入框
2021-06-09 16:56:04
347
原创 var/let/const 区别?暂时性死区?块级作用域?const a = {}; a.x = 1 能不能修改?
console.log(a); // undefined ===> a已声明还没赋值,默认得到undefined值 var a = 100;console.log(b); // 报错:b is not defined ===> 找不到b这个变量let b = 10;console.log(c); // 报错:c is not defined ===> 找不到c这个变量const c = 10;...
2021-06-08 10:48:13
2091
原创 判断数据类型的方法?instanceof原理?判断空对象? typeof null?typeof NaN?
判断数据类型的方法:typeof可以判断数据类型,它返回表示数据类型的字符串(返回结果只能包括number,boolean,string,function,object,undefined);可以使用typeof判断变量是否存在(如if(typeof a!="undefined"){...});Typeof 运算符的问题是无论引用的对象是什么类型 它都返回object。...
2021-06-07 17:03:18
627
原创 js数据类型?基本和引用的区别?symbol和bigint应用场景?
5种基本类型字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。
2021-06-04 11:28:09
1673
原创 [Ant Design] Warning: Instance created by `useForm` is not connected to any Form element. Forget to
antd中遇到[Ant Design] Warning: Instance created by `useForm` is not connected to any Form element. Forget toModal 中使用 Form ,使用 React Hooksconst [form] = Form.useForm();创建实例时,会出现以下警告。报错原因是 Modal 挂载的 HTML 节点默认为 document.body,页面初始化时,在当前模块下找不到 Form 表单。通...
2021-05-27 14:07:09
324
原创 antd嵌套表格遇到的小问题
antd的api中嵌套表格的数据在expandedRowRender方法中,但是使用的时候不能在这个方法中进行ajax请求,expandedRowRender 实际上是在 Table 组件的 render 方法中调用的,React render 中用 ajax 会造成重复调用的问题,ajax -> setState -> render -> ajax-> setState -> render,循环往复。在expandedRowRender中进行render返回标签,在onExp
2021-05-25 10:14:48
1162
原创 react使用wangeditor遇到的小问题(js编码解码,The given range isn‘t in document.)
1.图片编码采用base64不需要上传图片接口 直接传递字符串editor.config.uploadImgShowBase64 = true传递的时候需要编码解码一下var escape1 =escape("我的名字是:yr~");//编码var unescape1 = unescape(escape1); //解码2.The given range isn't in document.这个问题表示你创建的那个编辑器不在文档中,就是说在创建富文本编辑器的时候,装他的容器.
2021-04-21 14:05:36
447
原创 react使用日历Calendar汉化
按照API默认显示为英文汉化import locale from 'antd/lib/calendar/locale/zh_CN'; <Calendar locale={locale} dateCellRender={dateCellRender} monthCellRender={monthCellRender}/>
2021-03-19 16:51:26
3167
原创 解决报错createProxyMiddleware is not a function
https://blog.csdn.net/lanseguhui/article/details/108056416之前用中间件做代理的时候使用上面链接的教程是正确的,现在会报错,后测试发现将const { createProxyMiddleware } = require('http-proxy-middleware');更改为即可const createProxyMiddleware = require('http-proxy-middleware');...
2021-03-05 15:12:12
4248
原创 vue-cli3打包资源路径错误404
vue-cli3打包后页面路径报错,需要根据官方提供的vue.config.js对路径进行重新设定,具体代码如下:module.exports ={ baseUrl :process.env.NODE_ENV === 'production'?'./':'/'}配置成这种,./会被消灭,打包之后的index.html中不是我们想要的./js这种的,url会消灭一个./配置成././打包后会得到./module.exports ={ baseUrl :process.env..
2020-12-22 16:52:03
1269
原创 vue路由权限控制addRoutes,按钮级别控制
vue中路由权限一般用addRoutes实现1.新建route文件夹index.js文件import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const originalPush = Router.prototype.pushRouter.prototype.push = function push (location) { return originalPush.call(this, location
2020-12-18 13:56:29
1097
原创 输入url到页面显示发生了什么?
输入url到页面显示发生了什么?1.浏览器查找当前URL是否存在缓存,并比较缓存是否过期。2.DNS解析URL对应的IP。3.建立TCP连接(三次握手)。4.HTTP发起请求。5.服务器处理请求,浏览器接收HTTP响应。6.浏览器解析渲染页面。7.关闭TCP连接(四次挥手)。URLurl由这几部分组成:协议、主机、端口、路径protocol(协议)指定使用的传输协议, 最常用的是HTTP协议,还有HTTPShostname(主机名)是指存放资源的服务器的域
2020-12-14 16:22:28
536
原创 vue项目在IE中遇到的坑(页面空白,某个路由空白问题,swiper报错,图片无法解析)
vue项目中经常遇到的问题IE中无法解析es6或者版本更高的语法需要安装babel将高版本语法转化为ES5语法安装babelnpm install --save-dev babel-polyfillmain.js中引入import 'babel-polyfill'vue.config.js中module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"] }}某个路由无法跳转
2020-12-14 10:37:24
535
原创 ES6继承
class通过extends关键字继承写法如下calss People {}class Man extends People{ constructor(name,age,eat){ super(name,age) this.eat = eat } showEat(){ return this.eat + ' ' + super.toString() //调用父类的toString方法 } }
2020-12-11 13:53:11
127
原创 js值类型引用类型和深浅拷贝(深拷贝闭环问题)
JS中的堆栈堆和栈都是运行时内存分配的一个数据区堆(heap)堆(heap)用于复杂数据类型(引用类型)分配空间,例如数组对象、object对象;它是运行时动态分配内存的,因此存取速度较慢栈(stack)栈(stack)中主要存放一些基本类型的变量和对象的引用,(包含池,池存放常量),其优势是存取速度比堆要快,并且栈内的数据可以共享,但缺点是存在栈中的数据大小与生存期必须是确定的,缺乏灵活性JavaScript的数据类型有哪些?1.值类型(基本类型):string,
2020-12-03 10:16:11
516
原创 vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
vue项目中点击重复路由报错问题的结局在use路由的文件中添加import Router from 'vue-router';import Vue from 'vue';Vue.use(Router)//获取原型对象上的push函数const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, loc
2020-11-26 10:52:51
2301
原创 js继承
为何要继承希望子类对象拥有父类的属性和方法构造函数的继承call写在子类构造函数中,将父构造函数中this指向由window指向子对象,并且执行父构造函数中的代码,(其实就相当于将父构造函数中的代码复制一份到子类构造函数中,将整个看做是子类构造器中的内容),所以改变了this指向,也继承了父类构造函数中的代码 function People(){ this.legs = 2; } function Man(){ People.call(this
2020-11-23 11:01:55
105
原创 js的原型与原型链
为什么会有原型与原型链? 虽然object构造函数和对象字面量都可以用来创建单个对象,但是这种方法可能会产生大量重复的代码,为了解决这个问题,出现了工厂模式。 工厂模式 function createPeople(name,age){ var o = {}; o.name = name; o.age = age; o.sayName = function(){ console.log(this.name) }...
2020-11-22 20:54:58
226
原创 react启动报错(react is not defined)
执行npm run eject暴露配置后 会报错原因是jjsx 运行时的 webpack 配置会在 eject 时候被删除所以需要在package.json把配置加回来// package.json{ "babel": { "presets": [ [ "react-app", { "runtime": "automatic" } ] ] }}...
2020-11-16 14:28:54
4797
原创 react项目启动报错(Uncaught TypeError: Cannot read property ‘forEach‘ of undefined at Object.injectInt)
react项目启动时报错如下解决方案:浏览器中关闭react的扩展程序应该是由于react扩展程序版本问题(好像在react项目中可以配置指定版本号)重新下载https://www.crx4chrome.com/crx/3068/下载后直接改为.zip文件,拖到浏览器扩展程序处安装即可...
2020-11-16 14:20:36
1601
4
原创 vuex刷新数据丢失的解决办法
通常在vue项目中使用vuex做全局的状态管理,但是刷新之后,vuex中的数据会丢失因为store是存储在运行内存中,当浏览器刷新时,会重新加载vue实例,store也会重新赋值通常将一些数据保存在localstorage、sessionstorage或cookie中,可以保证页面刷新数据不丢失且易于读取。vue项目一般操作都在同一个页面跳转路由,所以使用sessionstorage进行存储思路:1.vue项目刷新,app.vue会重新加载,在created中获取之前保存过的数据,使用.
2020-11-12 09:56:52
3821
2
原创 vue中使用vuex(状态管理)模块管理
1.安装依赖npm install vuex --savemutations同步改变数据思路:state定义数据,getters和computed类似,mutations中改变state的状态,vue文件中调用commit触发mutations中的方法mutations为同步函数2.在src文件夹中新建store文件夹其中新建index.js 内容写import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)e..
2020-11-11 18:01:35
332
原创 vue的路由传参
1.使用router-link进行页面按钮跳转路由文件配置export default new Router({ routes: [ { path: '/', name: 'homePage', component: resolve => require(['../components/home/homePage'], resolve), }, { path: '/one/:a',//接受参数 name:
2020-11-11 10:33:31
729
原创 vue的组件间传值
父组件向子组件传值1.父组件中引入子组件,直接使用v-bind在子组件标签上传值<template> <div> <homeBar :fcMsg="fcMsg"/> <div class="father"> {{fcMsg}} </div> </div></template><script>import homeBar from './ho
2020-11-10 17:56:16
252
原创 微信公众号开发订阅号如何获取用户信息(vue开发)
在公众号中配置开发接口权限(可以选择后期配置)可以先使用测试号http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index这里设置的回调页面域名是vue项目运行起来的地址创建一个空白组件<template> <div class="weixin"> </div></template><scrip.
2020-10-16 15:48:10
1233
原创 typescript安装运行
1.运行ts需要有node环境 如何安装node环境https://www.runoob.com/nodejs/nodejs-install-setup.html2.打开终端全局安装typescript npm install -g typescript3.新建typescriptDemo文件夹,文件夹中新建demo1.ts编写function tsyang(){ let str : string = 'hello world' console.log(str)}.
2020-10-13 15:41:48
189
原创 水平垂直居中的几种实现方式
固定宽高 1.position+margin-top+margin-left .box-container{ position: relative; width: 300px; height: 300px; } .box-container .box { width: 200px; height: 100px; position: absolute; left: 50%; top: 50%; .
2020-09-15 15:55:52
265
原创 JavaScript中this指向问题
什么是this?在JS中,this的指向是调用时决定的,不是创建时决定的,this具有运行期绑定的特性全局上下文this等价于window对象 var === this. === windowconsole.log(window === this); // truevar a = 1;this.b = 2;window.c = 3;console.log(a + b + c); // 6函数上下文在函数内部,this的值取决于函数被调用的方式直接调用,this会指向全局
2020-08-24 15:17:57
239
原创 JavaScript中的闭包是什么?闭包的作用?
1.什么是闭包呢? 能够读取其他函数内部变量的函数,在js中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成"定义在一个函数内部的函数",本质上就是将函数内部和函数外部连接起来的桥梁总结就是有三个特点函数嵌套函数 内部函数可以引用外部函数的参数或者变量 参数和变量不会被垃圾回收机制回收,因为内部函数还在使用例如:2.闭包的好处?变量可以长期驻扎在内存之中 避免全局变量的污染,有私有成员普通函数调用,执行完函数,就会回收变量,重新赋值计算...
2020-08-24 09:27:16
718
原创 react使用axios以及设置代理(http-proxy-middleware)
前面已经搭建了基本页面,接下来就是react项目中与后台对接1.安装axiosnpm install axios --save2.在utils文件夹中创建request.js文件(配置axios封装请求方法)import axios from 'axios'import {getToken} from './auth'const instance = axios.create({ baseURL:'/api', timeout:50000})instance.d
2020-08-17 15:40:55
3495
原创 vue中使用axios时封装公共方法(响应拦截器,请求拦截器)
npm install axios --save //安装依赖与main.js平行处创建http.js文件import axios from 'axios'axios.defaults.timeout = 60000; //响应时间//配置请求头axios.defaults.headers = { //公共请求头配置 '属性':'这是是公共请求头的配置'}axios.defaults.baseURL = ''; //配.
2020-07-29 10:23:23
1568
原创 后台返回数据需要前端下载文件显示内容
const content = res.data const blob = new Blob([content]) const fileName = 'auth.hwkey' if ('download' in document.createElement('a')) { // 非IE下载 const elink = document.createElement('a') eli...
2020-07-29 10:07:01
930
原创 vue预渲染解决SEO(页面刷新失败)prerender-spa-plugin
1.安装依赖npm install --save prerender-spa-plugin2.在build文件夹中webpack.prod.conf.js中加入const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin.PuppeteerRendererplugins数组中添加new PrerenderSPAPlugin({ // 生成文件的
2020-07-17 14:09:16
2788
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人