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