自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(53)
  • 收藏
  • 关注

原创 Git Reset 三种模式 删除暂存区内容

Git Reset 三种模式

2020-11-03 15:45:28 11

原创 git commit -m提交时由于eslint的检测机制报错: ✖ npm run lint-staged:js [FAILED]

git提交时报了两条错误:1、stylelint --syntax less found some errors. Please fix them and try committing again2、npm run lint-staged:js found some errors. Please fix them and try committing again.husky > pre-commit (node v12.18.4)npm WARN lifecycle The node bina

2020-10-15 10:54:26 173

转载 日期格式的插件

这个是个日期格式的插件,你们以后写日期的话用这个转一下就可以了https://day.js.org/docs/zh-CN/display/format

2020-10-14 15:33:12 12

转载 如何通俗解释Docker是什么?

如何通俗解释Docker是什么? - 木头龙的回答 - 知乎 https://www.zhihu.com/question/28300645/answer/585166942

2020-10-14 10:45:24 9

原创 http和https的区别

http是超文本传输协议的缩写因为http协议不安全所以加入ssl协议,打个比方就是会把要传输的内容放在盒子里和产生两把钥匙,你传输的时候用钥匙把盒子锁上,传到网站之后会用钥匙打开https主要有以下方面的成本和问题SSL证书是要收费的。而且功能也呛得证书,越贵SSL会延长页面的加载时间,有统计延长大概50%https缓存方面不如httphttps会更多占用服务器的连接资源https在面对黑客攻击、Dos拒绝服务攻击等方面也没啥用总结:http多用在普通网页,https多用在输入用户

2020-10-14 10:24:25 12

原创 彻底消除if else, 让你的代码看起来更优雅

前言应该有不少同学有遇到过充斥着if else的代码,面对这样的一团乱麻,简单粗暴地继续增量修改常常只会让复杂度越来越高,可读性越来越差。那么是时候重构了,花几分钟看看这篇文章, 说不定对你有一丢丢帮助。场景一: 根据status显示对应名称优化方案1:object对象const statusStr = { '1': '待付款', '2': '待发货', '3': '已发货', '4': '交易完成', '5': '交易关闭', 'default': '',}const

2020-10-13 19:27:03 60

原创 Mac电脑用npm安装yarn

先获取权限:sudo -s下载yarnnpm install -g yarn

2020-10-13 10:24:59 81

原创 高级web前端面试题

1.js为什么要延迟加载,有哪些方法可以实现延迟加载原因:js 的加载、解析和执行会阻塞页面的渲染过程,因此我们希望 js 脚本能够尽可能的延迟加载,提高页面的渲染速度。我了解到的几种方式是:将 js 脚本放在文档的底部,来使 js 脚本尽可能的在最后来加载执行。给 js 脚本添加 defer属性,这个属性会让脚本的加载与文档的解析同步解析,然后在文档解析完成后再执行这个脚本文件,这样的话就能使页面的渲染不被阻塞。多个设置了 defer 属性的脚本按规范来说最后是顺序执行的,但是在一些浏览器中

2020-08-26 20:45:59 265

原创 vue/react/web前端项目部署到阿里云服务器_nginx_pm2

https://blog.csdn.net/Charissa2017/article/details/105886521

2020-08-06 23:53:26 47

原创 nginx配置成功后,外网无法访问的问题

https://blog.csdn.net/qq_36336522/article/details/83824528https://blog.csdn.net/LJFPHP/article/details/78670459

2020-08-06 21:44:01 339

原创 React路由全解

1.安装yarn add react-router-dom2.引入路由3.路径匹配(普通路由,特殊路由,严格模式,switch)4.component的渲染方式5.路由高亮6.路由传参7.路有对象(history,location:state:上一个路由传过来的参数,match:params)7.子路由(没有子路由的强概念,主要根据路径来匹配)...

2020-08-03 22:10:14 75

原创 React之Context大全

首先我们来说一下Context是干什么的,其实就是实现跨组件之间数据通信的一种方式1.在react项目中使用context我们的demo目录结构如下:我们可以先建一个文件Mycontext,来管理我们的数据在Parent引入Son组件,在Son组件引入Grandson,比如我们想在组件中使用Mycontext中的数据,我们可以这样写:static contextType = 引入的模块 是固定写法,然后通过this.context就能拿到想要的值2.通过Provider包裹

2020-08-02 16:15:23 62

原创 React 实践心得:react-redux 之 connect 方法详解

https://segmentfault.com/a/1190000015042646

2020-07-31 23:07:25 32

原创 Redux-saga

https://blog.csdn.net/ZYC88888/article/details/82894452

2020-07-31 22:23:41 33

原创 用http-proxy-middleware配置代理时报错:proxy is not a function

再用create-react-app创建react项目后,安装了http-proxy-middleware来配置代理,在src文件夹下新建了一个setupProxy.js文件,当时写的的代码如下:const proxy = require("http-proxy-middleware");module.exports = function(app) { app.use( proxy( "/api", { target: "http:

2020-07-30 22:26:26 450

原创 React项目中使用antd-mobile组件中的Carousel 走马灯报错严格模式问题

通过ceact-react-app搭建的React项目,在使用antd-mobile组件库中的Carousel(跑马灯)组件时,报如下错误(但是不影响跑马灯的使用):Warning: A string ref, "slider", has been found within a strict mode tree. String refs are a source of potential bugs and should be avoided. We recommend using useRef() or

2020-07-30 11:08:20 531

原创 React相关知识梳理文档

关于ReactReact的起源和发展React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库!A JavaScript library for building user interfacesReact不是一个完整的MVC框架,最多可以认为是MVC中的V(View),甚至React

2020-07-21 19:24:35 37

原创 vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失

原因:vue路由传递参数如果用params传递参数,那么页面刷新就会丢失数据,可以改用query来传递参数,这样刷新就不会丢失.如果传递的是对象,注意要把对象转为字符串,否则刷新就会变为undefined了.另外,二者还有点区别,直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示.解决办法:传递页:把传递的对象县转化为字符串2.目标页:目标页接收参数并把字符串转化为对象3.路由页:路径后面绑定数据

2020-07-15 19:43:01 86

原创 前端面试400题

https://blog.csdn.net/csdnnews/article/details/89324381

2020-07-15 17:14:47 47

原创 JavaScript核心知识点

作者:Dmitry A. Soshnikov编译地址:http://dmitrysoshnikov.com/ecmascript/javascript-the-core/译者:JeremyWei译文地址:http://weizhifeng.net/javascript-the-core.html

2020-07-15 14:37:59 26

原创 vant Grid组件图片加载问题 无法加载本地图片解决方案

我们引入图片直接用官网给的icon来加载案图片<van-grid square> <van-grid-item v-for="(item,index) in gridtextlist" :key="index" :text="item.text" :icon="item.photo" /> {{item}} </van-grid&g

2020-07-08 23:13:46 556

原创 vue路由的几种方式

1.子路由不要加/2.动态路径在这里插入图片描述在这里插入图片描述3.路由守卫进入守卫beforeRouteUpdate(动态路由发生变化的时候调用)beforeRouteUpdate(to,from,next){console.log(to)next()}离开守卫免战牌页面(404页面)4.编程式导航replace可以节省内存router(拿到方法或属性)history可以去掉#, 有坑(nginx找不到路径 会返回404)解决办法hash5.命名路由

2020-07-08 21:29:17 299

转载 路由元信息

https://blog.csdn.net/cofecode/article/details/79181894

2020-07-08 21:26:53 25

原创 $ vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 error Command failed with exit code 1

跟同事合作项目时 yarn serve项目好几次没起起来,然后报如下错误:我以为我install到了,但是一看没有node_modules模块,所以yarn install或者npm install一下就好了

2020-07-07 20:15:45 869

原创 移动端一像素问题解决方案

1.为什么会有一像素问题在移动端分辨率是不相同的,目前来说可以分一倍屏,二倍屏,三倍屏,在不同分辨率上显示的1像素可能会被渲染为2个像素点或者三个像素点,这样严重影响了美观,所以我们要解决一像素问题2.原生简单写法html<div> <div class="border"></div> </div>css ::after里面的width:200%;height:200%就是把after元素放大两倍,原来的边框像素还是1px原来的大小,

2020-07-07 20:01:23 121

原创 vue项目步骤

一、vue过滤器组件,组件拆分二、vue-cli安装vue.config.js chainWebpack(config.resolve.alias.set()) //改写成绝对路径module.exports = { chainWebpack: config => { config.resolve.alias .set('@', path.resolve(__dirname, './src/components')) .set('assets',

2020-07-07 08:28:44 41

原创 git(三) github多人协作开发

1.多人协作开发流程A在自己的计算机中创建本地仓库A在github中创建远程仓库A将本地仓库推送到远程仓库B克隆远程仓库到本地进行开发B将本地仓库中开发的内容推送到远程仓库中A将远程仓库中最新内容拉去到本地2.远程仓库的创建这里就不赘述了,先注册仓库号 然后创建仓库3.推送到远程仓库1.git push 远程仓库地址 分支名称代码提交到远程仓库成功2.git push 远程仓库地址别名 分支名称3.git push -u 远程仓库地址别名 分支名称-u记住推送地址及分

2020-07-02 21:10:50 48

原创 fatal: Could not read from remote repository的原因及解决办法

1.原因设置远端仓库地址 git remote set-url origin 你的远端地址git push origin master出现以下情况:2.解决办法:删除当前key,然后重新生成key

2020-07-02 20:41:59 127

原创 git(二) git分支的使用

1.git分支

2020-07-02 16:29:17 26

原创 git(一) git安装及使用

1.git是什么git其实就是一个版本管理工具2.git的安装下载地址:https://git-scm.com/选择对应下载版本就可以了,下载完点击执行文件,一直进行下一步就可以了安装好以后我们可以看到多出两个命令Git GUI Here和Git Bash Here两个命令,我们用到最多的就是Git Bash Here点击它就能打开git,输入git --version查看git版本号这样就证明git安装成功了3.git的基本工作流程git并不是每次提交都修改文件,而是只有文件有了改动

2020-07-02 11:59:17 100

原创 转化为数组的五种方法

var cks=document.getElementsByTagName("input"); var list=Array.from(cks);//ES6 var list=Array.prototype.slice.call(cks); var list=[].slice.call(cks);

2020-06-04 14:39:21 215

原创 map使用及原理

map是遍历数组的方法,回调函数中有三个参数,每个元素,下标,原数组,并且使用return返回新元素到新数组中新数组的长度与原数组的长度相同,如果没有使用return,就会返回默认的undefined用法:arr.map(function(item,index,array){ console.log(item,index,array);});map重构原理: 桥接模式 function map1(array,fn){ var arr=[]; for(va

2020-06-04 13:53:56 78

原创 foreEach原理

遍历数组,回调函数中有三个参数,每个元素,下标,原数组遍历一个元素,就执行该函数一次forEach只能遍历数组,不能返回forEach原理var arr=[2,3,,4,5,6]; function forEach1(array,fn){ for(var i=0;i<array.length;i++){ if(array[i]===undefined) continue; fn(array[i],i,array); }

2020-06-04 13:46:17 45

原创 for循环进行对象去重

var arr=[ {a:1,b:2}, {a:1,b:2}, {a:2,b:2}, {a:1,b:4}, {a:4,b:2}, {a:2,b:2}, ]; var arr1=[]; for(var i=0,bool=false;i<arr.length;i++){ for(var j=0,bool=false;j<arr1.length;j++){ if(JSON.stringify(arr[i])==.

2020-05-29 19:01:25 134

原创 数组去重的几种方法

var arr=[1,2,3,4,2,1,3,4,2,1,5,7,8,2,3,4,5,1]; var arr1=[]; for(var i=0,bool=false;i<arr.length;i++){ for(var j=0,bool=false;j<arr1.length;j++){ if(arr[i]===arr1[j]){ bool=true; break; } } .

2020-05-29 18:58:53 43

原创 javascript中return的用法以及作用

1.在当前位置跳出函数,不再执行后面的内容function fn(){ var x=1; return;//在当前位置跳出函数,不再执行后面的内容 x++; console.log(x);}fn();不打印任何内容2.返回一个数据局部变量和参数当函数运行完成后会清除,所以如果想让函数外部用到值就需要return返回出去 function fn1(a,b){ var sum=a+b; // 如果没有使用return返回数据,意味着返回了一个u

2020-05-24 16:51:12 55

原创 js参数作用域

在函数外的变量称为全局变量, 在函数内的变量和参数叫做局部变量,在函数内部定义的变量和参数都不能在函数外被调用 // 在函数外的变量称为全局变量 var a=0; function fn(b){ // 在函数内的变量和参数叫做局部变量 // 在函数内部定义的变量和参数都不能在函数外被调用 var c=20; console.log(a);//0 console.log(b);//10 console.log(c);//20 } fn(10);cons

2020-05-24 15:10:29 31

原创 前端常用插件、工具类库汇总

地址:https://www.cnblogs.com/lovellll/p/10091818.html

2020-05-23 20:55:01 28

原创 轻量级JavaScript动画库

地址:https://www.animejs.cn/

2020-05-23 20:50:04 38

原创 函数参数的几种类型

抽象环境,不是解决某个实际问题,根据需求解决对应的问题例如下面例子,可以给函数传入不同的数值和运算符来进行想要的运算 function fn(a,b,type){ if((a=isNaNNumber(a))===false) return; if((b=isNaNNumber(b))===false) return; switch(type){ case "+": console.log(a+b); break;

2020-05-23 18:58:17 157

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除