孙梦biubiu-CSDN博客

原创 weex移动端的那些坑（更新中）

5、不支持简写，属性名要写全，比如background: #f00;3、weex只支持四种伪类，active、focus、disabled、enabled；6、background-image 不能使用图片资源，图片只支持iamge标签；7、文本必须使用text标签，不支持一行文本多种样式，如果需要的话可使用富文本；8、Android不支持box-shadow这个属性。2、仅支持单class选择器，不支持样式继承；布局，默认纵向布局，子元素拉伸填充横向。1、weex默认的屏幕宽度为750；

2023-05-23 19:57:36 271

原创 aes-gcm模式前端加解密（html页面 js）——使用node-forge库

vue中如何加解密，使用的是node自带的crypto模块，但是会有个问题，纯html页面中无法使用node.js中的api。这时候我们需要用到一个库：node-forge(js, vue中都可使用)使用引入密钥加密forge.cipher.createCipher('AES-GCM', keyStr)解密forge.cipher.createDecipher('AES-GCM', keyStr)举个栗子加解密成功

2022-04-08 17:51:50 8665 10

原创 aes-gcm模式前端(vue)加解密（使用node.js crypto模块）

AES-GCM介绍常见的加密主要分为两类：对称加密和非对称加密。AES属于对称加密的一种，即加密和解密使用相同的一把密钥。根据密钥长度可分为128 bits、192 bits或256 bits。GCM是认证加密模式中的一种，能同时确保数据的保密性、完整性及真实性，另外，它还可以提供附加消息的完整性校验。GCM先对块进行顺序编号，然后将该块编号与初始向量(IV，每次加密使用不同的IV)组合，并使用密钥k，对输入做AES加密，然后，将加密的结果与明文进行XOR运算来生成密文。对于附加消息，.

2022-03-22 15:13:23 10366 1

原创 js学习记录之visibilitychange————监听浏览器tab页离开或者进入

问题：打开浏览器2个选项卡，同时访问公司项目并且登录，这时cookie中存入当前登录账号的sid。在其中一个选项卡上切换用户登录，这时候再访问另一个选项卡在不刷新的情况下发现显示账号还是之前的账号，如果两个账号权限不同显示不同在某种情况下会报错，原因是这时候cookie中的sid已经刷新了被替换成后面登录账号的sid，原选项卡访问获取不到原账号的登录态了。这时我们可以用到visibilitychange，visibilitychange在当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该..

2022-03-02 14:04:36 1434

原创 vue3入门（学习之路一）

1、vue3变化新增了三个组件：Fragment 支持多个根节点、Suspense 可以在组件渲染之前的等待时间显示指定内容、Teleport 可以让子组件能够在视觉上跳出父组件(如父组件overflow:hidden)。新增指令 v-memo，可以缓存 html 模板，比如 v-for 列表不会变化的就缓存，简单说就是用内存换时间。新增 Composition API 可以更好的逻辑复用和代码组织，同一功能的代码不至于像以前一样太分散，虽然 Vue2 中可以用 minxin

2022-02-09 14:19:17 1430

原创 vue学习记录之——文件流导出下载以及文件流乱码的处理

导出下载功能要看后端接口返回的是文件流还是url还是id,url和id都很好处理，直接使用windouw.location.href，而文件流就比较麻烦。文件流下载具体代码及注释：export function downloadFile(data, fileName, mime) { var blob = new Blob([data], { type: mime || 'application/octet-stream' }) /* ...

2021-12-15 17:25:27 3435

原创记录错误3——elementUI之table字段设置fixed后下边框不显示错误

错误如图所示。在姓名字段设置fixed后下边框奇迹般消失，F12检查代码发现带fixed的表格行内样式中设置了固定高，在代码里使用样式穿透将高度设置为百分百边框就出现了

2021-11-17 15:32:36 1193 1

原创记录2——Element-UI中message组件样式修改

可爱的我又重新出现，记录下今天遇到的难点，根据需求需要在创建成功或失败时弹出提示框，成功好说但是失败需要弹出几个成功几个失败，并且有查看按钮，点击查看按钮可以看到创建失败，类似这个效果这里说一点element的message组件带按钮的提示，但是我们公司对element进行了改进，相当于是element的定制版所以我们是有一个自定message样式是类似的，但是样式有点不一样，需要重新自己修改下，但是不管样式代码写在哪里都不起作用，后来发现在scoped的style中修改它的样式是无效的，因为El

2021-11-15 14:46:23 1909

原创记录错误1——vue路由跳转报错Navigation cancelled from“/...“ to “/...“ with a new navigation.

介绍：项目中对当前登录的用户类型进行相应的菜单权限限制，为防止用户在浏览器网址栏中手动输入path，然后回车就可以进入该页面，所以需要做一个拦截，但是又不想为每一个路由都写一个守卫就在最外侧路由组件由于种种原因没有采用路由守卫用的是watch $route监听当前路由的变化在这里判断用户是否有权限进入到要去的路由，没有权限就跳到概览页，这时候报了一个错百度了一下是因为vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。百度到的解..

2021-09-07 15:35:14 9573 4

原创学习记录之vue+sentry 前端错误监控以及sentry详细使用

Sentry？开源的实时错误追踪工具，可以帮助开发人员实时监控和修复系统中的错。注册及创建项目。在官网注册完成后选择vue，创建项目（这些网上都有就不详细讲了），创建项目之后会出现详细步骤安装：npminstall--save @sentry/vue @sentry/tracing配置：import*asSentry from"@sentry/vue";import{Integrations }from"@sentry/tracing";Sent...

2021-08-06 12:40:16 2256

You_got_this的博客