20231017 前端开发日报

一次解决 github 无法克隆的问题之 SSH KEY 配置；前端页面秒开的关键 – 小白也能看懂的同构渲染原理和实现（含nodejs服务端测试与优化，附PPT）；Vue_Bug VUE-ADMIN-TEMPLATE-MASTER electron build后无法登录；vue3+element-plus props中的变量使用 v-model 报错；nodejs+vue百鸟全科赏析网站；[开源]基于Vue+ElementUI+G2Plot+Echarts的仪表盘设计器；Vue+Electron打包桌面应用(从零到一完整教程)；高校教务系统登录页面JS分析——重庆交通大学

1. 一次解决 github 无法克隆的问题之 SSH KEY 配置

   github 经常无法克隆？除了网络问题还可能是什么原因？有什么解决办法？本文将这些常见的问题一“文”打尽，快来看看吧～

2. 前端页面秒开的关键 – 小白也能看懂的同构渲染原理和实现（含nodejs服务端测试与优化，附PPT）

   大概在昨年下半年，我利用同构渲染技术，把公司中一个需要7、8秒才能打开的vue3项目成功优化至秒开。

3. Vue_Bug VUE-ADMIN-TEMPLATE-MASTER electron build后无法登录

   VUE-ADMIN-TEMPLATE-MASTER 项目在经过 electron 的 build 命令后，无法登录。大部分vue 前段项目 会使用 js-cookie 这个库 来操作浏览器的cookie。从而导致 登录成功以后 写cookie 读cookie的操作 全部失败。然而这个库 在electron下 会无法使用 （最坑的是还没报错）修改文件：srcutilsauth.js。不使用该库 使用localStorage就行。之前内容全部注释或删除，替换如下代码。自然而然 登录无法跳转了。

4. vue3+element-plus props中的变量使用 v-model 报错

   prop 是单向数据流，这里只能用:model-value，不能用v-model。// 控制弹出框的显示与隐藏。

5. nodejs+vue百鸟全科赏析网站

   随着人们生活水平的提高也加速了鸟类的灭绝速度，但是目前既可以浏览鸟类基本信息又可以学习鸟类保护方法的网站却不多见。人们也在不停的呼吁保护鸟类。

6. [开源]基于Vue+ElementUI+G2Plot+Echarts的仪表盘设计器

   基于SpringBoot、MyBatisPlus、ElementUI、G2Plot、Echarts等技术栈的仪表盘设计器，具备仪表盘目录管理、仪表盘设计、仪表盘预览能力，支持MySQL、Oracle、PostgreSQL、MSSQL、JSON等数据集接入，对于复杂数据处理还可以使用Groovy脚本数据集，使用简单，完全免费，代码开源。基于Vue+ElementUI+G2Plot+Echarts的仪表盘设计器，使用简单，完全免费，代码开源。使用Apache-2.0开源协议。

7. Vue+Electron打包桌面应用(从零到一完整教程)

   Vue+Electron打包桌面应用(从零到一完整教程)

8. 高校教务系统登录页面JS分析——重庆交通大学

   本文介绍了高校教务系统的密码加密逻辑以及使用JavaScript进行逆向分析的方法。通过学习这些知识，你可以更好地理解密码加密技术的原理，并掌握一定的逆向分析技巧。请注意，逆向分析可能涉及到法律问题，请在合法范围内进行研究和实践。

9. 黑豹程序员-页面录音-在vue页面中进行录音wav/mp3

   实现vue页面进行录音

10. vue清除动态路由

    查看vue-router路由文档 可以看出 Vue2中是通过matcher来进行重新赋值来进行清空的。而Vue3中没有关于matcher这个属性，这样一来，就需要自己通过循环遍历来清除路由，

11. 1. vue-sy-admin: 基于vue3+TypeScript的全局过滤器(filters) 封装及示例

    在vue3中使用全局filters已经不是必须，有很多种替代方案(直接定义函数即可)。如果项目中使用了插件完全可以将filters导出函数使其在全局自动引入/声明。当然在这里就不说插件的使用了。下面就详细说说如何实现题外话: 强烈推荐使用，该库由vue核心成员开发，封装了各种常用hooks，能够省很多不必要的开发时间，且其中的封装hooks思想也很值得学习参考。

12. CSS小技巧之单标签loader