转码之路

辉哥About 7 min

转码之路

从技术上，我是如何转型码农的

//按键、快捷键语法，例如tab和shift+tab，反引号/引号和选中文字后引号，在vscode、其他软件等，选中文字再输入成对符号中的左侧符号abcd 注意，需要输入法在英文键盘下，中文键盘无此效果

注释，shift + /

//按键、快捷键语法，例如tab和shift+tab，反引号/引号和选中文字后引号，

ctrl+l 单行全选

vscode超出可视区域自动换行视图--自动换行 view--word warp

整形string和布朗型boolean区别，如何运用idea来反向学习

转码之路需要整合内容： https://blog.csdn.net/qq_45488242/article/details/131886836

Ctrl+中括号快速对齐

Ctrl+d 复制这一行并粘贴到下一行

Ctrl shift 上下复制行放上下

back左删除delete右删除

HTML超链接语法，末尾加反斜杠，用于取消网站重定向

vuepress充分利用了 vue、vue-router，vue ssr 等技术，目的是想让会vue的人更快捷地写文档。核心理念是：对于文档编写者来说，一切皆 markdown，这样就可以专心于文档内容了。而对于文档开发者来说，一切皆 vue 组件，这样就可以用已有技能做更多的事情了。比如通过VUE，自定义vuepress的主题。因为vuepress源码里形成了一个 YAML - Markdown - HTML - Vue - SSR 静态页面的管道。

对于像我这种完全是转业的前端新手，无疑是学习前端的一个突破口首先我们需要梳理清楚，前端三剑客、vue、vue/vitepress的关系

其实简单来说，计算机语言，就是一种不断翻译下去的技术栈链条，机器他只懂0和1，而前端三剑客是交到给机器翻译的最末端语言（例如浏览器F12打开调试看到的HTML/CSS/JavaScript），而框架语言则相当于模板套件，帮我们以效果的(UI)角度出发，将最底层的语言语句，整合成一套套的语言超集。

而快速上手的途径，就是我们可以逆向拆解学习，通过直接学习框架，达到快速展现效果而HTML/CSS/JavaScript（TypeScript），则伴随整个前端学习，无论要表达什么意思，单词和文字总是需要不断理解、学习、精进的

简单定义三剑客：HTML定义了内容、CSS定义了样式、JavaScript定义了行为，他们是前端基础

黑马程序员关于前端技术栈链条的意义诠释可以参考：

框架可以帮助省略掉一些基本的相同底层代码的反复书写，只需调用框架的方法就可以实现你想要的功能。 HTML：负责结构，网页想要表达的内容由HTML书写，HTML是一个既可以在浏览器窗口中显示的文档，也可以作为 HTML 源代码的文档被文件编辑器编辑。使用浏览器查看和使用文本编辑器编辑提供了HTML文档两种不同的访问方式 HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的基石。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。 CSS:负责样式，网页的美与丑由它来控制层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 JavaScript:负责交互，用户和网页产生的互动由它来控制，JavaScript具有动态修改HTML的能力一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

Web前端发展至今，演变出了无数的库和框架框架一：Vue.js 近几年最火的前端框架当属Vue.js了，Vue.js是一个构建数据驱动的 Web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人--尤雨溪。

框架二：Bootstrap Bootstrap是让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架,让Web开发更迅速、更简单。它还提供了更优雅的HTML和CSS规范，它是由动态CSS语言Less写成。有着丰富的网格布局系统以及丰富的可重用组件，还有强大的支持的JavaScript、jQuery插件以及组件定制等。

框架三：Layui Layui是一款口碑极佳的Web弹层组件，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。Layui首个版本发布于2016年秋，它区别于那些基于 MVVM 底层的 UI 框架，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。

框架六：Angular AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

框架七：React React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了

框架四：Element-UI Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI 。适合于Vue的UI框架

框架五：Mint UI Mint UI 是由饿了么前端团队推出的一个基于 Vue.js 的移动端组件库，Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

框架是一种约束，也是一种最佳实践。让你在团队开发中，不能怎么写，必须怎么写，推荐怎么写。而库是一种代码复用的方式，把某些代码段、函数、功能封装起来，你可以开箱即用。学会几种库框架，复杂的前端也会变得简单。

转码之路

转码之路

序言

部署

部署

运行