- 博客(32)
- 收藏
- 关注
原创 react项目中使用DES 3DES加密算法
2、封装加密解密函数,写入文件 3DES.ts 文件。这里示例用 utf8 字符集、 CBC 加密模式、Pkcs7 的填充方式、base64 的编码格式输出,此模式需要前后端共同约定密码和偏移量,两者需要完全一致。1、安装crypto-js。
2024-03-27 20:13:51
473
原创 前端常用加密算法
文章摘要(防篡改):一般用SHA256加密或MD5加密进行文章摘要,即前端把需要传给后端的报文用SHA256加密后,把加密后的字符串传给后端,后端收到后,会先把解密后的明文再次进行SHA256加密,然后和前端传来的SHA256密文进行对比,如果一致,证明数据未被篡改.然而,它的安全性依赖于密钥的保密性,如果密钥泄露,加密信息就不安全。常用的非对称加密算法有RSA。这是一种简单的数据转换方法,例如Base64编码,它可以增加数据的可读性难度,同时将数据转换为可打印的字符序列,有助于增加传输的便利性和安全性。
2024-03-27 19:56:01
2523
原创 yalc本地调试NPM组件库
当有新修改的包需要发布时,使用推送命令可以快速的更新所有依赖(此时无需在项目中再次进行 yalc add 了,这一过程 yalc 会进行自动更新)7.push项目时需要在.gitignore 中加入。3.项目安装组件库包。
2023-07-05 17:04:44
1020
原创 nvm切换node版本
nvm是一个node的版本管理工具,可以简单操作的切换、安装、查看等等,与npm不同的是,npm是依赖包的管理工具。nvm主要为了解决node.js各种版本存在不兼容现象。
2023-07-05 15:42:40
874
原创 react+ts+craco+module.less
但是,它提供的默认配置是有限的,如果我们需要自定义配置,就需要自己去eject或者手动配置。在没有使用craco之前,我们需要手动安装less和less-loader,并在webpack.config.js中进行相应的配置。接下来,我们需要在项目根目录下创建一个craco.config.js文件,然后在这个文件中添加我们的自定义配置。,这样会导致craco版本不够新,也就是运行报错的关键,所以使用我这边的命令,安装最新版本的craco-less。安装完了之后,我们就可以开始配置我们的React应用程序了。
2023-06-14 16:31:30
1031
1
原创 ant时间选择器一半中文一半英文问题+dayjs判断本月、上月最后一天
dayjs判断本月、上月最后一天,解决ant日期选择器一半中文一半英文问题
2023-04-12 17:21:06
964
原创 Styled-Component
Styled Components 是一个使用CSS-in-JS技术实现的样式组件库,它是一个为React和React Native设计的库。它允许我们在应用中使用JavaScript和CSS混合起来编写样式级组件。并且它是支持Sass的,不需要添加任何库。
2023-02-21 15:58:20
5593
原创 ant表单校验页面值符合校验规则 但校验不通过
项目需求下拉选择框有全部核销和部分核销,要求全部核销时,将本金赋值给核销金额字段,且input灰显,选择部分核销时手工录入。之前尝试直接赋值,虽然页面上显示有值,但是组件并未拿到该值,导致校验规则不通过,且由全部核销切换为部分核销时还出现了输入框不能录入的问题。.........
2022-07-14 19:09:21
3967
转载 git 将本仓库的分支代码提交到另外一个仓库
因为新项目开发的项目代码是建立在另外一个项目的代码框架上进行样式与逻辑功能修改,所以为了省事,想着把旧仓库的temp分支代码直接提交到新仓库master分支底下进行项目开发。所以需要在git上进行一些操作,将本仓库的分支代码提交到另外一个仓库。1. 首先你要 cd 进入旧仓库底下,git pull 一下,确保你的仓库代码已经是在最新状态下了。2. 输入下面命令行,远程仓库重命名。1. 首先你要 cd 进入旧仓库底下,git pull 一下,确保你的仓库代码已经是在最新状态下了。2. 输入下面
2021-12-19 19:51:13
4792
原创 Type ‘string | string[]‘ is not assignable to type ‘string | undefined‘.
ts 类型报错 需要选择一个类型const customerid = this.$route.query.custormid as string
2021-11-30 19:58:29
2481
原创 子组件时时更新父组件传来的值
父子组件传值时,父组件从接口获取数据,通过props传递给子组件。实际情况下:父组件获取数据有时间延迟,传递的props值为空,子组件接收的数据为props默认值渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted子组件更新过程父beforeUpdate->子beforeUpdate-&g...
2021-11-30 19:54:48
1133
原创 仿钉钉顶部图标滑动
效果图主要滑动时底下进度条得跟着滑动。 使用scroll-view 注意:show-scrollbar="false"不展示滚动条这个属性只在app生效。h5的话需要/deep/.uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条,但依旧具备可以滚动的功能 */ display: none; width: 0; height: 0; color: transparent;...
2021-10-18 16:27:37
280
原创 git删除本地分支、远程分支
删除本地分支1.第一步:查看本地的分支命令: git branch2.第二步: 删除本地的temp分支(-D表示强制删除)命令如下: git branch -D temp删除成功后会出现Deleted branch temp(was df598b58).删除远程分支1.第一步:查看远程的分支命令: git branch -r2.第二步: 删除远程上的temp分支(-D表示强制删除)命令如下:git push or...
2021-10-12 19:30:09
233
原创 mac无法安装vue-cli
在网上查的,是因为os版本过高的问题。安装npm install -g @vue/cli时会出现这个问题解决办法:在终端输入这个命令sudo chown -R $(whoami) /usr/local/*再次运行npm install -g @vue/cli 就可以正常安装了。在终端输入vue按回车 会出现关于vue的一些命令。我是需要创建一个vue项目,所以执行vue init webpack vuex-mytest,但未能执行根据终端提示输入npm i...
2021-10-09 13:57:24
898
原创 mac安装cnpm安装失败
官网安装nodenpm install -g cnpm --registry=https://registry.npm.taobao.org如果报一堆warn说明安装失败依次输入npm set registry https://registry.npm.taobao.org npm set disturl https://npm.taobao.org/dist npm cache clean --force#上面三行输入完成之后输入npm i -g cnpm --regi.
2021-10-09 13:40:25
627
原创 昨天、今天、本周、上周、本月、上月
新建一个js文件,并在所需页面引入var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getYear(); //当前年 nowYear += (nowYear < 2000) ? 1900 : 0; // var..
2021-10-08 19:42:08
154
原创 定时器实现轮询
setTimer() { // let timer; ispayNo({ ids: this.data.payNo, }).then((res) => { if (res.code == 200) { clearTimeout(timer); //清理定时任务 findLegalPerson().then((res) => { this.companyin...
2021-10-08 19:19:13
1018
原创 uniapp使用绝对定位被父元素截断问题
在做uniapp开发时真机运行的时候使用绝对定位,会被他限制在他整个的父元素之内。本来这两块是做了两个子组件,但是,点击问号的时候就会出现上述问题,弹框永远显示不全。解决方案:将这个弹框移到父组件中,如index.vue 然后使用一个div将这两块包裹起来。这里为什么要将上一块预充值也包括进去呢?因为这样就能扩大弹框的范围,即扩大了弹框所在的父元素范围,上半部分留足了空间,这样弹框就不会被截掉部分。注意这个div一定要加上position: relative;的条件,否则弹框...
2021-09-29 19:12:44
1733
原创 uniapp消息推送
uniapp消息推送两种做法1.使用三方api比如友盟,后端调取,前端直接调用后端接口2.uniapp开发者后台去申请,谁的账户就用谁的登录,配置各大手机厂商的sdk,Vivo需要先上架他们的应用商城才会给你appid,小米、魅族的需要申请企业开发者账号,这些都需要公司营业执照。配好后可以直接打包,Uniapp会根据你那个开发者账号的后台配置给你生成ios代码和安卓代码...
2021-09-03 19:26:27
919
原创 vue分页表格实现连续排序
<el-table-column align="center" prop="oneNumber" min-width="100"> </el-table-column>在获取数据的接口中 this.memberlist.map((item,i) => { item.oneNumber = (res.data.pageNum - 1) * res.data.pageSize + i +1; });...
2021-09-03 19:21:20
189
原创 关于git开发
1.首先需要一个github的邮箱和用户名,在自己电脑生成个公钥,如果需要拉取其他人的仓库,那么需要把这个公钥配置进自己码云账号的公钥中。2.关键点来啦。在公司开发涉及多人合作开发时,需要仓库所有者将你的码云账号拉进仓库并设置成开发者,这样你就能push代码了如果公司使用的是公钥进行开发的话,那么只需要仓库管理员把你的公钥配置进公司仓库就可以进行正常开发了...
2021-09-03 15:59:23
49
原创 mac断网后服务起不来
如果遇到忽然断网情况,mac电脑有时候本地ip找不到,项目运行不起来,这时候在webpack.dev中将这两段代码来回切换下。如果有config的index.js文件,里面也需要切换下 let network = os.networkInterfaces().en0 let localNetwork = network.find(item => item.family === 'IPv4') localhost = localNetwork.address // .
2021-08-24 10:55:01
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人