Python-S9-Day99——Web前端框架之Vue.js
01课程安排
02let和const；
03 箭头函数
04 对象的单体模式
05 Node.js介绍和npm操作
06 Webpack，babel介绍和Vue的第一个案例
01课程安排
1.1 html（语义化，除了语义，其他的什么都没有了），网页的结构；
1.2 CSS（样式表现），页面的表现,记住的东西比较多，排版布局，如果不会写，就是写页面写少了；
1.3 js（ESMAScript、JSdom、bom），网页的行为；
1.4 jQuery（操作），项目开发的目的就是：快速的做出来！；
1.5 Bootstrap（操作）；
1.6 Django（数据要展示）；
1.7 前段的三大框架——React（Facebook公司，小型公司不敢用，组件后期会复杂，后台硬）、Angular.js（谷歌公司，后台也硬！）、Vue（语法简单，比较火！中国人发明的，尤雨溪）；
尤雨溪介绍：http://www.ituring.com.cn/article/273032
02-let和const；
2.1 前置的准备学习ES6：let和const；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Title</title>
<style type="text/css"> </style>
</head>
<body> </body>
<script >
//let声明的变量，是块级作用域；不能重复声明！
// {
//// let a = 12;
// let a = 12;
// let a = 13;
// }
// console.log(a)
var a = [];
// let a = [];
for(var i =0;i<10;i++){
a[i] = function(){
console.log(i)
}
}
a[6]();//6 还是10？
//不存在变量提升；
// var foo = 2
console.log(foo);//undefined
var foo = 2;
//const声明变量，一旦声明，立即初始化，不能重复声明！
</script>
</html>
2.2 模板字符串 ；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>02-模板字符串</title>
<style type="text/css"> </style>
</head>
<body> </body>
<script>
//拼接字符串和变量
var a = 26;
var b = 22;
//字符串的拼接；
// var str = "崔晓昭" + a + "李静瓶" + b;
//使用反引号；
var str = `崔晓昭${a}李静瓶${b}`;
console.log(str);
</script>
</html>
2.3 箭头函数；
2.4 对象的单体模式；
2.5 ES6的面向对象；
2.6 模块化；
Day01-01课程安排
Day01-02-let和const；
03 箭头函数；
04 对象的单体模式；
05 Node.js介绍和npm操作；
06 Webpack，babel介绍和Vue的第一个案例
Python-S9-Day99——Web前端框架之Vue.js的更多相关文章
- 一款简单而不失强大的前端框架——【Vue.js的详细入门教程①】
↓— Vue.js框架魅力 —↓ 前言 Vue.js 是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.V ...
- web前端框架之Vue hello world
[博客园cnblogs笔者m-yb原创,转载请加本文博客链接,笔者github: https://github.com/mayangbo666,公众号aandb7,QQ群927113708] http ...
- 前端框架之Vue.js
前言: 前端主流框架有Vue.react.angular,目前比较火因为Vue比较容易学习,运营起来比较快速: Vue是什么呢? 是一个基于MVVM架构的,前端框架: 如果你之前已经习惯了用jQuer ...
- 后端视角下的前端框架之Vue.js初探
背景 作为常年搞后端的自己来说,除了多年前学习的一点关于HTML的皮毛,对现在的前端技术栈可谓是一窍不通.但是因为最近在做的内部业务全链路监控系统,负责前端的同事做到一半去搞别的项目了,为了把项目落地 ...
- React 还是 Vue: 你应该选择哪一个Web前端框架？
学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了. 本文作者也做了总结: 如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue 如果你喜欢简单和“能用就行”的东西 ...
- 前端框架之vue初步学习
Vue.js介绍: Vue.js是一个构建数据驱动的web界面的渐进式框架.Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件.它不仅易于上手,还便于与第三方库或既有项目整合 ...
- Web前端框架学习成本比较及学习方法
就项目中自己用过的前端框架的学习成本比较与学习心得分享 刚工作时间不长只用过这几个框架下面是难易程度比较: 不论哪个web前端框架, 究其本质都是把页面的数据传递给后台服务器语言(如java)进行处理 ...
- 国内5款优秀的WEB前端框架
1. JX(腾讯) 官网地址:http://alloyteam.github.io/JX/#home JX 是一个类似 Google Closure Library 的 Web 前端开发框架,服务于 ...
- Web前端框架与类库
Web前端框架与类库的思考 说起前端框架,我也是醉了.现在去面试或者和同行聊天,动不动就这个框架碉堡了,那个框架好犀利. 当然不是贬低框架,只是有一种杀鸡焉用牛刀的感觉.网站技术是为业务而存在的,除此 ...
随机推荐
- python3.7 安装 xlrd 模块---Mac
要用Excel将数据和代码分离,需要import xlrd, 使用前需要先安装xlrd模块. 说明:通过在google中搜索“xlrd Mac”,下载xlrd.py模块(下载地址:http://mac ...
- LeetCode OJ Container With Most Water 容器的最大装水量
题意:在坐标轴的x轴上的0,1,2,3,4....n处有n+1块木板,长度不一,任两块加上x轴即可构成一个容器,其装水面积为两板的间距与较短板长之积,以vector容器给出一系列值,分别代表在0,1, ...
- 面试官：自己搭建过vue开发环境吗？
开篇 前段时间,看到群里一些小伙伴面试的时候被面试官问到这类题目.平时大家开发vue项目的时候,相信大部分人都是使用 vue-cli脚手架生成的项目架构,然后 npm run install 安装依赖 ...
- windows环境下Nginx部署及Https设置
一.Nginx安装部署及常用命令. 1.1.其实Nginx是免安装的.直接在官网下载zip包,解压即可,下载地址:http://nginx.org/en/download.html,因为我这边的开发服 ...
- Windows 服务快捷启动命令，可以直接在运行处运行电脑的功能。
gpedit.msc-----组策略 sndrec32-----录音机 nslookup----- ip地址侦测器 explorer------ 打开资源管理器 logoff-------注销命令 t ...
- hdu-1068&&POJ1466 Girls and Boys---最大独立集
题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=1068 题目大意: 有n个人,一些人认识另外一些人,选取一个集合,使得集合里的每个人都互相不认识,求该 ...
- systemd 中的requires, wants, before, after
man systemd.unit man systemd.service ###依赖关系和前后顺序* 依赖关系:Requires和Wants * 前后顺序:After,Before 依赖关系,前 ...
- Bootstrap 历练实例-轮播(carousel)插件的事件
事件 下表列出了轮播(Carousel)插件中要用到的事件.这些事件可在函数中当钩子使用. 事件 描述 实例 slide.bs.carousel 当调用 slide 实例方法时立即触发该事件. $(' ...
- 初尝微信小程序3-移动设备的分辨率与rpx
屏幕尺寸就是实际的物理尺寸. 分辨率(pt),是逻辑分辨率,pt的大小只和屏幕尺寸有关,简单可以理解为长度和视觉单位. 分辨率(px),是物理分辨率,单位是像素点,和屏幕尺寸没有关系. 微信开发者工具 ...
- 题解 P3367 【【模板】并查集】
#include<iostream> #include<cstdio> using namespace std; int n,m,x,y,z; ]; //f[i]表示i的祖先 ...