会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
木之糖
博客园
首页
新随笔
联系
订阅
管理
1
2
3
下一页
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 风生`
阅读(2086)
评论(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 风生`
阅读(1284)
评论(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)
1
2
3
下一页
公告