开发工作中的小问题
在下月亮有何贵干
有一个成为受人敬仰的前端开发者的梦想
展开
-
如何让moment根据对应时间显示几秒前、几分钟前、几天前?
现在互联网上的信息越来越多,很多应用也比较关注信息的展示,提到信息,自然少不了提到信息时效性的重要性,因此很多时候你会看到信息的展示不仅仅显示当前的时间,而是显示信息过去了的时长。...原创 2022-07-18 17:10:12 · 2810 阅读 · 4 评论 -
js 正则解决密码必须包含数字+特殊字符+英文字母大小写
记录一下js正则密码要求匹配方法。原创 2022-07-01 17:29:51 · 10887 阅读 · 4 评论 -
location.reload入参forcedReload清除缓存的问题
location.reload(true) 并不实用,建议不使用原创 2022-05-12 11:58:32 · 3194 阅读 · 0 评论 -
It looks like you are trying to use glob syntax (i.e. “*“) with esbuild?
解决It looks like you are trying to use glob syntax (i.e. "*") with esbuild. This syntax is typically handled by your shell, and isn't handled by esbuild itself. You must expand glob syntax first before passing your paths to esbuild.原创 2022-04-20 10:07:18 · 1382 阅读 · 0 评论 -
react项目如何设置ctrl+鼠标左键跳转到路径带@隐射的对应文件
带@的映射路径无法用快捷键跳转到对应位置,react项目如何设置ctrl+鼠标左键跳转到路径带@隐射的对应文件原创 2022-02-23 13:58:31 · 768 阅读 · 0 评论 -
js 遍历对象方法大全
记录一下js遍历对象的方法,做个分类比较好记。原创 2022-02-22 15:20:28 · 580 阅读 · 0 评论 -
npm使用全攻略(如何发布属于自己的npm包)
作为一个前端开发者,我们要学会自己编写一些开发工具模块,也可以自己编写一些组件,甚至可以通过自己的能力编写一个框架出来,但是这都需要我们能够灵活的管理我们的包,本文主要介绍npm如何进行登录并上传包、更新包、撤销包等内容。原创 2022-02-21 12:30:02 · 1029 阅读 · 0 评论 -
面试官:从输入url到页面显示发生了什么?
之前查过这类题目,网上说的都比较深入,遇到真正面试除非考官继续问,没必要讲那么细致,简单回答如下即可。原创 2022-02-14 10:53:59 · 1616 阅读 · 0 评论 -
css隐藏元素滚动条
css隐藏元素滚动条原创 2022-02-10 10:45:22 · 444 阅读 · 0 评论 -
js 正则匹配中文
正则匹配中文,做个简单笔记原创 2022-02-08 16:22:15 · 1544 阅读 · 0 评论 -
js 前端密码强度检测zxcvbn的使用(含react示例)
目录下载包在页面引入并使用结合h5的meter标签下载包yarn add zxcvbn或npm i zxcvbn -S在页面引入并使用import zxcvbn from 'zxcvbn';zxcvbn是个函数,入参是字符串也就是用于检测的密码。zxcvbn('123456abc!!!')函数返回一个对象:其中与密码强度相关的有guesses、guesses_log10、score。guesses数据比较大不好判断。score得分只有0~4整数范围没有小数,变化不够丰富,但原创 2022-01-13 15:21:15 · 4811 阅读 · 2 评论 -
react-native react-navigation路由标题如何居中
正文在Navigator上设置screenOptions的headerTitleAlign属性,<Stack.Navigator headerTitleAlign: 'center',}}> <Stack.Screen/> <Stack.Screen/> ...</Stack.Navigator>react-navigation其他一些内容包括属性,都归纳在:react-navigation6.x路由库的基本使用...原创 2022-01-11 16:56:39 · 606 阅读 · 0 评论 -
js map中使用async异步函数(含详细解释)
目录为什么需要用map执行异步Promise.all与map结合为什么需要用map执行异步有时候我们可能要根据多个单一值进行异步的请求,也就是要发送同一类型的请求。比如我有一个装一百个书本id的数组,我需要获得每个书本的详细内容,都是调用一个接口,只不过是入参id不同,总不能写一百个请求,这时候就可以使用了map执行异步来做这件事。当然也许多请求效率会很低,不过这不是今天的主题。Promise.allPromise.all是一个Promise的方法,如果不了解Promise可以先移步:js Pr原创 2021-12-17 12:02:05 · 5881 阅读 · 0 评论 -
react-native WebView高度计算
react-native中的WebView组件只能通过内容来显示,在内容未出来之前必须得固定高度,当我们想要计算中间嵌套的html的高度时该怎么做呢?原创 2021-12-10 13:44:31 · 714 阅读 · 0 评论 -
umi 如何实现标签页切换和路由动效
目录全局路由示例全局路由在umi项目的src中创建loyouts,src/loyouts/index.js中编写一个react组件。组件默认接收一个props属性为children,children将会默认渲染src/page/index.js下也就是umi的默认进入页,路由切换时等于是切换children部分。剩下的部分可以全局渲染,因此可以把标签渲染在底部全局,children放在上方,就达到了点击下方标签,切换路由的效果。示例我示例使用的是antd-mobile v5.0.0-rc.3和r原创 2021-12-10 09:59:10 · 3089 阅读 · 10 评论 -
react-native 安卓手机Text组件文字显示不全问题
react-native 低版本与安卓部分手机存在兼容问题,Text组件文字内容显示不全。原创 2021-12-07 16:27:46 · 3233 阅读 · 0 评论 -
react-native 给ScrollView添加上拉加载和下拉刷新
目录上拉加载下拉刷新上拉加载添加onScrollEndDrag事件 <ScrollView onScrollEndDrag={this.onMomentumScrollEnd} > ... </ScrollView>onScrollEndDrag事件方法属性值计算,offSetY + oriageScrollHeight >= contentSizeHeight - 1可判断下拉到底部我加了pageLoadingFull属性判断是原创 2021-12-07 13:03:11 · 1998 阅读 · 0 评论 -
react-native如何让两个滚动窗口同时滚动
react-native 如何设置一个窗口滚动时另一个窗口跟踪同时滚动。原创 2021-12-07 12:13:17 · 955 阅读 · 0 评论 -
react react-pdf实现在线pdf加载(翻页加载、下拉滚动加载)
react如何利用react-pdf实现pdf的展示(包括了翻页加载pdf与滚动下拉加载pdf的示例)原创 2021-12-03 10:18:49 · 7248 阅读 · 0 评论 -
umi打包时favicon.ico图标丢失问题
解决umi打包完,favicon.ico路径找不到的问题。原创 2021-12-02 10:02:37 · 2217 阅读 · 0 评论 -
umi.js开发时解决跨域问题
正文配置文件.umirc.tsexport default defineConfig({ proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true, //重写 pathRewrite: { '^/api': '' }, }, },});原创 2021-11-30 15:32:22 · 925 阅读 · 0 评论 -
multer实现文件上传功能全解(form上传、fetch请求上传、多文件上传)
目录安装express和multer基础使用配置上传文件名使用fetch上传文件安装express和multernpm i express multer -S基础使用前端表单enctype必须指定multipart/form-data,因为multer只支持这种。name的值“logo”对应服务器upload.single中的“logo”。 <form action="/postFile" method="post" enctype="multipart/form-dat原创 2021-11-19 15:20:28 · 5400 阅读 · 0 评论 -
“413 Request Entity Too Large”问题处理
问题背景nginx代理的静态页面,上传图片文件至使用express编写的后台,上传4k图片时报错。上传文件实体过大。解决在nginx.conf中代理协议中配置client_max_body_size字段,大小设置大一点即可。原创 2021-11-19 11:56:20 · 1844 阅读 · 0 评论 -
js 如何将线性数据转化为树状数据
目录创建线性数据创建一个结果数组找到根节点创建递归方法完整代码和结果创建线性数据在创建线性数据时我们就应该为树状数据的转化做准备,什么准备呢? const arr = [ { name: '内容1', fid: 0, id: 0, }, { name: '内容2', fid: 0, id: 1, }, { name: '内容3', fid: 0, id: 2, }, { name: '内容4', fid: 1, id: 3, }, { name: '内容5'原创 2021-11-16 17:31:30 · 1097 阅读 · 0 评论 -
如何获取与设置光标在input框的位置
遇到一个场景,需要一些文本标签,点击自动添加进文本框,这时候就需要掌握如何获取与设置光标在input框的位置,做一个记录,记录使用方法。原创 2021-11-12 17:28:10 · 15338 阅读 · 0 评论 -
div如何添加onfocus和onblur事件
正文有时候自己DIY一些组件的时候,容器一般就用div。而div默认是没有聚焦的,没有聚焦onfocus和失焦onblur事件。不过只要加上tabindex属性就好啦,值可以随便些。 <div id="box" tabindex="111"></div>有时候会出现一些自己预料外的聚焦外边框样式,可以通过ouline去掉 #box { outline: 0; }...原创 2021-11-12 14:32:34 · 1770 阅读 · 0 评论 -
canvas如何自适应窗口大小
问题canvas的宽高不能用百分比来显示,如果想用canvas做一个图希望能够自适应窗口宽度怎么办。正文这里我们先画了一个宽为canvas宽度的红色矩形,这样canvas如何变化自己的宽度,矩形都可以跟着改变。<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,原创 2021-10-12 16:58:29 · 6519 阅读 · 0 评论 -
socket.io跨域问题
问题背景简介linux服务器上,nginx代理80端口,指向打包好的项目dist文件夹下的入口文件index.html,而用nodejs的express编写的服务器js运行在3000端口上,也就是包括socket.io的包也在3000端口上,客户端也就是其他主机访问我linux的端口80进入我的index.html,其中用script引用3000端口包时:<script src="http://xx.xx.xxx.xx:3000/socket.io/socket.io.js"></sc原创 2021-08-31 11:09:43 · 1673 阅读 · 3 评论 -
antd中table组件中如何进行换行操作(react中)
antd中table组件中如何进行换行操作(react中)说明效果数据代码说明react项目,遇到某字段对应的单元格内需要换行。最初想偷懒,尝试了在数据中加入回车、使用模板字符串、转义字符,都没用。最后实现方法是在antd渲染column的对象对应的字段中加入render属性实现。效果数据代码 { title: '字段名', width: 200, align: center, render: (str, colu原创 2021-07-29 16:10:59 · 5093 阅读 · 0 评论 -
ORA-01033:ORACLE initialization or shutdown in progress解决方法
ORA-01033:ORACLE initialization or shutdown in progress解决方法出现原因如何解决出现原因可能是不是你手动进入Oracle数据库删除了用户表文件?反正我是…,可以的话建议先将之前的操作还原回去,比如将删除的东西还原回去,再往下看,以下仅提供我的解决方案,不一定成功,可尝试。如何解决进入cmd任务管理器,执行以下sqlplus/NOLOGconnect sys/change_on_install as sysdba已连接shutdow原创 2021-07-12 17:13:07 · 383 阅读 · 0 评论