• 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的更多相关文章

  1. 一款简单而不失强大的前端框架——【Vue.js的详细入门教程①】

    ↓— Vue.js框架魅力 —↓ 前言       Vue.js 是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.V ...

  2. web前端框架之Vue hello world

    [博客园cnblogs笔者m-yb原创,转载请加本文博客链接,笔者github: https://github.com/mayangbo666,公众号aandb7,QQ群927113708] http ...

  3. 前端框架之Vue.js

    前言: 前端主流框架有Vue.react.angular,目前比较火因为Vue比较容易学习,运营起来比较快速: Vue是什么呢? 是一个基于MVVM架构的,前端框架: 如果你之前已经习惯了用jQuer ...

  4. 后端视角下的前端框架之Vue.js初探

    背景 作为常年搞后端的自己来说,除了多年前学习的一点关于HTML的皮毛,对现在的前端技术栈可谓是一窍不通.但是因为最近在做的内部业务全链路监控系统,负责前端的同事做到一半去搞别的项目了,为了把项目落地 ...

  5. React 还是 Vue: 你应该选择哪一个Web前端框架？

    学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了. 本文作者也做了总结: 如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue    如果你喜欢简单和“能用就行”的东西 ...

  6. 前端框架之vue初步学习

    Vue.js介绍: Vue.js是一个构建数据驱动的web界面的渐进式框架.Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件.它不仅易于上手,还便于与第三方库或既有项目整合 ...

  7. Web前端框架学习成本比较及学习方法

    就项目中自己用过的前端框架的学习成本比较与学习心得分享 刚工作时间不长只用过这几个框架下面是难易程度比较: 不论哪个web前端框架, 究其本质都是把页面的数据传递给后台服务器语言(如java)进行处理 ...

  8. 国内5款优秀的WEB前端框架

    1. JX(腾讯) 官网地址:http://alloyteam.github.io/JX/#home JX 是一个类似 Google Closure Library 的 Web 前端开发框架,服务于 ...

  9. Web前端框架与类库

    Web前端框架与类库的思考 说起前端框架,我也是醉了.现在去面试或者和同行聊天,动不动就这个框架碉堡了,那个框架好犀利. 当然不是贬低框架,只是有一种杀鸡焉用牛刀的感觉.网站技术是为业务而存在的,除此 ...

随机推荐

  1. SqlServer Alwayson 搭建排错记录（一）

    这几天搭建alwayson,碰到一堆问题,解决起来花了不少时间,特此记下几个有代表性的,以免以后再碰到做重复功. 一.创建可用性组 使用SSMS的创建可用性组向导,添加了一个主副本node1,一个辅助 ...

  2. 真实场景中WebRTC 用到的服务 STUN, TURN 和 signaling

    FQ收录转自:WebRTC in the real world: STUN, TURN and signaling WebRTC enables peer to peer communication. ...

  3. 2018.6.18 MyEclipse导入jquery-1.8.0.min.js等文件报错的解决方案

    MyEclipse导入jQuery-1.8.0.min.js等文件的时候有时候会报了一堆missing semicolon的错误.怎么解决这个报错呢?方法如下: 1.选中报错的jquery文件例如&q ...

  4. 初尝微信小程序1-特点

    微信小程序特点:1.不需要下载安装即可使用 2.用户用完即走,不用关心是否安装太多应用 3.应用将无处不在,随时可用 适合开发的小程序类型:1.简单的用完即走的应用 2.低频的应用 3.性能要求不高的 ...

  5. primeng 中 pickList组件的使用

    primeng 是为angular 开发的一个强大的组建库,有很多强大的功能,拿来即用.但要真正满足自己的业务需求,就是按自己的需求进行修改,比如默认的样式等等. 进入正题. pickList 组件的 ...

  6. 问题008：java 中代码块的风格有几种？单行注释可否嵌套？多行注释可否嵌套？

    有两种:一种是次行风格,英文称为next-line 一种是是行尾风格,英文称为 end-of-line 举例 行尾风格 public class HelloWorld{ public static v ...

  7. 自动布局之-NSLayoutConstraint

    AutoLayout概念是苹果自iOS6开始引入的概念. 目前为止,实现自动布局技术选型方面也可以使用xib和storyboard.在开发过程中通常登录.注册等变动可能性较小的视图,我会采用xib开发 ...

  8. POJ 2774 后缀数组 || 二分+哈希

    Long Long Message Time Limit: 4000MS   Memory Limit: 131072K Total Submissions: 35607   Accepted: 14 ...

  9. SpringVC 拦截器+自定义注解 实现权限拦截

    1.springmvc配置文件中配置 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns= ...

  10. WebService简单入门

    写在前面的话: 当两个人碰面后,产生了好感,如果需要得到双方的信息,那么双方的交流是必不可少的!应用程序也如此, 各个应用程序之间的交流就需要WebService来作为相互交流的桥梁! 项目目的: 程 ...