学废了吗_后台管理项目必备

本文详细介绍了在Vue2项目中使用ElementUI和Echarts进行页面开发的一些关键点,包括侧边栏菜单状态的保持、页面刷新后折叠/展开状态的保存,以及Echarts图表中隐藏滑轮文字的设置。同时,还分享了在页面跳转时回到顶部的实现方法,为Vue项目的用户体验提升提供了实用技巧。

vue2 + elementUI + echarts

1.侧边栏菜单选中后刷新页面, 保持状态

2.侧边栏折叠/展开后刷新页面, 保持状态

        a.将collapse:false保存在vuex的state中, 在页面调用

        b.App.vue页面  页面刷新时,如何保持原有vuex中的state信息 - 浅笑· - 博客园

3.隐藏echarts滑轮两侧的字

        dataZoom-slider.textStyle. color :"transparent"

4.vue 跳转页面时回到顶部 - 公瑾当年 - 博客园

        在main.js页面添加第一种方法   

5.

未完...

### 如何将整个项目上传到 优快云 或 稀土掘金 并设置为私有仅自己可见 优快云 和 稀土掘金 作为国内主流的技术社区,虽然主要功能是技术文章分享和代码片段展示,但用户可以通过特定方式实现项目级别的私密存储,确保代码仅自己可见。 #### 优快云 上的私有项目存储方式 优快云 提供了“代码片段”功能,允许用户上传代码片段并设置为私有。对于整个项目的存储,用户可以将多个代码文件打包为压缩包,上传为资源文件,并设置为私有可见。具体操作如下: - 在 优快云 的“我的资源”页面中,上传项目压缩包。 - 在上传资源的可见性设置中选择“私有”,确保该资源仅自己可见。 - 上传成功后,可在“我的私有资源”中查看和管理。 此外,优快云 开发云提供了一定的免费存储空间,用户可以在云环境中创建项目并管理代码,同时通过权限设置确保代码的私密性[^2]。 #### 稀土掘金 上的私有项目存储方式 稀土掘金 虽然没有直接的“项目上传”功能,但用户可以通过“草稿”和“私密文章”功能实现代码的私密存储。具体操作如下: - 在“我的草稿”页面中创建新草稿,使用 Markdown 格式插入代码块,将整个项目文件内容粘贴进去。 - 保存为草稿后,该内容不会公开,仅自己可见。 - 如果需要进一步管理代码,还可以通过“私密文章”功能发布,确保代码内容不会被他人访问。 对于较大的项目,可以将代码文件打包为 ZIP 或 TAR 格式,并在私密文章中作为附件上传,实现私有存储[^1]。 #### 安全建议 - **避免存储敏感信息**:无论是 优快云 还是 稀土掘金,都应避免在代码中直接存储密码、身份证号等敏感信息,因为这些平台本质上是公共社区,无法完全保证数据的绝对安全性[^3]。 - **使用加密技术**:如果需要存储敏感数据,建议在上传前对数据进行加密处理,确保即使数据泄露也不会被轻易解读。 - **定期检查权限设置**:定期检查代码的可见性设置,确保没有误操作导致代码公开。 ### 示例代码:使用 Markdown 格式插入代码块 ```javascript function hideSensitiveInfo(str) { if (str.length <= 4) { return '*'.repeat(str.length); } return str.slice(0, 2) + '*'.repeat(str.length - 4) + str.slice(-2); } const name = '张三'; const idCard = '110101199003072316'; const phone = '13800138000'; console.log(hideSensitiveInfo(name)); // 输出:张* console.log(hideSensitiveInfo(idCard)); // 输出:11**********2316 console.log(hideSensitiveInfo(phone)); // 输出:138****8000 ``` 该代码示例展示了如何对姓名、身份证号和手机号进行脱敏处理,适用于在公共平台上存储代码时保护隐私信息[^1]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值