- 博客(110)
- 收藏
- 关注
RSS订阅转载 WX-视图层
框架的视图层由WXML与WXSS编写,由组件进行展示. 将逻辑层的数据反映成视图,同时将视图层的事件发送给逻辑层.WXML用来描述页面结构,WXSS用于描述页面样式.组件是视图的基本组成单元.一.数据绑定1.简单绑定 数据绑定使用Mustache语法(双大括号)将变量包起来,可作用于:(1)内容view>{{message}}view>Page({data: {
2016-12-28 16:50:48
491
转载 WX-组件-基础内容
一.icon 图标属性typesizecolor二.text 文本,支持转义字符.text组件内只支持text嵌套.除了文本节点以外的其他节点都无法长按选中.<text>{{text}}</text>var initData = "this is first line\nthis is second line"三.progress 进度条属性 - percent: float
2016-12-25 19:50:00
521
转载 WX-视图容器
一.view 属性:hover: boolean类型,默认值为false,是否启用点击态.hover-class: String, 指定按下去的样式类hover-start-time: Number,默认值400,按住多久出现点击态hover-stay-time: Number,默认值400,手指松开后点击态保留时间.二.scroll-view 可滚动视图区域三.swiper 滑块视
2016-12-25 19:35:17
430
转载 WX-逻辑层
小程序开发框架的逻辑层是由JavaScript编写. 逻辑层将数据进行处理后发送给视图层,同时接收视图层的事件反馈.并在JS基础上增加了一些方法: (1)增加App和Page方法,进行程序和页面注册 (2)增加getApp和getCurrentPages方法,分别用来获取App实例和当前页面栈. (3)提供丰富API,如微信用户数据等. (4)每个页面有独立作用域,并提供模块化能力 (5
2016-12-22 22:07:18
1097
转载 Observable(可观察对象)
Http服务中的每个方法都返回一个Http Response对象的Observable实例.我们通常会把这个Observable实例转换成promise,并把这个promise返回给调用者,这一节我们将学会直接返回Observable,并且讨论何时以及为何那样做会更好.一.背景 一个Observable是一个事件流, 我们可以用数组操作符来处理他. Angular内核中提供了对可观察对象的
2016-12-21 17:18:34
7971
转载 模板语法
一.HTML 几乎所有的HTML语法都是有效的,但是script元素被禁用了.以阻止脚本注入的风险1.插值表达式 插值表达式可以把计算后的字符串插入到HTML元素标签内的文本或对标签的属性进行赋值. 一般来说,括号间的素材是一个模板表达式,Angular先对他求值,再把它转成字符串. Angular对所有双括号的表达式进行求值,然后把求值的结果转换成字符串,并把他们跟相邻的字符串字面量连接起
2016-12-18 17:46:18
610
转载 概览
一、HTML5文档类型 Bootstrap使用到的某些HTML元素和CSSS属性需要将页面设置为HTML5文档类型。<!DOCTYPE html><html lang="zh-CN"> ...</html>二、移动设备优先 在Bootstrap3中其一开始就是对移动设备友好的，也就是说bootstrap是移动设备优先的，为了确保适当的绘制和触屏缩放，需要在head中添加viewport
2016-12-15 09:34:51
392
转载 用户输入
用户输入触发DOM事件。我们通过事件绑定来监听他们，把更新过的数据导入回我们的组件和model一、绑定到用户输入事件 你可以使用Angular事件绑定机制来响应任何DOM事件，许多DOM事件是由用户输入触发的，绑定这些事件可以获得用户输入。 要绑定DOM事件，只要把DOM事件的名字包裹在圆括号中，然后放在引号中的模板语句对其赋值就行了。<button (click)="onClickMe()">
2016-12-13 11:16:39
409
转载 border
一、border属性 1、实例设置四个边框样式p{border:5px soild red;}2、属性 border-width： （1）thin：定义细的边框 （2）medium：默认，中等边框 （3）thick：定义粗的边框 （4）length：自定义边框的宽度 （5）inheritborder-style： （1）none 定义无边框（2）hidden 与none相同
2016-12-12 22:31:04
1227
转载 AppModule根模块
如何在根AppModule中构建和启动应用Angular模块类描述应用的部件是如何组合在一起的，每个应用至少都有一个Angular模块，也根模块，用来引导并运行应用。import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';import { App
2016-12-12 17:07:27
5319
1
转载 Angular
一、基本构造块 如何写应用： 用Angular扩展语法编写HTML模板，用组件类管理这些模板，用服务添加应用逻辑，用模块打包发布组件与组件。 然后我们通过引导根模块来启动该应用，Angular在浏览器中接管展现应用，并根据提供的操作指令响应用户的交互。二、模块 Angular应用是模块化的，并且Angular有自己的模块系统，他被称为Angular模块或者NgModules。 每个Angu
2016-12-12 14:25:20
373
转载 Background
一、background-attachment 1、实例指定一个固定的背景图像body{background-image:...;background-repeat：no-repeat;background-attachment:fixed;}2、用法 background-attachment设置背景图像是否跟着固定或者随着页面其他部分一起滚动3、属性 （1）scroll 默认值
2016-12-12 09:19:03
329
转载 all
一、实例修改所有元素或其父元素的属性为初始值div{background-color: yellow;color: red;all: initial}二、用法 all属性用于重置所有属性三、属性 1、initial 修改所有父元素或父元素的值为其初始值2、inherit 修改所有父元素或父元素的值为其父元素的值3、unset 修改所有元素属性或父元素的值为其父元素的值或其初始值
2016-12-11 13:32:23
313
转载 align-self
一、实例居中对齐弹性对象元素内的某个项#myDiv{align-self: center}二、用法 align-self定义了flex子项单独在纵轴方向上的对齐方式三、属性 1、auto 默认值，元素继承了他父元素的align-item值，如果没有父元素则为stretch2、stretch 元素被拉伸以适应容器3、center 元素位于容器中心4、flex-start 元素位于容器
2016-12-10 21:15:32
1758
转载 align-items
一、实例居中对齐弹性盒的各项div元素div{display: flex;align-item:center;}二、定义和用法 align-items用于定义flex子项在flex容器的纵轴方向上的对齐方式三、属性 1、stretch 默认值，项目被拉伸以适应容器2、center 项目位于容器中心3、flex-start 项目位于容器开头4、flex-end 项目位于容器结尾5、b
2016-12-10 21:09:36
933
转载 align-content
align-content一、实例 对齐div元素的各项：display：flex；flex-flow:row wrap;align-content:space-around;二、用法 align-content属性在弹性容器内对齐容器内的各项：垂直三、属性 1、stretch 默认值，项目被拉伸以适应容器2、center 项目位于容器中心3、flex-start 项目位于容器开头4
2016-12-10 21:01:01
604
翻译 LoadingController
一、LoadingController可以用来弹出一个窗口来阻止用户交互，加载图标将会加载在app内容之上，他包括一个可选的背景，可以通过设置showBackdrop：false来禁用。二、创建你可以把所有参数都闯入create(opt)方法，spinner name必须是spinner属性，或者是其他可选HTML选项可以传进content属性，如果你没有传参数spinner的话l
2016-12-09 21:28:17
2087
转载 input
一、实例 First name: Last name: 二、浏览器支持大部分浏览器都支持三、说明标签规定了用户可以在其中输入数据的字段元素在元素中使用，用来声明允许用户输入的input控件输入字段可通过多种方式改变，取决于type属性元素是空的，他只包含标签属性你可以使用元素来定义元素的标注四、属性1、accept a
2016-12-09 21:10:14
397
原创 JS高程三第四章笔记
一、基本类型和引用类型的值ECMAScript变量可能包含两种不同数据类型的值，基本类型值和引用类型值，基本类型值指的是简单的数据段，引用类型值是指那些可能由多个值构成的对象。将一个值赋值给变量时，解析器必须确定这个值是基本类型值还是引用类型值，基本类型值是按值访问的，因为可以操作保存在变量中实际的值。引用类型的值是保存在内存中的对象，与其他语言不通，javascript不允许直接访问
2016-12-08 21:15:31
402
转载 li
一、实例 咖啡 茶 牛奶 咖啡 茶 牛奶 二、浏览器支持目前主流浏览器都支持三、说明标签定义列表项目标签可用在有序列表和无序列表和菜单列表中
2016-12-08 20:47:01
288
转载 label
一、实例 Male Female 二、浏览器支持大部分浏览器都支持三、说明标签为input元素定义标注（标记）label元素不会向用户呈现任何特殊效果，不过，他为鼠标用户改进了可用性，如果你在label元素内点击文本，就会触发此控件，就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。for可以将label绑定到另
2016-12-08 20:44:38
538
转载 img标签
一、实例二、浏览器支持所有浏览器都支持三、标签定义HTML页面中的图像必须的两个属性，src和alt从技术上说，图像不会插入html中，而是链接到html页面上，标签的作用是作为被引用的图像而创建的占位符。四、属性1、alt规定图像的替代文本2、crossorigin设置图像的跨域属性3、height4、i
2016-12-08 20:20:09
391
转载 h1-h6
一、实例这是标题 1这是标题 2这是标题 3这是标题 4这是标题 5这是标题 6二、浏览器支持所有浏览器都支持三、说明-标签用来定义HTML标题。定义重要等级最高的标题，用来定义重要等级最低的标题
2016-12-08 20:14:41
323
转载 div
一、实例 这是一个在 div 元素中的标题。 这是一个在 div 元素中的文本。二、浏览器支持所有浏览器都支持三、说明标签定义HTML文档中的一个分割区块或者一个区域部分。常用于组合块级元素，以便通过css来对这些元素格式化。
2016-12-08 20:12:19
515
翻译 List
一、ion-list二、方法1、closeSlidingItems关掉滑动按钮打开的item三、输入属性1、sliding决定item滑动是否可用import { Component, ViewChild } from '@angular/core';import { List } from 'ionic-angular';@Component({
2016-12-07 13:46:43
411
翻译 keyboard
一、keyboard允许你使用ionic的keyboard插件来使用keyboard事件。二、事件1、isOpen()键盘是否打开2、onClose(callback)3、close()
2016-12-07 11:08:49
509
翻译 itemSilding
一、一个可以滑动的item是可以包含几个按钮，这要求item作为一个子控件并以List为父控件，所有的按钮可以被放在ion-itemoptions中二、使用 Item Favorite Share Unread 三、滑动的方向默认情况下，是从
2016-12-07 10:54:31
448
转载 dd
一、实例带有项目和描述的描述列表二、浏览器支持所有主流浏览器都支持三、使用标签被用来对一个描述列表中的项目/名字进行描述和（定义一个描述列表）、（定义项目/名字）一起使用四、差异HTML4.0.1中，被用来描述和定义一个定义列表中的条目HTML5中，被用来描述一个描述列表的项目和名字
2016-12-06 20:21:15
240
转载 datalist
一、实例下面是一个input元素，中描述了其可能的值二、浏览器支持IE10，FireFox，Opera和Chrome支持三、使用标签规定了input元素可能的列表选项，用来提供自动完成功能。input标签的list属性来绑定标签
2016-12-06 20:17:16
239
原创 javascript高程三第三章笔记
一、严格模式ES5引入了严格模式的概念，严格模式是为javascript定义了一种不同的解析模式与执行模式，在严格模式下，ES3中的不确定行为将得到处理，而且对于某些不安全的操作也会抛出错误，要在整个脚本中启用严格模式，可以在顶部添加如下代码。"use strict"这是一条便一直是，也可以在函数内部上方包含这条编译模式，指定函数在严格模式下执行。function doSometh
2016-12-05 21:33:37
1019
转载 command 5
一、实例Save二、浏览器支持主流浏览器都不支持，只有IE9支持三、使用说明标签可以定义用户可能调用的命令（比如单选按钮、复选按钮或按钮）。当使用menu元素时，command元素将作为菜单或者工具栏的一部分显示出来，但是用command规定键盘快捷键时，command元素可以被放置在页面的任何位置，但元素不可见。四、属性1、checked
2016-12-05 20:08:12
256
转载 colgroup
一、实例两个colgroup元素为表格中的三列规定了不同的对齐方式和样式（注意第一个colgroup元素横跨两列）。 ISBN Title Price 3476896 My first HTML $53 二、浏览器支持所有主流浏览器都支持三、使用该标签用于对表格中的列进行
2016-12-01 21:49:33
1246
转载 col
一、实例 ISBN Title Price 3476896 My first HTML $53 二、浏览器支持所有浏览器都支持三、定义和用法为表格中一个或者多个列定义属性值如需对全部列应用样式，标签很有用，这样就不需要对各个单元和各行重复应用样式了。你只能在table或者c
2016-11-30 21:42:50
410
转载 cite
一、浏览器支持所有浏览器都支持二、定义和用法标签通常表示他所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。按照惯例，引用的文本将以斜体显示。用标签把指向其他文档的引用分离出来，尤其是分离那些传统媒体中的文档，如书籍、杂志、期刊等等，如果引用的这些文件还有联机版本，还应该把引用包括在一个标签中，从而把超链接指向该联机版本。还有一个功能，他可以使你或者其他人从
2016-11-30 21:32:25
388
转载 caption
一、实例 Monthly savings Month Savings January $100 二、浏览器支持所有浏览器都支持三、定义和用法caption元素定义表格标题，caption标签必须紧随table标签，你只能对表格定义一个标题，标题通常会被居中于表格之上。
2016-11-29 20:17:37
389
转载 canvas
一、实例var canvas=document.getElementById('myCanvas');var ctx=canvas.getContext('2d');ctx.fillStyle='#FF0000';ctx.fillRect(0,0,80,100);二、浏览器支持IE9以上，火狐，Opera，Chrome以及Safari三、定义和用法标签
2016-11-29 20:14:51
229
转载 button
一、实例Click Me!二、所有主流浏览器都支持button标签注意：如果在HTML表单中使用button元素，不同的浏览器会提交不同的值，IE将提交中的值，而其他将提交value属性的内容，请在HTML表单中使用input来创建按钮。三、定义和用法定义一个按钮。在button元素内部，你可以放置内容，比如文本或者图像，这是使用该元素和input创建的不同之处。
2016-11-28 20:59:20
462
转载 br
一、浏览器支持所有浏览器都支持标签二、定义和用法是一个简单的换行符，标签是空标签，意味着他们没有结束标签，即是错误的。在XHTML中，把结束标签放在开始标签中，也就是。注意：只是简单的开始新一行，而当浏览器碰到标签时，通常会在相邻的段落增加一些垂直的边距。三、clear属性如果你希望文本流在内联表格或图像的下一行继续输出，请使用clear属性，该属性有三个可
2016-11-28 20:26:43
467
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人