会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
木之糖
博客园
首页
新随笔
联系
订阅
管理
2022年7月8日
useHref() may be used only in the context of a <Router> component
摘要: "react-router-dom": "^6.3.0".使用Link组件时提示报错,useHref()只能在Router组件中使用。 解决办法:在index.tsx文件使用Router组件包裹App组件,同时删除router.js路由注册文件中的Router包裹组件,使得所有组件处在同一个Rout
阅读全文
posted @ 2022-07-08 17:59 风生`
阅读(630)
评论(0)
推荐(0)
2022年6月24日
js判断正整数
摘要: 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 风生`
阅读(1200)
评论(0)
推荐(0)
2022年5月27日
2022前端知识点汇总
摘要: 1. webpack打包优化 2. 前端优化 常见的优化方向有: 缩短请求耗时:减少http请求数量,适当使用浏览器缓存; 减少重排重绘:按情况使用ssr服务端渲染; 尽量避免响应式布局; 改善JS性能:按需加载第三方资源的代码;减少单页面的js数量和执行时长;大文件放后面加载,减少总阻塞时长 静态
阅读全文
posted @ 2022-05-27 11:25 风生`
阅读(139)
评论(0)
推荐(0)
2022年2月26日
【笔记】gulp、webpack、vite的区别
摘要: webpack和gulp都是热门的前端构建工具,他们的区别是什么呢? gulp的官网上是这样介绍的,“gulp是一个工具包,可帮助您自动化开发工作流程中繁重而耗时的任务。”,说明gulp旨在强调自动化前端构造流程,通过用户自定义配置一系列的任务(Task),并排列好顺序后执行,从而构建自动化流程。
阅读全文
posted @ 2022-02-26 14:52 风生`
阅读(2081)
评论(0)
推荐(0)
2022年2月11日
css 画个锯齿
摘要: .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 风生`
阅读(111)
评论(0)
推荐(0)
css 修改选中的文本样式
摘要: ::selection选择器匹配元素中被用户选中或处于高亮状态的部分。 ::selection只可以应用于少数的CSS属性:color, background, cursor,和outline。 ::selection { color: pink; background: black; cursor
阅读全文
posted @ 2022-02-11 16:18 风生`
阅读(514)
评论(0)
推荐(0)
2020年8月10日
Vue项目中实现用户登录及token验证
摘要: 在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token 3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页
阅读全文
posted @ 2020-08-10 14:48 风生`
阅读(1283)
评论(0)
推荐(0)
vue axios封装
摘要: 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 风生`
阅读(156)
评论(0)
推荐(0)
2020年6月7日
vscode自动编译less
摘要: vscode如何将less编译到指定css目录中 1.想要在vscode编辑器里面很方便的编译less文件,需要在扩展商店里面下载一款名叫Esay LESS的拓展插件 2.在当前项目中(以任意方式)生成一个.vscode的配置文件夹, 在.vscode文件夹中建立一个settings.json的文件
阅读全文
posted @ 2020-06-07 12:41 风生`
阅读(1518)
评论(0)
推荐(0)
2020年5月7日
css彩色字体
摘要: .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 风生`
阅读(431)
评论(0)
推荐(0)
下一页
公告