前端学习文档

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_37292229/article/details/80794721

1、先把w3c里的html css js先看一遍 http://www.w3school.com.cn/

2、学习mui http://dev.dcloud.net.cn/mui/

3、学习bootstrap http://www.bootcss.com/

4、学习vue https://cn.vuejs.org/

5、学习element-ui http://element-cn.eleme.io/#/zh-CN/component/installation

环境安装

1、安装node、npm、cnpm、mysql

开发工具

Hbuilder、VScode、微信web开发工具

1.HTML:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言, 定义了网页的内容

2.CSS 指层叠样式表 (Cascading Style Sheets,)描述了网页的布局

3.JavaScript是 Web 的编程语言,定义了 网页的行为

5.jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。

AJAX :在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

4.mui:最接近原生APP体验的高性能前端框架

6.Bootstrap,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

7.Vue.js:(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式JavaScript框架。

8.Element:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

9.Node.js是一个Javascript运行环境(runtime environment);Node.js 就是运行在服务端的 JavaScript

2.NPM使用介绍:http://www.runoob.com/nodejs/nodejs-npm.html

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。

2.允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。

ES6 就是ECMAScript 6是新版本JavaScript语言的标准

1.什么是BootStrap

BootStrap,基于HTML、CSS、JAVASCRIPT的前端框架,BootStrap预定义一套CSS样式和样式对应的JQUERY代码,我们只需要提供HTML结构代码,添加固定的clss样式,就可以完成指定效果的实现。

BootStrap是响应式布局。

2.什么是响应式布局呢

一个网站能够兼容适配多个终端(PC、ipad、手机等),而不需要为每个终端都做一个特定的版本代码。

BootStrap是响应式布局的成功实现,为了兼容不同的浏览器采用JQUERY,为了适配不同的终端采用CSS3 Media Query(媒体查询)。

3.使用BootStrap的环境搭建

中文官网地址:http://www.bootcss.com/

GitHub地址:https://github.com/twbs/bootstrap

基础环境搭建步骤:

3.1

猜你喜欢

转载自blog.csdn.net/weixin_37292229/article/details/80794721