- 博客(22)
- 收藏
- 关注
RSS订阅原创 react-router-dom v5和v6版本对比
新增了多个hook函数,useParams、useSearchParams、useNavigate、useRoutes等。用Navigate组件替换原来的Redirect组件。路由规则是默认严格匹配，匹配成功就不向下继续匹配。Route组件必须包裹在Routes组件里。用Routes替换原来的Switch组件。定义路由规则匹配渲染组件语法改变。嵌套路由（多级路由）
2023-04-23 15:05:17
494
原创 React-cli基础知识总结（一）
生命周期一般是对于类式组件而言的，函数是没有生命周期的，但可以使用useEffect（hook函数）在代替生命周期。
2023-04-21 18:14:24
148
原创 es6中的class类的总结
class类的学习一、class类的简介传统的JS只有对象的概念，没有class类的概念，因为JS是基于原型的面向对象语言举个栗子：// 构造函数function Person(name) { this.name = name}Person.prototype.say = function() { return `My name is ${this.name}`}// 实例化const p = new Person('zhangsan')console.log(p.sa
2022-03-04 09:57:15
1391
原创 vue实现横向时间轴
代码：<template> <div class="app-container"> <div class="timeLine" style="overflow: hidden;"> <div class="ul_box"> <ul class="my_timeline" ref="mytimeline" style="margin-left: 10px;"> <li class="
2021-01-19 17:04:06
6194
原创 js代码执行顺序（异步、同步）
写出以下JavaScript代码的执行顺序：async function a1() { console.log('a1 start') await a2() console.log('a1 end') } async function a2() { console.log('a2') } console.log('js start') setTimeout(() =>{ console.log('se
2020-09-14 11:58:06
659
原创 vue运行时npm报错Error: listen EADDRNOTAVAIL
情景本来能正常运行的vue项目突然在电脑重新开机之后就报错了，仔细看猜测可能是ip的问题，报错图片如下：原因机器重启，DHCP重新分配了IP，导致项目配置的ip地址与本机ip地址不一样出现错误。项目配置地址：本机网络地址：（查看：cmd–>ipconfig）解决办法将两者的ip地址改为一样即可。修改本机网络地址的方法：打开网络设置 ----> 更改适配器 ----> 当前网络属性 ----> IPv4 ---> 更改ip为项目相同的静态ip项目
2020-05-11 16:09:34
428
原创 前端面试总结----公司篇（三）
是的，由于疫情原因我又一次面临失业找工作…虽然有点不知所措，但起码有了点经验，话不多说，先来点总结补补吧~~华为公司(电话面试，大约40分钟左右)真的很紧张，所以我只能想起部分问题了，大家尽量看吧[/手动捂脸]。。。1.js的数据类型5种基本数据类型：String类型、Number类型、Boolean类型、Null、Undefined。2种引用数据类型：Object、Array、Func...
2020-05-06 17:55:27
683
转载 uniapp图片同比例缩放
uni.app图片同比例缩放图片同比例缩放是经常用到的，刚开始设置了什么max-width、object-fit都不行，最后才知道uni.app里自带的mode属性可以解决这个问题，真是方便了很多。aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取aspectFit：保持纵横比缩放图片，使图片的长边能...
2020-01-06 15:54:12
4460
原创 使用 NativeShare.js 插件做 h5（uniapp）的分享功能
一、记录uniapp官网中对分享有平台差异，APP直接使用uni.share进行分享，配置完各类字段即可；小程序不支持方法调用，只能用户主动点击触发分享；H5则分为普通浏览器和温馨内嵌浏览器，普通浏览器使用自带的分享按钮，而微信内嵌浏览器需要调用js-sdk。点击此处查看官网解释但是对于目前公司的功能来说，直接使用自带分享功能并不符合需求：① 分享首页；② 分享其中某个页面并携带参数。第一个...
2019-12-23 11:54:58
3180
3
原创 记录篇（2）---- uniapp在项目中的实际问题
项目也总算正式上线了，终于有时间来记录这段时间在项目中的一些问题和不足了。1.onLoad和onShowonLoad： 页面加载的时候触发，只触发一次，从二级页面回来时不会触发。onShow：页面显示的时候触发，只要进入或返回该页面就会触发，从二级页面回来也会触发。例子：第一次进入A页面，会依次触发onLoad和onShow方法，再进入B页面，从B页面返回到A页面时会触发onShow...
2019-12-05 15:59:22
1320
原创 记录篇 ---- 初学uni-app
公司需要做一个安卓的APP，其实我刚开始我确实什么都不懂，只知道APP是什么，但是关于它怎么做成的一无所知，在闷头闷脑的找资料、咨询之后终于在9月中旬开始着手做这个项目了，我们选择uni-app来做为前端的框架，因为uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到IOS、Android、H5、以及各种小城等多个平台。虽然公司目前要求只是针对Android，但...
2019-10-30 17:08:13
864
1
原创 使用PDF.js渲染canvas实现预览pdf的效果
一、PDF.js的下载从官网直接下载即可，地址：http://mozilla.github.io/pdf.js/getting_started/#download建议下载稳定版本，如下图所示：下载完成后将压缩包解压放在项目下，按照正常引入方式引入即可。二、使用PDF.js1.vue使用第一步安装：npm install --save pdfjs-dist第二步引入：import...
2019-08-21 14:12:49
13434
3
原创 VUE中项目打包出现的问题
一、vue打包npm run build 完成的项目后，在终端运行npm run build，会自动增加dist文件夹，里面包含static文件夹和index.html页面，其中static文件夹中是打包后的所有js、css、img以及elementUI。二、白板以及图片无法加载运行index.html页面会出现白板以及错误，如下所示：其原因是在打包的过程中直接将static直...
2019-08-05 14:39:19
1186
原创 axios.post后台接收不到数据以及出现冒号的坑....
一、后台接收数据格式formData，但查看network数据格式变为Request Rayload，导致后台接收不到数据解决方法：1.设置Content-Type 的值为 application/x-www-form-urlencoded①可以将其设置为全局header，在main.js中：axios.defaults.headers.common['Content-Type'] = ...
2019-08-02 11:13:59
2427
原创 JS操作数组
终于找到工作啦啦~~~小伙伴们加油啊，好好学习沉淀，毕竟前端这份职业是需要不断学习才能进步并发展下去的啊！最近在工作中经常用到关于数组的一些方法，每次要不是记混就是忘记有哪些方法了，唉~今天终于要对它下手了…一、数组常用方法1、push和poppush(): 向数组末尾添加一个或多个元素，并返回数组新的长度pop(): 从数组末尾删除1个元素，并返回被删除的元素var arr = ['1...
2019-07-29 16:19:07
174
原创 前端面试题总结（二）
前期的面试大部分都黄掉之后有点忧愁了啊，于是出去玩了一个星期放松压抑的心情之后接着来战，总结一下这个星期的面试题吧~~（最近工作不太好找，毕竟找工作还是在讲究金九银十，所以各位找工作的同学千万不可以放弃啊，保持好的心态，没有面试的时候也不能颓废，而是努力学习打好基础才是王道！好了，说正事。。。。。。。）HTML（5）和CSS（3）...
2019-07-03 16:24:28
574
2
原创 初级前端面试题总结
初级前端面试题应届毕业生找工作有点苦难啊，刚毕业没啥经验，只能一边学习一边投递简历了，下面是我最近面试几家公司所碰到的面试题，记录一下，题目都比较初级，大家有问题可以相互讨论撒~HTML(5)和css(3)部分一、localStorage、sessionStorage和cookies之间的区别localStoragelocalStorage生命周期是永久，这意味着除非用户显示在浏览器...
2019-06-12 22:32:00
8306
9
转载 JS中各种width和height的区别
JS中各种width和height的区别对于JS中各种width和height总是分不太清楚，今天先来仔细分辨一下，记录这些宽度和高度到底有什么秘密吧！直接上代码：<!DOCTYPE html><html><head><title></title><style type="text/css"> * { pa...
2019-03-19 11:39:31
1831
原创 node+vue 解决跨域问题
这里写自定义目录标题node+vue 解决跨域问题跨域解决跨域node+vue 解决跨域问题第一次使用CSDN记录自己在平时项目中踩到的坑，各位大神不喜勿喷！同时也欢迎各位交流学习。我在写node+express+vue+mysql的项目中，本来前一天跑的正常的项目，结果第二天去就发现出错，一直找不到后台接口的地址。后来还是找到大佬帮忙才得以解决啊！1. 在使用axios拦截请求时，配置默...
2019-02-27 10:39:08
1238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人