web前端学习笔记

因为之前学习过一些html及css,所以这次学习直接先学习的javascript

javaScript

20200512-20200525
虽然是脚本语言，但是语法和java还是很相近的。
入门跟的是，学习强国里找到的视频，感觉老师讲的通俗易懂，使用的是vscode工具。只是课程的后半部分好像是丢了，所以又在慕课大学找了一个学习课程，简单的了解了下后半部分
js前半部分基础语法：https://www.xuexi.cn/lgpage/detail/index.html?id=15773564751833863073
js后半部分：

html css

20200922-20200924
简单学习了js之后，中间项目忙了几个月，最近又有时间继续学习了。
菜鸟课程是个好地方，https://www.runoob.com/，虽然讲的比较简单，但是可以让人对整体都有一个认识，对于初学者并且稍微有点编程功底的人来说挺好的，可能有些安装什么的需要再百度一下更清楚一些（类似我安装webpack时候）。
html和html5大概浏览复习了大部分标签，css和css3也是看了一些基本属性，但是东西蛮多的，所以只是简单的看了下css3的新属性的效果图，css3做出的效果还是超级棒的，如果有时间可以仔细学习一下，或者后期有工作需求的时候可以促进一下学习。本次就只是为整体学习进程打一个薄薄的基础。

vue框架

20200924~
在网上搜了一些教程，觉得还是以菜鸟给的为主线，什么地方不懂再去其他网址搜。
第一个“hello world”
准备工作：
1.安装node.js
因为之前工作需要，安装过node.js所以本次未安装，之前的安装步骤也是跟的菜鸟。
https://www.runoob.com/nodejs/nodejs-install-setup.html
2.安装webpack打包工具
菜鸟讲的步骤不清楚不过可以了解整体
菜鸟webpack入门：https://www.runoob.com/w3cnote/webpack-tutorial.html
webpack详细安装步骤：https://jingyan.baidu.com/article/a3a3f811230ee58da3eb8a6e.html
创建package.json：https://jingyan.baidu.com/article/48a420571e8175a924250494.html
看下刚刚按照步骤生成的文件：

3.安装vue-cli
参考此博文：https://www.jianshu.com/p/670b7d0691f8
但是安装完之后查询版本报错，搜解决办法是删除vue.ps1文件，很有效

4.创建一个基于webpack模板的vue项目
参考菜鸟教程：

我的操作：
命令： vue init webpack 项目名称
因为项目名称包含了大写所以报错了，重新来一下

创建完成：

如果想运行项目按照创建完成之后的命令运行

运行成功：
5.剩下的就是继续跟着菜鸟学习项目的目录结构还有其他的vue语法
https://www.runoob.com/vue2/vue-directory-structure.html
6.如果不安装webpack也能使用vue做个小的语法体验，就是按照菜鸟里说的，主要是引入一个vue.js文件。
https://www.runoob.com/vue2/vue-install.html