vue.js源码学习之flag篇(代码片段)

younntone younntone     2022-12-05     470

关键词:

The Progressive JavaScript Framework ——vuejs.org

起因

第一次接触 Vue.js 是因为要做一个通讯录的外包项目,这个项目要有前台展示和中后台管理,从轮子做起肯定是不明智的选择,所以当时初步定下的是 Vue.js + Element UI 的技术栈。

项目过程很漫长,因为给的钱实在是可有可无,权当是学习了。

项目的接口是交给了同学。

整个项目采用的是钱后端分离的开发模式,我做我的页面,他做他的接口。

项目出了两个版本,做的时候,中间就强行的看文档、看视频教程,很大的感觉就是基础功不扎实,很多 Javascript , CSS , HTML 的知识都是在做东西的时候现学现用,整个过程满满的无力感。过程中一直没有醒悟想要去停下来好好学学基础知识,也因为工期的原因吧,两个版本中间算是进行了还算说得过去的基础知识学习。

总结下来,还是觉得

工欲善其事,必先利其器。

会什么

这就分成了项目前后了:

项目前

  • 不知道网页开发为何物
    • 折腾了自己的Hexo博客
      • 因创业需求做了一个微信小程序

项目后

  • 了解了 Element UI 组件库的肤浅用法
  • 了解了 Vue,js 的肤浅用法
  • 知道了一些基本的网页开发的知识点

要做什么

既然已经用过了 Vue.js 为什么不好好学一下成为一技之长呢?

然后就在 极客时间 看到了 Ant Design Vue 的作者的教学视频。

当时看介绍以为是介绍组件库的开发实战,后来才知道是基于组件库做中后端的开发实战……

虽然有些遗憾,但是不得不说,唐金州老师做过组件库(Ant Design官方收录),参加过Vue官方的第二届 VueConf 演讲,对文档中各种边角的了解度果然不一样,讲的课程内容也偏向底层,讲Vue生态的时候还会讲讲生态组件的原理、优缺点,还会引导学习者去学习 WebPack 、Babel 等工具的使用、配置(说来惭愧,我还没系统学过这两个在现在前端开发中相当重要的工具)。

所以,到这里我更加坚定了学习 Vue 的决心,虽然说是要学习 Vue 的源码,但是初期准备的话还是打算先将 Vue 的教程、API 及其生态圈的教程和 API 过一遍。然后通过文档中的特性探索源码,并在源码学习的过程中去学习 Javascript 的各种知识

以上,给自己立一个Flag??

开始学习啦!

因为还是考研党,所以穿插安排学习计划没有详细的学习计划,单纯学累了切换一下。

vue学习之vuex(代码片段)

单向数据流概念Vuex介绍解决问题多个视图依赖于同一状态(菜单导航)来自不同视图的行为需要变更为同意状态(例如:评论弹幕)Vuex应运而生为vue.js开发的状态管理模式组件状态集中管理组件状态改变遵循统一的规则store.js//... 查看详情

vue.js学习之入门实例

...、vue-cli、vue-router、webpack等。首先看下实现的效果: 源码下载戳这里:源码1、使用vue-cli脚手架创建项目vue-cliinitwebpacktll备注:使用webpack模板创建名为tll的项目,这里会按照提示输入一 查看详情

licode学习之编译篇--3(代码片段)

上一篇中,提示找不到NICE库,先看看CMakList里面吧[[email protected]erizo]#pwd/home/test/licode-master/erizo[[email protected]erizo]#vimsrc/CMakeLists.txt#globalvariableset(THIRD_PARTY_INCLUDE"$CMAKE_CURRENT_S 查看详情

nio学习之bytebuffer理解篇(代码片段)

NIO系列教程网址:http://ifeve.com/overview/NIO系列:http://blog.csdn.net/fan2012huan/article/details/513180061、向ByteBuffer中写入数据②读取数据可以根据pos和limit来获取ByteBuffer里面的任意位置的数据。buf.position指定数据的开始位置buf.li 查看详情

licode学习之编译篇--1

...们提供了优秀的代码,架构。学习licode的主要内容是学习源码,学习使用的技术,架构,编译方法,实现细节。在开始之前,需要下载licode源码:https://github.com/ 查看详情

licode学习之编译篇--1

...们提供了优秀的代码,架构。学习licode的主要内容是学习源码,学习使用的技术,架构,编译方法,实现细节。在开始之前,需要下载licode源码:https://github.com/ 查看详情

licode学习之erizo篇--mediastream(代码片段)

MediaStream是erizo进行流数据处理的核心模块。当网络数据,经过DtlsTransport进行srtp解密后,得到的rtp裸数据与rtcp裸数据,都要进入MediaStream进行处理;需要发送给对方的rtp数据与rtcp裸数据也要经过MediaStream处理后,才会给DtlsTranspor... 查看详情

servletservlet学习之基础篇(代码片段)

前言:本文很多地方会以小白的角度来思考很多看似“简单”的问题。适用于对Servlet有简单了解的人。本文是自己学习的过程,学习的体验,也是在本人的能力范围内,给大家尽量带来由浅入深的文章Servlet是什... 查看详情

servletservlet学习之基础篇(代码片段)

前言:本文很多地方会以小白的角度来思考很多看似“简单”的问题。适用于对Servlet有简单了解的人。本文是自己学习的过程,学习的体验,也是在本人的能力范围内,给大家尽量带来由浅入深的文章Servlet是什... 查看详情

vue学习之介绍(代码片段)

一.vue概念#1.什么是Vue#Vue.js是一个渐进式JavaScript框架#渐进式:vue从小到控制页面中的一个变量到页面一块内容到整个页面,最终大到整个项目,东可以用vue框架来实现#vue可以干哪些事#将数据渲染到指定区域(数据可以是后台获... 查看详情

12.2vue学习之控制行内样式(代码片段)

<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>vue</title><linkrel="stylesheet"href=""><!--<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>--><scripttype=... 查看详情

servletservlet学习之基础篇(http)(代码片段)

前言:本系列文章很多地方会以小白的角度来思考很多看似“简单”的问题。适用于对Servlet有简单了解的人。本文是自己学习的过程,学习的体验,也是在本人的能力范围内,给大家尽量带来由浅入深的文章本文... 查看详情

servletservlet学习之基础篇(http)(代码片段)

前言:本系列文章很多地方会以小白的角度来思考很多看似“简单”的问题。适用于对Servlet有简单了解的人。本文是自己学习的过程,学习的体验,也是在本人的能力范围内,给大家尽量带来由浅入深的文章本文... 查看详情

servletservlet学习之基础篇(http)(代码片段)

前言:本系列文章很多地方会以小白的角度来思考很多看似“简单”的问题。适用于对Servlet有简单了解的人。本文是自己学习的过程,学习的体验,也是在本人的能力范围内,给大家尽量带来由浅入深的文章本文... 查看详情

强烈推荐机器学习之算法篇(代码片段)

机器学习算法机器学习算法数据类型:可用数据集:监督学习和无监督学习:算法分类:scikit-learn数据集获取数据集:获取数据集方式:数据集的划分:本地数据集:分类数据集:回归数据集&#x... 查看详情

强烈推荐机器学习之算法篇(代码片段)

机器学习算法机器学习算法数据类型:可用数据集:监督学习和无监督学习:算法分类:scikit-learn数据集获取数据集:获取数据集方式:数据集的划分:本地数据集:分类数据集:回归数据集&#x... 查看详情

vue.js基础学习之组件

 什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性... 查看详情

python学习之基础篇2模块(持续更新)(代码片段)

Python有非常丰富和强大的标准库和第三方库。 关于库的使用需要注意:1.命名的文件名不能和导入的库命相同(默认在当前目录下寻找库,假如你文件名叫“sys.py”,你导入sys标准库文件时,他会直接把当前目录下的... 查看详情