web前端
qq_35774189
这个作者很懒,什么都没留下…
展开
-
添加输出版权信息
实例:div{border: 2px red solid}body{ padding: 0; margin: 0 auto; } #footer { height: 43px;原创 2017-04-09 15:04:16 · 250 阅读 · 0 评论 -
React初识
{}var myStyle={fontSize:50, {}{注释需要写在花括号中}color:'#203014'}ReactDOM.render({} Hello, world! Hello,Oda{camelCase 语法(} 回望10年前,中国高铁列车还需要在外国制造商的帮助下进行组装。现在中国已成为世界公认的高铁大国,德国《世界报》曾在去年报原创 2017-08-21 15:33:52 · 969 阅读 · 0 评论 -
Sweet alert
Try me function foo(){swal({ title: "Success!", text: "Here's my error message!", type: "success", confirmButtonText: "Cool"}); } Try m原创 2017-08-17 09:16:22 · 378 阅读 · 1 评论 -
JS 迭代方法
every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。filter():对数组中的每一项运行给定函数,如果该函数会返回true的项组成的数组。forEach():对数组中的每一项运行给定函数,这个方法没有返回值。map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。some():对数组中的每一项运行给定函数,如果该函数原创 2017-04-25 22:08:02 · 312 阅读 · 0 评论 -
JS 函数 求圆的面积总结
JS 函数//1.function circle(r){this.r=rthis.Area=Areathis.Circum=Circum}function Circum(){return(3.14*2*this.r) }function Area(){return(3.14*this.r*this.r)}r=par原创 2017-05-07 11:07:04 · 21458 阅读 · 1 评论 -
JS iterable 学习笔记
JS iterablevar a = ['a', 'b', 'c'];var s = new Set(['A', 'B', 'C']);var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);for (var x of a) { // 遍历Array alert(x);}for (var x of s) { /转载 2017-05-06 21:23:02 · 763 阅读 · 0 评论 -
JS 条件判断
var age=20;if(age>=18) alert('adult');else console.log('age<18'); alert('teenager');//这句话不受else控制,else只控制console.logvar age=20;if(age>=18) alert('adult');else alert('teenager')转载 2017-05-02 22:20:44 · 361 阅读 · 0 评论 -
align和valign属性
align和valign属性的区别:1.align属性趋向于左右对齐(水平对齐),其值包含:left、right、center2.valign属性趋向于垂直对齐,其值包含:top(对内容进行上对齐)、bottom(对内容进行下对齐)、middle(对内容进行居中对齐)、baseline(与基线对齐)table学生考试成绩单姓名语文数学原创 2017-04-16 21:06:02 · 19598 阅读 · 0 评论 -
JS判断字符串包含(indexOf)
1.实例:2.indexOf用法: strObj.indexOf(subString[,startIndex]) JavaScript中indexOf函数方法返回一个整数值,指出String对象内字符串的开始位置。如果没有找到子字符串,则返回-1.如果startindex是负数,则startindex是负数,则startindex被当作零。如果它比最大的字符位置索引还大,则原创 2017-04-16 13:15:39 · 2613 阅读 · 0 评论 -
控制台输出console.log()的用法
用console.log代替alert和document.write,工作会变得轻松。用console.log在控制台展开对象查看具体信息,可以直接看到对象信息,而不会显示[object Object]令我们一头雾水。console里面具体有哪些方法:此时可以看到上图有log,info,error,warn,debug方法:1.console.log用于输出普通信息2.co原创 2017-04-15 21:58:48 · 26467 阅读 · 2 评论 -
JS数组 学习笔记
boolean条件判断var age=15;if(agealert("未成年");}else{alert("成年");}//一种多行字符串的表示方法,用反引号 ` ... ` 表示alert(`我爱中国!`); //模板字符串,它会自动替换字符串中的变量var name="小明";var age=15;var message原创 2017-05-01 21:16:35 · 179 阅读 · 0 评论 -
JS比较运算符及null和Undefined区别
比较运算符当我们对Number做比较时,可以通过比较运算符得到一个布尔值:2 > 5; // false5 >= 2; // true7 == 7; // true实际上,JavaScript允许对任意数据类型做比较:false == 0; // truefalse === 0; // false要特别注意相等运算符==。JavaScript在设计时,有两转载 2017-05-01 15:02:29 · 537 阅读 · 0 评论 -
根据标签名获取网页中的多个元素
水果function getDomsByTag(){var doms=document.getElementsByTagName("span");var str='';for(i=0;istr+=doms[i].innerHTML;str+=",";}alert("两个DOM的文本是:"+str);}香蕉苹果结果截原创 2017-05-01 12:39:41 · 861 阅读 · 0 评论 -
nav元素示例(链接)
nav元素示例首页个人信息购物车浏览记录个人信息姓名年龄身高体重职业结果截图:原创 2017-04-13 16:46:35 · 1170 阅读 · 0 评论 -
特殊符号及其对应的实体名称
实例:div{border: 2px red solid}body{ padding: 0; margin: 0 auto; } #footer { height: 43px;转载 2017-04-09 14:58:25 · 1021 阅读 · 0 评论 -
checkBox全选
$(function () {//全选或全不选$("#fruitAll").click(function(){ if(this.checked){ $("#fruit :checkbox").prop("checked", true); }else{ $("#fruit :checkbox").prop("checked",原创 2017-04-12 19:17:16 · 176 阅读 · 0 评论 -
添加和删除属性(prop和removeProp)
本人在看到prop()这个函数比较陌生,于是就学习并改写了这个函数添加和删除属性(prop和removeProp)$(document).ready(function(){$("button").click(function(){var a=$("div");a.prop("font-weight","20px");a.append("font-原创 2017-04-10 20:16:32 · 2735 阅读 · 0 评论 -
JavaScript 收获
(1) 在编写JS代码时,通常将函数放入部分中,或者放在页面的底部。目的:这样可以将中的函数放在一块,不会干扰页面内容的加载。 (2) 在JS中,alert()函数并不常使用,但是它对于代码测试非常方便。 (3) document.write()仅仅向文档输出内容,如果在文档已完成加载后执行该函数,整个HTML页面将被覆盖。(4)Javascript对大小写敏感原创 2018-01-08 20:55:19 · 386 阅读 · 0 评论