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 391

原创 angularJS-验证用户输入

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

2017-03-03 19:33:12 521

原创 angularJS-如何使用 Scope

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

2017-03-03 19:32:39 329

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

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

2017-03-03 19:31:36 268

原创 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 230

原创 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 977

原创 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 393

原创 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 352

原创 angularJS-10

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

2017-03-03 19:27:54 208

原创 angularJS-09

姓为 {{ person.firstName }}

2017-03-03 19:27:27 180

原创 angularJS-08

姓名:

2017-03-03 19:26:38 202

原创 angularJS07

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

2017-03-03 19:25:52 199

原创 angularJS-06

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

2017-03-03 19:25:32 187

原创 angularJS06

姓名为

2017-03-03 19:21:17 223

原创 angularJS-05

姓名为

2017-03-03 19:19:46 182

原创 angularJS-05

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

2017-03-03 19:18:38 164

原创 angularJS-04

名字 : Hello {{name}}

2017-03-03 19:18:14 178

原创 angularJS-03

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

2017-03-03 19:17:36 223

原创 angularJS02

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

2017-03-03 19:16:56 213

原创 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 266

原创 Vue.js 是什么

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

2017-03-02 22:33:50 440

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

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

2016-07-19 15:36:59 534

原创自写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 829

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

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 976

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

鼠标经过图片时出现半透明文字 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 2499

原创鼠标滑过,缩略图放大显示（纯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 1930

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

"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 4749

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

清爽简洁的图片交替导航效果 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 274

原创前后轮翻的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 270

原创平滑图片滚动

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 233

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

美化过的匀速图片滚动 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 207

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

马赛克效果的图片切换代码 var slidespeed=3000 var 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 427

原创亮丽的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 250

原创可控的纵向图片滚动

可控的纵向图片滚动 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 348

原创经典的图片切换

经典的图片幻灯 .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 196

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

禁止在图片上使用右键 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 316

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

很有意思的图片分裂效果 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 641

原创规定区域的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 1133

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

鼠标放上切换内容 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 331

原创浮动的图片广告

浮动的图片广告 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 236

空空如也

空空如也