前端该如何进行权限设计管理?前端权限设计方案
前端该如何进行权限设计管理?前端权限设计方案如何去设计一个完整清晰且灵活的权限是后台系统的关键所在,在配置完基本的开发环境之后,将该权限设计加入进去之后,后面的开发就是水到渠成。在开发时,大家肯定对菜单管理,角色管理和用户管理很熟悉,但是对其中的相关性可能了解的不够,本文就参考人人微服务平台(账号密
前端开发之jsencrypt加密解密的使用方法和使用示例
jsencrypt官方文档公钥私钥生成网址jsencrypt就是一个基于rsa加解密的js库,常用在向后台发送数据的时候本文是通过node.js的window.btoa和window.atob配合jsencrypt进行加密。
vite vue3项目打包部署空白页面问题的处理
vite vue3项目打包部署上线后,发现是空白页面问题的处理
Vite内网ip访问,两种配置方式
方式一:修改vite的配置文件(vite.config.ts)方式二:修改package.json文件。运行项目的时候,控制台会只出现。采用上面任一方式,就可以通过。
vue3自定义指令之防抖
vue3自定义指令之防抖
前端如何加密数据--五种方式(base64加密、md5加密、sha1加密、字符串方法加密、AES加密)
4.字符串的编码和解码(JS函数的escape()和unescape())--对于汉字,数字不适用。字符串转换为base64:str64 = window.btoa(str)base64转换为字符串:str=window.atob(str64)1.base64加密。
nextjs系列教程(二):项目创建及目录结构
nextjs系列教程
92款超级漂亮的css按钮样式 复制即用
样式如图,代码已在结尾,按照序号复制粘贴便可直接用了:代码:
css样式-内容固定在页面底部,不随滚动条滚动
css样式-内容固定在页面底部,不随滚动条滚动;position: fixed;
Vue2 Watch监听
通过watch监听器,我们可以实时监控数据的变化,并且在数据发生改变时进行相应的操作。我们还可以使用$watch方法手动添加监听器,以及从组件实例中移除它。这是Vue2非常强大的一个功能,可以帮助我们更好地管理和维护数据。
Vue3——getCurrentInstance、页面中route和router的获取方式
可以看出,getCurrentInstance是一个方法,getCurrentInstance()是一个对象,ctx和proxy也是一个对象,ctx和proxy是getCurrentInstance()对象中的一个属性,通过解构赋值的方式拿到的,ctx是一个普通的对象,而proxy是一个proxy对
npm 错误 -errno -4048
npm 错误 -errno -4048
给div设置滚动条(css)
如果要出现水平滚动条,则: overflow-x:auto。如果要垂直滚动条则为: overflow-y:auto。注意:一定要设置宽高。
解决npm ERR code ENOENT问题的几种方法
这时候关掉项目,找到正确路径再打开就可以。可以试试删除本地node_modules文件夹,之后再次npm install。
uniapp中延时执行任务的方法
在 uniapp 中,可以使用 JavaScript 内置的 setTimeout 函数来延时执行任务。具体用法如下:setTimeout(function() { // 这里写要延时执行的代码}, 1000); // 这里的 1000 表示延时的时间,单位是毫秒上面的代码中,setTimeout
OpenTiny 前端组件库正式开源啦!面向未来,为开发者而生
华为开发者大会2023(HDC.Cloud 2023)于7月7日-9日在东莞拉开帷幕,本届大会以“每一个开发者都了不起”为主题。OpenTiny作为前端企业级组件库解决方案,在本次大会上正式进行发布。
cross-env报错解决方法
1.如果出现cross-env报错,可以看下是否是前端项目用错node_modules了。2.要安装正确的nodejs版本,太高或太低不行。3.要设置正确的registry,设置方法是,查看方法是4.需要在前端项目所在路径用下载依赖,用即可打包到dist文件夹。
chrome浏览器技巧,如何查看web页面上元素绑定的监听事件
第三步:右边选择 Event Listeners 页签,并取消勾选 Ancestors All。这个包含该元素所有父类绑定的监听事件。第二步:选中 Elements 页签内对应的元素,可以用一个按钮来试一试。如下图所示:图中的提示框的确定按钮就绑定了一个 click 点击事件。第一步:首先通过 F1
CSS样式背景图片的自适应
css背景图片自适应