- 博客(59)
- 资源 (1)
- 收藏
- 关注
原创 【伟大的开源精神】- 程序员要学会互助
首先说一下,此网站没有开源精神,设置各种条条框框,我经过不断尝试、百般抵抗才成功发出。…网络上的程序员朋友们,大家好,本人是一个拥有8年开发经验的老开发者。我跟大家一样,也是从年轻时的一步一卡那样的弯路走过来的,所以深知与人“交流”的重要性,很多做开发的朋友,肯定有过这样的感触:“有时一个小问题就会卡你几天,而经过过来人的一指点,其实就很容易解决。” 我常常在想,为什么大家不试一下报团取暖呢?因此,为了方便大家交流,本人新建了一个交流Q,现发出网络英雄帖,诚邀有识之士踊跃加入,让我们一起进行Java we
2022-06-26 21:51:11
1856
原创 js.数组和函数
给整个组里的变量赋值1.用new方法来创建一个数组:var ary1=new Array(); 2.直接创建一个数组:var ary1=[]; 直接创建一个数组ary1[0]=12;ary1[1]=23;ary1[2]="中国人";alert(ary1); 结果是1223中国人3.数组的初始化创建数组:var ary1=[12,23,"中国人"];alert(ar
2017-08-08 19:24:01
368
原创 js.break,continue语句
breakbreak 跳出当前循环体,结束循环,在循环体内,只要代码遇到break,程序立马结束当前循环。当前循环指的是break语句所在的循环体。 案例: 将1-10之间2的倍数输出到控制台for(var i=1; i<=10; i++){ if(i%2==0){ console.log(i); break;}2.找到1-100之间的质数var
2017-08-08 19:04:14
355
原创 js.for循环
for循环for(定义变量;条件表达式;自增自减{ 循环的代码 } 解析顺序:首先定义变量如果条件表达式结果为true的时候,执行for循环里的代码,如果为false,循环的代码终止执行。先执行变量和条件表达式循环一次,再执行自增自减。案例: 1.将1-10的数字打印到控制台for(var n1=1;n<=10;n1++){ consile.log(n1);}2.在页面中打
2017-08-08 17:38:49
464
原创 js.while循环
while循环while循环重复执行一段代码,直到某个条件不再满足。 结构: while(条件表达式){ 只要条件表达式结果为true,循环一直执行,当条件表达式结果为false的时候,循环终止 } ☆条件表达式即为判断表达式 案例: 将1-10打印到控制台var n1=1;while(n1>=1 && n1<=10){ n1满足条件 console.
2017-08-08 16:05:13
3316
原创 js.Switch语句,自增自减运算
Switch语句Switch也为判断类型的语句。 语法: Switch(变量){ case1: 如果变量和1的值相同,执行该处代码 break; 阻止代码向下进行 case2: 如果变量和2的值相同,执行该处代码 break; case3: 如果变量和3的值相同,执行该处代码 break;
2017-08-08 16:00:21
986
原创 js.代码调试
代码逻辑调试 1.先让程序在浏览器中运行一边 2.f12 打开代码调试工具—— 找到sources 3.设定调试开始点 4.刷新页面 5.找到一步步调试,每点击一次,执行一步 6.添加变量或者表达式到监视窗口。 选择变量或表达式右键add to watch. 7.监视窗口
2017-08-07 18:43:17
278
原创 js.三元表达式
语法: 表达式?结果1:结果2; if…else的另外一种写法。 一个表达式,如果结果为true,结果为(“”): 如果结果为false,结果为(“”); 案例: 1:接收用户输入的数字,如果是偶数在页面中提示该数字为偶数,如果是奇数那么提示该数字为奇数var n1=prompt("请输入数字");n1%2==0?alert("偶数"):alert("奇数");2:写一个程序接收用户输
2017-08-07 18:19:07
980
原创 js04.if...else条件判断
写法: If(条件表达式){ 如果条件表达式结果为true,执行此处代码,如果条件表达式结果为false,则执行下面代码。alert(“”); }else{ 如果条件表达式结果为false,则执行此处代码。alert(“”); } 案例: 1.接收用户输入的信息,如果年纪大于30,弹出“完蛋了”,如果年纪小于30,弹出“年轻有为”。var n1=prompt("请输入年
2017-08-07 17:02:33
643
原创 js03.数据类型之间的转换与运算
1. 数字类型转字符串写法:String(变量)<script type="text/javascript"> var n1=23; var n2=12.36; var n3=String(n1); n1为变量</script>变量.tostring()<script type="text/javascript"> var n1=23; var n2=1
2017-08-07 14:53:13
327
原创 js02.date和Math函数
date日期写法<script type="text/javascript">var mydate=new Date(); 通过new的方法创建新的日期对象。alert(Date()); 创建(返回)一个完整的日期时间alert(mydate.getDay()); 创建(返回)当前是周几的数据alert(mydate.getMonth()+1);
2017-08-07 10:42:18
338
原创 35-备忘录
<!DOCTYPE html><html><script src= "http://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script><body ng-app="myApp" ng-controller="todoCtrl"><h2>我的备忘录</h2><form ng-submit="todoAdd()"> <inpu
2017-08-01 18:44:05
287
原创 34-笔记应用
现在是时候创建一个真正的 AngularJS 单页 Web 应用(single page web application,SPA)了。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script><
2017-08-01 18:42:28
277
原创 33-路由设置对象
<!-- 路由设置对象AngularJS 路由也可以通过不同的模板来实现。$routeProvider.when 函数的第一个参数是 URL 或者 URL 正则规则,第二个参数为路由配置对象。路由配置对象语法规则如下:$routeProvider.when(url, { template: string, templateUrl: string, controller:
2017-08-01 18:39:43
349
原创 32-路由
<!-- AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。通常我们的URL形式为 http://runoob.com/first/page,但在单页Web应用中 AngularJS 通过 # + 标记 实现,例如:http://runoob.com/#/fi
2017-08-01 18:39:13
233
原创 31-依赖注入-2
<html> <head> <meta charset="utf-8"> <title>AngularJS 依赖注入</title> </head> <body> <h2>AngularJS 简单应用</h2> <div ng-app = "mainApp" ng-controller = "CalcController">
2017-08-01 18:38:51
212
原创 30-依赖注入
<!-- AngularJS 提供很好的依赖注入机制。以下5个核心组件用来作为依赖注入: value factory service provider constant--><html> <head> <meta charset="utf-8"> <title>AngularJS
2017-08-01 18:38:13
213
原创 29-动画
<!-- AngularJS 提供了动画效果,可以配合 CSS 使用。AngularJS 使用动画需要引入 angular-animate.min.js 库。--><!DOCTYPE html><html><meta charset="utf-8"><script src="js/angular.js"></script><script src="js/angular-animate.
2017-08-01 18:37:44
165
原创 28-包含
<!-- 使用ng-include可以包含纯html 以及angularjs代码runoob.htm 文件代码:<h1>菜鸟教程</h1><p>这是一个被包含的 HTML 页面,使用 ng-include 指令来实现!</p>sites.htm文件--><!DOCTYPE html><html><meta charset="utf-8"><script src="js/angula
2017-08-01 18:37:05
213
原创 27-bootstrap
<!-- AngularJS 指令 描述<html ng-app 为 <html> 元素定义一个应用(未命名)<body ng-controller 为 <body> 元素定义一个控制器<tr ng-repeat 循环 users 对象数组,每个 user 对象放在 <tr> 元素中。<button ng-click 当点击 <button> 元素时调用函数
2017-07-31 14:33:19
303
原创 26-api
<!-- API 描述angular.lowercase() 转换字符串为小写angular.uppercase() 转换字符串为大写angular.isString() 判断给定的对象是否为字符串,如果是返回 true。angular.isNumber() 判断给定的对象是否为数字,如果是返回 true。--><!DOCTYPE html><html l
2017-07-31 14:32:41
233
原创 01.JS基础基本特点
JS介绍:js是一款运行在网页,与客户进行交互的网页编程语言。01.JS组成部分:ecmascript js标准dom 通过js调用网页元素bom 通过api(接口)操作浏览器02.特点:简单易用解释执行:直接在浏览器中就可操作解释。 编译执行:JAVA C#等语言电脑无法读取,需要
2017-07-31 13:09:16
1611
原创 25-输入验证
<!DOCTYPE html><html lang="en" ng-app="myApp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <form name="myForm" ng-controller=
2017-07-28 13:31:00
207
原创 24-表单
<!--实例解析ng-app 指令定义了 AngularJS 应用。ng-controller 指令定义了应用控制器。ng-model 指令绑定了两个 input 元素到模型的 user 对象。formCtrl 函数设置了 master 对象的初始值,并定义了 reset() 方法。reset() 方法设置了 user 对象等于 master 对象。ng-click 指令调用了 reset() 方法
2017-07-28 13:30:32
306
原创 23-事件
<!-- ng-click 指令ng-click 指令定义了 AngularJS 点击事件。 --><!DOCTYPE html><html ng-app="myApp"><head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></s
2017-07-27 11:23:28
258
原创 22-service之show hide disable
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="" ng-init="mySwitch=false"><p><button n
2017-07-27 11:22:50
240
原创 21-service之select下拉菜单
<!-- $watch:持续监听数据上的变化,更新界面 --><!DOCTYPE html><html lang="en" ng-app="myApp" ng-controller="myCtrl"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head
2017-07-27 11:20:26
478
原创 20-service之$watch
<!-- $watch:持续监听数据上的变化,更新界面 --><!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-app="myAp
2017-07-27 11:19:09
283
原创 19-service之在过滤器中使用服务
<!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div> 在过滤器中使用服务:
2017-07-27 11:17:50
410
原创 18-service之自定义服务
<!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body ng-controller="myctrl"> <div>
2017-07-27 11:16:46
310
原创 17-service之$interval
<!--$timeout 可用于设置单次或多次延时服务;$interval 可用于设置始终运行的延时服务。 --><!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script>
2017-07-27 11:15:45
464
原创 9.内容文字移出
1.使用text-indent:-5000em;a{ display:inline-block; text-indent:-5000em; }2.隐藏.box{ width:300px; height:0; background:red; padding-top:100px; overflow:hidden;}
2017-07-26 18:41:41
189
原创 8.css可见性
overflow:hidden; 溢出隐藏visibility:hidden; 隐藏元素(隐藏之后还占据原来位置)display:none; 隐藏元素(隐藏之后不占据原来位置)display:block; 元素可见display:none 和display:block 常配合js使用。
2017-07-26 18:25:53
257
原创 7.规避脱离标准流的方法
尽量使用标准流<style type="text/css"> .father{ width:500px; height:500px; background:red; } .son{ width:100px; height:100px; background:green;
2017-07-26 18:04:14
537
原创 6.标签包含规范
div可以包含所有标签。p标签不能包含div h1等标签。(不能包含块元素更多包含行内元素)h1可以包含p,div等标签。行内元素尽量包含行内元素,行内元素不能包含块级元素。 -
2017-07-26 17:56:15
215
原创 5.定位盒子居中显示
在父盒子中居中显示 方法:margin:0 auto; 只能在标准流的盒子居中显示。定位的盒子居中显示:先向右走父盒子的一半50%(自左向右走),再向左走盒子的一半(margin-left:负值)<style tyle="text/css> .nav{ width:960px; height:60px; background:#66
2017-07-26 17:28:39
364
原创 16-service之$timeout
<!--定时器 --><!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body ng-controller="myctrl">
2017-07-26 13:13:33
385
原创 15-service之$http
<!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-controller="myctrl">
2017-07-26 13:12:46
206
原创 14-service之$location
<!-- 列出文件所在路径--><!DOCTYPE html><html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-controlle
2017-07-26 13:12:07
175
原创 13-service简介
AngularJS 中你可以创建自己的服务,或使用内建服务。在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务$location 服务,它可以返回当前页面的 URL 地址。实例var app = angular.module('myApp', []);app.controller('customersCtr
2017-07-26 11:05:42
286
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人