- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端项目接入Mock上手
开发中后端接口没有开发完成时，前端可以使用mock.js来模拟接口进行数据交互mock.js官网： http://mockjs.com/
2021-07-16 16:38:44
1506
原创 js中可选链(?.)与非null赋值(??)的用法
一、可选链 ?.一般在编写代码时，当从异步数据中取一些结构比较深的字段时，一般人写法是这样的：data[0].userInfo.name但是如果当接口返回的data为空数组时，此时就会报一个常见的错误：有经验的开发人员会这样写来避免报错data && data[0].userInfo && data[0].userInfo.name这样即使userInfo为空，也避免报错。还有一种写法就是使用可选链:data[0]?.userInfo?.name只
2021-07-02 11:10:10
1654
原创 常用React Hooks简单上手
React组件分为类式组件与函数式组件，也成为状态组件与无状态组件，当你的组件需要状态对象时，大多数的写法都是Class，它有this、有生命周期、而function既没有自己的this，也没有生命周期。如何使用function来编写有状态、有生命周期的组件呢，那么就要介绍React16.8版本后退出的新特性——HooksReact HooksuseState（状态）useRef（Ref）useEffect（副作用）useContext（上下文）useReducer（Redux）自定义.
2021-06-30 15:47:54
1619
原创 npm install 报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree问题解决
问题报错：npm版本：查阅资料后说是因为npm7.x的版本比npm6.x更严格，两种解决方案：1.降级到npm6.x2.npm i --legacy-peer-deps方案二亲测可用
2021-06-02 09:19:31
60769
54
原创 JavaScript 通过UserAgent获取用户设备信息（浏览器信息、操作系统信息）
User Agent中文名为用户代理，简称 UA，它是一个特殊字符串头，使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。前端js可以通过 navigator.userAgent 拿到当前浏览器与操作系统的信息，例如Chrome浏览器：可以通过ua信息看到用户当前操作系统为windows10 64位系统，浏览器为Chrome，浏览器版本为90.0.4430.212当技术人员看到这条ua信息时是十分直观的，如何让非技术人员也能够非常直.
2021-05-25 17:29:04
19141
5
原创 记录ajax请求302跨域的解决方案——formdata
前两天后端同事遇到了一个问题，就是写的前端页面在发送ajax请求后，后端会给前端报302，然后让前端重定向到指定的url，但是页面一直报错。上手看了代码后，看到他的前端ajax请求代码类似于下方代码：$.ajax({ type: "POST", url:"/requestUrl/xxx", data: JSON.stringify(data), dataType: "json", contentType: "application/json;charset=utf-8", success:f
2021-05-17 14:20:32
7495
1
原创 js精度丢失——金额转换、校验、元转分、分转元记录
之前做项目的的时候，在项目中频繁的接触到金额之间单位转换的问题，主要是用户输入的是元，请求服务器的时候需要的是元，有时候后台返回的是分，给用户展示需要转换成元，因为js的精度问题，也吃了很大的亏，所以以这篇文章来记录总结一下，希望能够帮到你！一.金额校验export const regAmount = (amount:string):boolean => { return /^[0-9]+(.[0-9]{1,2})?$/.test(amount)}测试：regAmount('1')
2021-04-29 14:56:23
1833
原创 一文分清var、let和const
相信大家在学习刚开始js的时候，接触var是最多的，通过var来声明变量，而在往后的学习可能又遇到了let和const,那么这三个有什么区别呢？var和let的区别var是ES3中声明变量的方式 ，而let是ES6中声明变量的方式var拥有变量提升，而let存在变量提升，所以只能先声明后再使用console.log(num);//输出 undefinedvar num = 10;console.log(num);//输出 10// 这里的代码会报错，Cannot access 'num'
2020-06-04 11:09:54
1505
原创 利用js实现一个动态打字的效果
最近自己在做项目，其中首屏的一段文字不想让其直接显示出来，而是模拟打字的过程，一个字一个字的出现。其实这个效果非常好做，利用定时器和字符串，遍历字符串的索引，将字符写入页面即可，先来看一下效果吧：因为功能比较简单，并且使主要通过js实现的，我在这里只展示js的代码JavaScript：window.onload = function(){ // 获取div节点的dom对象 var divNode = document.querySelector('div'); // 需要写入页面的字符串，这里
2020-05-21 11:41:39
1191
原创 教你如何利用js实现一个标签添加功能
今天在学习js中子元素节点的增删改查，通过js可以对HTML中的标签进行非常方便的修改，于是联想到一个功能，那就是——标签做过自媒体的同学应该，在许多网站中都能看到这个功能，为你的视频或文章添加标签，可以让系统更清楚的认识到你的内容，也可以快速的推荐给感兴趣的用户，今天我们就来做一个添加标签的功能，废话不多说，先看最终效果：在这里主要的功能是，通过输入框输入关键字，按下回车后，标签会出现在下面，当鼠标经过标签时，标签高亮，当鼠标点击标签时，标签被删除。我还做了一个功能是当标签的数量大于了10个之后
2020-05-08 19:51:40
1938
3
原创 教你如何利用js原生实现一个轮播图效果
今天学习js，尝试着做了一个js原生实现的轮播图效果，做完后，来分享一个笔记，先来看下最终效果：首先我们先对这个轮播图进行分析：布局方面主要分为了轮播图容器、左右翻页按钮、导航小圆点以及图片列表HTML： <!-- 显示区域 --> <div class="wrap"> <!-- 箭头 --> <span class="pre...
2020-05-05 22:37:25
474
原创 教你如何利用js实现一个简单的点名器
今天在学习js的时候，突然想做一个点名器，大学java课老师的点名器曾让我胆战心惊，如果通过js来实现一个点名器该怎么做呢？废话不多说，先来看看最终要实现的效果：首先来分析HTML结构：结构部分主要依靠四个div进行布局，红框为最外层容器，内部有三个子元素，其中 开始 和 点名 两个div是并排的。HTML： <div id="outer"> <...
2020-05-04 22:09:57
2699
原创 一个js中使用status作为变量名产生的问题
问题来源最近在学习js，在通过使用js实现输出质数的时候的发现了一个关于js中用status作为变量名所发生的问题。 var status = 0; for(var i = 2;i <= 100;i++){ for(var j = 1;j <= i;j++){ if(i % j == 0){ status += 1; } }...
2020-04-21 22:20:30
2951
1
原创 CSS的居中问题，五大方法一次解决
五种CSS常见居中方式（水平居中、垂直居中）1.margin居中实现块元素的水平居中HTML：<div class="box"></div>CSS:.box{ width: 200px; height: 200px; background-color: #ff6700; margin: 0 auto;}效果图：2.绝对定位 absolute...
2020-04-14 20:08:04
845
原创 Linux下如何部署更新war包程序
之前一个博客讲到了如何部署更新jar包程序：链接今天我们就来讲讲如何部署更新war包程序，相较于部署更新jar包简单将Tomcat下/webapps目录中之前部署的ROOT.war删除将最新版本的war包改名为ROOT.war,并使用FTP上传至 tomcat/webapps目录下进入Tomcat下的/bin目录执行下列命令重启Tomcat./shutup.sh./sta...
2019-03-01 22:53:07
3604
1
原创 Linux下如何部署更新jar包程序
查看之前jar包进程ps aux | grep 包名杀死当前进程kill 进程号（带有java -jar的进程）将之前的jar文件删除，使用ftp将新的jar包上传至服务器启动服务nohup java -jar jar包名 > log.file 2>&1 &重启防火墙与数据库（非必要、安全考虑）service iptables r...
2019-02-27 20:16:03
5256
原创 Linux服务器如何查找Tomcat的安装路径
在终端中输入： sudo find / -name *tomcat*该命令是查找出系统中所有Tomcat字段的文件如图所示：
2019-02-26 21:36:39
24453
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人