• 【Vue.js】Vue.js课堂笔记[课堂笔记-三] [置顶]

    Vue.js课堂实例笔记(一)条件渲染(1)分支语句结构实例代码如下:<!-- 分支语句结构 --> <!-- v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。 --> <!-- <template> 元素上使用 v-if 条件渲染分组 --> <!-- v-if作用在<template>上的目的是把<template>包裹的元素作为一个整体 --> <!-- 而<template>是不会渲染出来的。 -->

  • 【Vue.js】Vue.js课堂笔记[课堂笔记-二] [置顶]

    Vue.js课堂实例笔记插值文本数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值:实例代码如下: <!-- 普通文字 (innerText) --> <!-- 使用“Mustache”语法 (双大括号) 的文本插值Mustache标签将会被替代为对应数据对象上 msg属性的值无论何时,绑定的数据对象上msg属性发生了改变,插值处的内容都会更新 --> <!-- Mustache 标签 --> <!-- 数据绑定最常见的形式就是使用 {{...}}(双大括

  • 【Vue.js】Vue.js课堂笔记[课堂笔记-一] [置顶]

    前言:如果代码要是看不清楚可以直接复制上页面看效果。Vue.jsVue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js课堂实例笔记<!-- 第一个Vue实例 -->实例代码如下: <!-- 第一个Vue实例 --> <div id="app"> <p>{{message}}</p> </d

    Vue.js
  • 【HTML5】HTML5 Audio(音频)[课堂笔记]

    胡小哥课堂笔记整理了下昨天学习的H5的一个新东东,做了一个很简易的音频播放器。HTML5 提供了播放音频文件的标准。音频元素:<audio>  controls :为视频提供播放控件autoplay :自动播放通过使用HTML5中的audio功能,我们可以实现与flash相同的功能,即循环,随机,跳转等功能。如下图:<body> <audio id=ad controls autoplay="autoplay"> <source src="sources/aaa.mp3" type="

  • 【JQ,JS】表单接口数据交互写法 [课堂笔记]

    胡小哥课堂笔记《第二章》关于js,jq登入时接口数据验证的写法,本人课堂练习时写了JS与JQ俩种接口数据验证写法。现在下面放代码!<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表单验证接口数据交互写法</title> </head> <body> <form action="#" method="post"> <p>用户名:<input id="uname" type="tex

  • 【HTML5】HTML5 canvas(画布)[课堂笔记]

    <canvas>胡小哥课堂笔记整理了下学习过的H5新元素:<canvas> ,笔记里有我的详细注释有兴趣的童鞋可以自己试试写写,文章最后放上一张课堂作业图。HTML5<canvas>元素用于图形的绘制,通过脚本(通常是JavaScript)来完成。<canvas> 标签只是图形容器,必须使用脚本来绘制图形。可以通过多种方法使用Canva绘制路径、盒子、圆、字符以及添加图像.画布元素:<canvas>如下图:(图有点大哈,别介意。)代码如下:<!DOCTYPE html> <html> <hea

  • 【ES6】ES6的新特性[课堂笔记-一]

    前言:今天开始学习关于ES6的一些新特性我会以课堂笔记的记录方式分享出来给同学们,有兴趣的同学可以看看,喜欢的话顺便点个赞呗。ECMAScript 6 简介ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。笔记如下:<script type="text/javascript"> // var array = [

    ES6 新特性
  • 【ES6】ES6的新特性[课堂笔记-二]

    ES6新特性第二章课堂笔记课堂笔记里有我的亲手注释如果看不清楚可以直接复制代码查看,方便学习。下面开始!(一)Set 和 Map 数据结构SetES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。实例代码如下: // Set:类似数组,但元素是唯一的 // 初始化操作 // var set = new Set ();//肯呢个原数对象 // var set1 = new Se

    ES6 课堂笔记