摘要:
"react-router-dom": "^6.3.0".使用Link组件时提示报错,useHref()只能在Router组件中使用。 解决办法:在index.tsx文件使用Router组件包裹App组件,同时删除router.js路由注册文件中的Router包裹组件,使得所有组件处在同一个Rout 阅读全文
摘要:
1. 判断字符串是否是整数: /^[-+]?\d*$/.test('-123') => true /^[-+]?\d*$/.test('123') => true 2. 判断字符串是否是正整数: /^[1-9]\d*$/.test('0.12') => false /^[1-9]\d*$/.test 阅读全文
摘要:
1. webpack打包优化 2. 前端优化 常见的优化方向有: 缩短请求耗时:减少http请求数量,适当使用浏览器缓存; 减少重排重绘:按情况使用ssr服务端渲染; 尽量避免响应式布局; 改善JS性能:按需加载第三方资源的代码;减少单页面的js数量和执行时长;大文件放后面加载,减少总阻塞时长 静态 阅读全文
摘要:
webpack和gulp都是热门的前端构建工具,他们的区别是什么呢? gulp的官网上是这样介绍的,“gulp是一个工具包,可帮助您自动化开发工作流程中繁重而耗时的任务。”,说明gulp旨在强调自动化前端构造流程,通过用户自定义配置一系列的任务(Task),并排列好顺序后执行,从而构建自动化流程。 阅读全文
摘要:
.jag { width: 100px; height: 20px; background-image: linear-gradient(-45deg, darkblue 50%, transparent 50%),linear-gradient(45deg, darkblue 50%, trans 阅读全文
摘要:
::selection选择器匹配元素中被用户选中或处于高亮状态的部分。 ::selection只可以应用于少数的CSS属性:color, background, cursor,和outline。 ::selection { color: pink; background: black; cursor 阅读全文
摘要:
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token 3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页 阅读全文
摘要:
1.下载axios yarn add axios 或者 npm install axios --save 2.在src文件下新建http文件夹,创建config.js,apis.js,interface.js文件 config.js:axios请求默认配置 export default { // 基 阅读全文
摘要:
vscode如何将less编译到指定css目录中 1.想要在vscode编辑器里面很方便的编译less文件,需要在扩展商店里面下载一款名叫Esay LESS的拓展插件 2.在当前项目中(以任意方式)生成一个.vscode的配置文件夹, 在.vscode文件夹中建立一个settings.json的文件 阅读全文