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前端框架与类库的思考 说起前端框架,我也是醉了.现在去面试或者和同行聊天,动不动就这个框架碉堡了,那个框架好犀利. 当然不是贬低框架,只是有一种杀鸡焉用牛刀的感觉.网站技术是为业务而存在的,除此 ...
随机推荐
- Python高效开发实战——Django、Tornado、Flask、Twisted
今天要推荐的就是这本书,内容涉及四种主流的Python Web开发框架,零基础完成网站搭建.数据库设计.前后端开发,全方位领悟Python原理与应用. 最新最全的框架实战,尽在这本书,可搜索亚马逊.京 ...
- JS随机生成100个DIV每10个换行(换色,生成V字和倒V)
附图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...
- 删除elasticsearch大于7天前的索引
curl -u 用户名:密码 -H'Content-Type:application/json' -d'{ "query": { "range": { &quo ...
- Altera FFT核使用详解
简介 快速傅里叶变换(Fast Fourier Transform)最为一种高效的算法,被广泛的用于信号处理与数据分析等领域.对于设计工程师来讲,自己动手采样可编程语言来实现一个FFT/IFFT模块, ...
- 2018.5.25 Oracle相关的函数命令
第03章 函数 1 Oracle的函数 Oracle的函数和java中的方法一样, 能完成一定的功能 2 字符处理类函数 --需求1:把ename字段转换成小写 select lower(ename) ...
- python_36_文件操作4
f=open('test.txt','a',encoding='utf-8') #f.truncate()#截断,不指定将清空所有内容 f.truncate(5)#从头开始截断,截断5个字符 注:使用 ...
- java编程基础——二叉树的镜像
题目描述 操作给定的二叉树,将其变换为源二叉树的镜像. 题目代码 /** * @program: JavaCode * @description: 操作给定的二叉树,将其变换为源二叉树的镜像. * 二 ...
- C# 文件操作概述
微软的.Net框架为我们提供了基于流的I/O操作方式,这样就大大简化了开发者的工作.因为我们可以对一系列的通用对象进行操作,而不必关心该I/O操作是和本机的文件有关还是和网络中的数据有关..Net框架 ...
- Binary Agents-freecodecamp算法题目
Binary Agents 1.要求 传入二进制字符串,翻译成英语句子并返回. 二进制字符串是以空格分隔的. 2.思路 用.split(' ')将输入二进制字符串转化为各个二进制数字符串组成的数组 用 ...
- RPC框架 - thrift 客户端
-------客户端程序 ------ 下载 下载 thrift 源代码包 下载 thrift 的bin包 准备描述文件(使用源代码包的示例文件) \thrift-0.10.0\tu ...