JavaWeb-FaceStrap-CSDN博客

原创 angularJS-应用状态

Email:编辑邮箱地址，查看状态的改变。状态Valid: {{myForm.myAddress.$valid}} (如果输入的值是合法的则为 true)。Dirty: {{myForm.myAddress.$dirty}} (如果值改变则为 true)。Touched: {{myForm.myAddress.$touched}} (如果通过触屏点击则为 true)。

2017-03-03 19:33:54 340

原创 angularJS-验证用户输入

Email:不是一个合法的邮箱地址在输入框中输入你的邮箱地址，如果不是一个合法的邮箱地址，会弹出提示信息。

2017-03-03 19:33:12 499

原创 angularJS-如何使用 Scope

{{carname}}var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.carname = "Volvo";});控制器中创建一个属性名 "carname"，对应了视图中使用 {{ }} 中的名称。

2017-03-03 19:32:39 289

原创 angularJS-创建自定义的指令

var app = angular.module("myApp", []);app.directive("runoobDirective", function() {return {restrict: "A",template: "自定义指令!"};});注意：通过设置 restrict 属性值为 "" 来设置指令只能通过 HTML 元素的属性来调用。

2017-03-03 19:31:36 231

原创 angularJS-Scope 概述

{{greeting}}点我var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.name = "Runoob";$scope.sayHello = function() {$scope.greeting = 'Hello ' + $sc

2017-03-03 19:30:58 209

原创 angularJS12-ng-repeat 指令用在一个对象数组上

{name:'Jani',country:'Norway'},{name:'Hege',country:'Sweden'},{name:'Kai',country:'Denmark'}]">循环对象:{{ x.name + ', ' + x.country }}

2017-03-03 19:30:19 951

原创 angularJS11-ng-repeat 来循环数组

名字: var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.name = "John Doe";});使用 ng-model 指令来绑定输入域的值到控制器的属性。

2017-03-03 19:29:38 373

原创 angularJS-ng-model 指令.html

名字: var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.name = "John Doe";});使用 ng-model 指令来绑定输入域的值到控制器的属性。

2017-03-03 19:28:34 337

原创 angularJS-10

第三个值为 {{ points[2] }}第三个值为

2017-03-03 19:27:54 187

原创 angularJS-09

姓为 {{ person.firstName }}

2017-03-03 19:27:27 155

原创 angularJS-08

姓名:

2017-03-03 19:26:38 182

原创 angularJS07

尝试修改以下表单。名: 姓: 姓名: {{firstName + " " + lastName}} {{firstName}}我的第一个表达式： {{ 5 + 5 }}var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$sc

2017-03-03 19:25:52 174

原创 angularJS-06

我的第一个表达式： {{ 5 + 5 }}

2017-03-03 19:25:32 164

原创 angularJS06

姓名为

2017-03-03 19:21:17 204

原创 angularJS-05

姓名为

2017-03-03 19:19:46 160

原创 angularJS-05

在输入框中尝试输入:姓名: 你输入的为: {{ firstName }}

2017-03-03 19:18:38 141

原创 angularJS-04

名字 : Hello {{name}}

2017-03-03 19:18:14 155

原创 angularJS-03

Index body { padding-top: 30px; } 多个email

2017-03-03 19:17:36 194

原创 angularJS02

Index body { padding-top: 30px; } 1.

2017-03-03 19:16:56 194

原创 angularJS01

import {Component} from '@angular/core';@Component({selector: 'my-app',template: `Hello {{name}}`})export class AppComponent {name = 'Angular';}Loading AppComponent c

2017-03-03 19:16:18 244

原创 Vue.js 是什么

Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据

2017-03-02 22:33:50 386

原创我从编程总结的 22 个经验

该文章来自用户转载点击阅读原文以下所列是我在这些年来软件开发工作过程中受到的启发，还有总结而来的好经验。一、开发1、从小事做起，然后再扩展　　无论是创建一个新的系统，还是在现有的系统中添加新的功能，我总是从一个简单到几乎没有任何所需功能的版本开始，然后再一步一步地解决问题，直到满意为止。我从来没有妄想过能够一步登

2016-07-19 15:36:59 518

原创自写Js+CSS轮显效果

JS图片轮显切换*{ margin:0; padding:0}#wapper{ position:relative;height:280px; width:316px; overflow:hidden}#slideshow{width:316px; height:300px; overflow:hidden; position:relative;}#imglist{width:

2016-07-11 11:29:57 739

原创鼠标经过图片由灰色变彩色

CSS 图片由灰色变彩色*{margin:0;padding:0;}img{border:0;}#container{margin:20px auto;width:960px;overflow:hidden;}#frmsearch{margin:0 auto;width:345px;height:142px;overflow:hidden;}#frmsearch h2{ma

2016-07-11 11:29:27 939

原创鼠标经过图片时显示半透明文字，边框变色

鼠标经过图片时出现半透明文字body{background:#333}img{border:none}.wrap{margin:10px;position:relative;}.photo a{position:absolute;display:block;border:1px solid #999;padding:2px}.photo a:hover{border:1px

2016-07-11 11:28:09 2457

原创鼠标滑过,缩略图放大显示（纯CSS）

鼠标滑过,缩略图放大显示* {margin:0;padding:0;}img {border:0}#imgmove li {float:left; width:50px; height:40px; display:block; overflow:visible;*overflow:hidden; margin:0px 5px; border:3px #333 solid; po

2016-07-11 11:27:47 1897

原创鼠标放到图片上会滑出提示文字

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">滑动提示*{margin:0;padding:0;font-size:12px}ul,ol{list-style-type:none}#show{background:white;height:180px;width:180px;position:re

2016-07-11 11:27:20 4644

原创清爽简洁的图片交替导航效果

清爽简洁的图片交替导航效果img{border:0px}.chinaz{width:380px;height:60px}#page_left_1 {WIDTH: 378px; }#page_left_2 {WIDTH: 380px}#page_left_2_1 {FONT-WEIGHT: normal; FLOAT: left; BACKGROUND-IMAGE: url(

2016-07-11 11:26:49 256

原创前后轮翻的JS图片幻灯切换

前后轮翻的JS图片幻灯切换img{border:0;}.bannerImage{margin-left:200px;margin-top:50px;border:1px solid #f60;width:452px;height:346px;position:relative; overflow:hidden;}.bannerImage p{font-size:0;displa

2016-07-11 11:26:26 255

原创平滑图片滚动

JavaScript封装的平滑图片滚动body{ font-size:12px; color:#333;}#picBox{width:610px; height:205px; margin:50px auto; overflow:hidden; position:relative;}#picBox ul#show_pic{ margin:0; padding:0; list-sty

2016-07-11 11:26:04 214

原创美化过的匀速图片滚动

美化过的匀速图片滚动P {MARGIN: 20px}.table-left-right {BORDER-LEFT: #E7E7E7 1px solid;BORDER-RIGHT: #E7E7E7 1px solid;}TD {font-size: 12px;}.hangju {line-height: 20px;word-spacing:

2016-07-11 11:25:37 182

原创马赛克效果的JS图片切换代码

马赛克效果的图片切换代码var slidespeed=3000var slideimages=new Array("wall_s5.jpg","wall_s6.jpg","wall_s7.jpg")var slidelinks=new Array("/","/","/")var imageholder=new Array()var ie55=window.createP

2016-07-11 11:25:05 395

原创亮丽的JS图片渐变导航

亮丽的JS图片渐变导航nereidFadeObjects = new Object();nereidFadeTimers = new Object();function nereidFade(object, destOp, rate, delta){if (!document.all)return if (object != "[object]"){ setTim

2016-07-11 11:24:42 234

原创可控的纵向图片滚动

可控的纵向图片滚动function up(){var iup=demo.scrollTop;var iup1=demo.scrollTop;while (iup>iup1-210) {iup=iup-5;demo.scrollTop=iup;}}function down(){var iup=demo.scrollTop;var iup1=demo.sc

2016-07-11 11:24:14 328

原创经典的图片切换

经典的图片幻灯.d1{width:443px;height:auto;overflow:hidden;border:#666666 2px solid;background-color:#000000;position:relative;}.loading{width:443px;border:#666666 2px solid;background-color:#000000;col

2016-07-11 11:23:48 177

原创禁止在图片上使用右键

禁止在图片上使用右键var clickmessage="无法完成操作!"function disableclick(e) {if (document.all) {if (event.button==2||event.button==3) {if (event.srcElement.tagName=="IMG"){alert(clickmessage);return

2016-07-11 11:23:07 299

原创很有意思的图片分裂复制效果

很有意思的图片分裂效果html {overflow: hidden;}body {position: absolute;width: 100%;height: 100%;}.img{position:absolute;cursor: pointer;left: 0%;top: 0%;width: 100%;height: 100%

2016-07-11 11:22:34 598

原创规定区域的JS拖动展示效果

规定区域的JS拖动展示效果body{background:#000; }.box{width:360px; height:360px; border:5px solid #555;overflow:hidden; position:relative;margin:0 auto; }.box img{cursor:move;position:abs

2016-07-11 11:22:05 1113

原创根据鼠标放上切换内容制作的图片导航

鼠标放上切换内容a img{border:none;}.imdiv{float:left;}.imdiv img{FILTER: Alpha(Opacity=0);}--> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100

2016-07-11 11:21:33 307

原创浮动的图片广告

浮动的图片广告 var imagepath="/jscss/demoimg/logo_demo1.gif" var imagewidth=100;var imageheight=89;var speed=6; var imageclick="http://www.csdn.net/"; //广告图片链接 var hideafter=0; var isie=0

2016-07-11 11:21:10 218

空空如也

空空如也