vue设计之初就是单页面应用，他对于有SEO需求的项目并不友好，因为搜索引擎爬虫并不会执行js，所以vue项目在搜索引擎中的排名并不理想，为了解决这个问题，我们可以使用预渲染的方式，将vue项目中的页面渲染成静态页面，这样搜索引擎爬虫就可以爬取到这些静态页面，从而提高项目的排名。

预渲染的方式有很多种，比如使用prerender-spa-plugin插件，或者使用vue-meta-info插件，本文将介绍这两种方式的使用方法。

阅读更多

系统介绍

系统主要功能是为 失业人员 找到工作的时候，可以搜索查找心仪的公司，查看相关公司的信息和相关的评论。另外提供了提问题的入口，包括单不限于调侃，发表意见等，可以和公司或者其他人进行互动。另外，还提供了积分商城，用户可以通过积分兑换商品。

项目系统架构

阅读更多

大厂使用框架的分析

1. 框架的对比

1.1. Vue

• Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。它允许开发者使用简单的语法和声明式模板来构建复杂的单页应用程序（SPA）。
• Vue.js 的核心特性包括响应式数据绑定、组件化开发、虚拟 DOM 等。它还提供了丰富的生态系统，包括 Vue Router（路由管理）、Vuex（状态管理）等工具。

1.2. React

• React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发和维护。它使用组件化的方式来构建用户界面，并提供了丰富的生态系统，包括 React Router（路由管理）、Redux（状态管理）等工具。
• React 的核心特性包括虚拟 DOM、JSX 语法、组件化开发等。它还提供了丰富的生态系统，包括 React Router（路由管理）、Redux（状态管理）等工具。

阅读更多

nodejs生成图片验证码

1. 安装依赖

1

npm i svg-captcha

阅读更多

github现在登录，需要要求用户进行2次验证。这个验证，需要用户在手机上安装一个app，然后使用手机app扫描github的二维码，才能完成登录。

这个验证，对于用户来说，是一个麻烦的事情。但是，对于github来说，这是一个安全措施。因为，如果用户没有安装手机app，那么就无法完成登录，这样就避免了用户账号被恶意登录的风险。

阅读更多

部署node环境

1.账号密码或者控制台远程链接上服务器

2.部署Node.js环境

使用NVM安装多个Node.js版本

阅读更多

uni-app 在发布到H5时支持所有vue的语法；发布到App和小程序时，由于平台限制，无法实现全部vue语法。

相比Web平台， Vue.js 在uni-app中使用差异主要集中在两个方面：

• 新增：uni-app 除了支持Vue实例的生命周期，还支持应用生命周期以及页面生命周期。
• 受限：相比web平台，在小程序和App端部分功能受限，具体如下：

全局配置

• 非H5端不支持 Vue.config.devtools
• 非H5端不支持 Vue.config.keyCodes
• 非H5端不支持 Vue.config.performance

阅读更多

• 1.模仿卡片翻转效果
• 2.实现ChatGPT的文字输出效果

阅读更多

先来抛出一个简单的问题：

如果我们的750的设计稿上面，有一个375px，那么这个元素在750的屏幕上面就是宽度的一半，那么，如果我们设置为375px，在375px的设备上面，就沾满了屏幕，而不是屏幕的一半了，那我们应该如何实现呢？

大家不要说用百分比，我们也不讨论视口宽度单位，我们今天聊一聊rem这个单位。

rem 是 CSS 中的一个长度单位，全称是 “root em”。它是相对于根元素（即HTML元素）的字体大小来计算的。例如，如果 HTML 元素的字体大小是 16px，那么 1rem 就等于 16px。如果 HTML 元素的字体大小改变，那么使用 rem 作为单位的元素的大小也会相应地改变。

那么，我们在750的设备上面，更元素的字体大小设置为100，就是1rem=100px,在375的设备上面，设置为50，就是1rem=50px，这样，我们就可以实现不同设备上面的元素宽度自适应了。

阅读更多

Pannellum是一款基于WebGL和JavaScript的轻量级开源全景组件，能用作在网页端和移动端展示全景图片或者是全景视频。

官网地址: https://pannellum.org/
github地址: https://github.com/mpetroff/pannellum

阅读更多