- 博客(22)
- 收藏
- 关注
原创 webpack与tsup打包工具实践---对密码库进行压缩
要求将多个ts文件打包压缩成一个js文件,且要求在html中引入使用,因此除了需要注意ts转js之外,还需要注意浏览器并不能兼容es6/commonjs等语法,因此我一般都会选择将它直接打包成es5,然后直接在html中引入该打包文件,即可在js中进行使用啦。下面我会具体分享一下这次前端打包旅程,自己又走了弯路,请教了公司高级前端,在他的提点下终于把ts版的国密库改造成了静态项目啦!注意:html中能执行的js得是es5语法哦,如果是es6语法的,则需要起一个node环境。
2024-04-12 10:47:37
1113
原创 Vue组件不渲染的奇葩问题
最近重新捡起了Vue这个高级的东西,学习过程中碰到了一个很奇怪的问题,在此值得记录一下。建议以后多用完整的闭合形式,可能我react用久了吧。后来经过盘查喝继续学习,找到了原因。
2023-12-05 15:04:12
201
原创 【MUI】CardMedia组件相关报错
在使用Material UI v4开发页面的过程中,突然出现了下面的警告,看着很不舒服,尝试着去找到发出该警告的原因。问题出在第3行代码所在的CardMedia组件处,我也是第一次用MUI库,可能是不太熟练吧。到CardMedia组件上,警告就消失了,控制台一干二净,看着就很舒服。
2023-02-13 21:36:50
217
1
原创 【Express】JWT(JSON Web Token)的使用
在其紧凑的形式中,JSON Web Tokens的三个部分组成,这三个部分用点(.)连接在一起就组成了JWT字符串,它们分别是:头部(Header)有效载荷(Playload)签名(Signature)因此,JWT看起来像如下形式的字符串:xxxx.yyyy.zzzz头部通常由两部分组成:令牌的类型,即JWT,以及所使用的签名算法,例如HMAC SHA256或RSA。如:然后,对这个JSON进行Base64Url编码,形成JWT的第一部分。令牌的第二部分是有效载荷,其中包含声明。声明是关于实体(通常是用户)
2023-02-09 20:46:56
561
原创 【Express】报错:MongoDB数据库连接不上且报错
运行程序后,没有报错,但是也没有显示“Server running on port: 5000”这句话,说明程序应该是有问题的。边学Express边自己写后台接口,在用Mongoose连接MongoDB数据库的时候出现了一个奇怪的问题,我在浏览器访问链接时候才发现了问题。此外,数据库的connection string也需要更改。回到vscode,再次运行程序,运行成功。最近在练习前后端分离的项目,遇到的问题由此记录下来。可能是因为我的node版本与npm版本不一致问题。后来做了这样一件事,问题就解决了。
2023-02-04 12:33:19
814
原创 【Express】基本用法:实现对任务列表的CRUD的接口服务
路由及其他要求:查询任务列表:GET /todos根据ID查询单个任务:GET /todos/:id添加任务:POST /todos修改任务:PATCH /todos删除任务:DELETE /todos/:id假设任务列表db.json。
2023-02-03 15:41:13
174
原创 【React Native】react-native-vector-icons用法避坑
在用`React Native`开发`Ap`p时,`icon`的使用必不可少。官网推荐使用`react-native-vector-icons`来完成`icon`的使用。在学习的过程中碰到了一个问题:一步一步按照官网说明的步骤去使用`icon`,但是却无法显示。通过不停的搜索,终于找到了解决方法。
2022-11-29 19:20:10
703
原创 【React Native】Expo安装教程
由于最近决定专一于React开发,所以暂时放下我的Vue,转向React Native。现在大厂对前端工程师的要求越来越高,除了会Web开发,还得会移动端开发,小程序开发balabala......作为即将毕业的菜鸡,只能加班加点的疯狂补前端技术,希望来年春招能有个公司看得上我,求带走哇!话说回来,那今天就请开始我的“表演”吧。今天要做的就是一件事:把expo下载好,创建好一个初始RN项目。
2022-11-23 22:05:55
2527
原创 基于Vue的移动端通用外卖项目---难点2: 在实现购物车显示隐藏功能时报错‘Unexpected side effect in “listShow“ computed property‘
基于Vue的移动端通用外卖项目---难点2: 在实现购物车显示隐藏功能时报错'Unexpected side effect in "listShow" computed property'
2022-11-12 17:01:07
790
原创 基于Vue的移动端通用外卖项目---难点1: 数据从服务器端获取成功并显示在页面上后,swiper效果失效
我最近在做一个用Vue来做的移动端外卖项目,我在成功获取服务器端的数据并将它们呈现在页面上之后,原本在静态页面的时候可以生效的swiper滑动轮播效果失效了,怎么滑也滑不到下一页。
2022-11-08 11:29:14
281
原创 React后台管理系统-难点2: 不同访问权限的用户登录系统后,菜单项时显示异常
由于不同的用户使用后台管理系统的内容不一样,当用户登录系统后,系统应该显示相应的菜单项。用户拥有某个二级菜单项的访问权限,但系统不显示某个二级菜单项,或者说系统直接把包含这个二级菜单项的一级菜单隐藏了,默认该用户没有访问该菜单项的权限。
2022-10-26 14:20:30
902
原创 React后台管理系统-难点1:角色权限展示异常
角色权限展示异常: 当点击不同角色去设置其角色权限的时候,弹窗显示的默认勾选的角色权限都是一样的,实际上是不一样的。
2022-10-25 12:22:17
1235
原创 Vue.js devtools插件点击Root失效或不显示数据问题的解决方法
安装好Vue.js devtools插件后->打开开发者模式->打开Vue.js devtools插件的详细界面->打开允许访问网址->允许反馈数据->刷新网页。这也是我后来代码写多了才发现Vue.js devtools对于纯中文数据的兼容性不是很好,所以会出现点击后无任何反应的情况。热爱前端的宝宝们应该都知道:学使用Vue必须要用到Vue.js devtools工具,它是浏览器的一个插件,可在。这个问题不是每一个宝宝都会遇到的,但恰好被我遇上了。在你的数据中添加一个甚至多个英文字母或者数字即可。
2022-09-21 21:53:49
3701
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人