近期学习笔记

Js笔记

1.可以把<script>放在head中而不必担心影响页面加载速度，方法是在<script>中加上defer=”defer”，如<script defer=”defer” type=”text/javascript” src=”examplae.js”></script>

2.除法中infinity/infinity=NaN，有限大的数值除以无限大的数值结果是有限大的数值，有限大的数值除以0结果是NaN,无穷大值除以有限大值结果是NaN

3.加法，有一个数是NaN则结果是NaN,INFINITY+-INFINITY结果是NaN

4.字符串相加则是拼接

5.减法，infinity-infinity为NaN,-INFINITY--INFINITY=NaN,INFINITY--INFINITY=INFINITY,-INFINITY-INFINITY=NAN

6.数值进行比较时，有一个数是nan，则相等操作符返回false，不等操作符返回true，nan不等于nan，nan等于undefined

7.对象字面量中使用逗号来区分属性，而最后一个属性结束后则不用加任何符号，直接加}，如var person={name:”Nicolas”,age:29};

8.访问对象的属性方法有两种，一种是person.name,另一种是person[“name”]

9.练习一：

<!DOCTYPE HTML>

<meta charset="UTF-8">

<html>

<head><title>js练习</title></head>

<body>

<script>

function displayInfo(args){

var output="";

if(typeof args.name=="string")

output+="Name:"+args.name;

if(typeof args.age=="number")

output+=", age:"+args.age;

alert(output);

}

displayInfo({name:"abracadabra",age:18});

displayInfo({name:"nicolas"});

</script>

</body>

</html>

10.练习二（升值排序）：

<!DOCTYPE HTML>

<meta charset="UTF-8">

<html>

<head><title>js练习</title></head>

<body>

<script>

function compare(a,b){

return a-b;

}

var number=[78,13,4,3,5];

number.sort(compare);

alert(number);

</script>

</body>

</html>

11.数组中slice(num1,num2),num1是分割开始的地方，num2-1是数组分割结束的地方，若num1/num2是负数，则用数组长度length加上该负数得到起始结束的地方，若num2小于num1，则返回空数组

12.数组中的splice用法，splice(arg1,arg2,arg3,arg4)中第一个参数是指要修改的元素位置，第二个参数是指要删除多少个元素，第三个参数开始直到最后一个参数都是要加进该数组的元素内容，splice可用来增减数组元素

13.indexOf(arg1,arg2),arg1不可省略，arg2可省略，两个参数都存在的时候是指从arg2的位置开始向后搜索arg1，lastIndexOf(arg1,arg2)指从arg2开始向前搜索arg1

14.练习三（every得每一个元素都满足条件才能返回真，some只要一个袁术满足条件就返回真的代码验证）：

<!DOCTYPE HTML>

<meta charset="UTF-8">

<html>

<head><title>js练习</title></head>

<body>

<script>

var number=[1,2,3,4,5,6,7];

var result=number.every(function(item,index,array){

return item>2;

});

var result1=number.some(function(item,index,array){

return item>2;

});

alert("result is "+result);

alert("result1 is "+result1);

</script>

</body>

</html>

15.Math.ceil()向上取整，Math.floor()向下取整,Math.round()四舍五入

16.练习四（运用对象思想计算一本书的版本）

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8">

<head>

<title>版本数计算</title>

</head>

<body>

<script>

var book={_yaer:2004,edition:1};

Object.defineProperty(book,"year",{

get:function(){

return this._year;

},

set:function(newValue){

if(newValue>2004){

this._year=newValue;

this.edition=newValue-2004+1;}

}

})

book.year=2015;

alert(book.edition);

</script>

</body>

</html>

17.js的模式：

工厂模式

代码示例：

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8">

<head>

<title>版本数计算</title>

</head>

<body>

<script>

function createPerson(name,age,sex){

var o=new Object();

o.name=name;

o.age=age;

o.sex=sex;

alert(o.name);

}

createPerson("Abracadabra",21,"woman");

createPerson("John",21,"man");

</script>

</body>

</html>

构造函数模式

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8">

<head>

<title>版本数计算</title>

</head>

<body>

<script>

function person(name,age,sex){

this.name=name;

this.age=age;

this.sex=sex;

alert(this.name);

}

person("Abracadabra",21,"woman");

person("John",21,"man");

</script>

</body>

</html>

18.<!DOCTYPE HTML>

<html>

<meta charset="UTF-8">

<head>

<title>版本数计算</title>

</head>

<body>

<script>

function person(name,age,sex){

this.name=name;

this.age=age;

this.sex=sex;

}

var person1=new person("Abracadabra",21,"woman");

var person2=new person("John",21,"man");

alert(person1.constructor==person);

alert(person2 instanceof Object);

</script>

</body>

</html>

Constructor:某个对象.constructor是指他的对象类型

19.练习

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8">

<head>

<title>版本数计算</title>

</head>

<body>

<script>

function personName(name){

this.getName=function(){

return name;

};

this.setName=function(value){

name=value;

};

}

var name1=new personName("Abracadabra");

alert(name1.getName());

name1.setName("john");

alert(name1.getName());

</script>

</body>

</html>

Html5笔记

1.mark标签可以使得文本高亮

2.验证邮箱格式

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8">

<head>

<title>版本数计算</title>

</head>

<body>

<form id="check" onsubmit="return check()">

<input type=email name="email" id="email">

<input type="submit">

</form>

<script>

function check(){

var email=document.getElementById("email");

if(email.value=="")

{alert("please enter email");}

else if (!email.checkValidity())

alert("please enter the right email");

else

{alert("enter the right one");}

}

</script>

</body>

</html>

3.进度条

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8">

<head>

<title>版本数计算</title>

</head>

<body>

<p>磁盘使用率<meter min="0" max="100" value="90"></meter>GB</p>

</body>

</html>

除了IE都支持，在IE上要用的话就加上

3.图片自适应

<!DOCTYPE HTML>

<html>

<meta charset="UTF-8">

<head>

<title>自适应</title>

<style>

img{

display:flex;

height:300px;

width:50%;

}

</style>

<body>

<img src="./image/images.jpg">

</body>

</html>

4.一个小图标


<!DOCCTYPE HTML>

<html>

<head>

<style>

.triangle,.word{float:left;}

.triangle{

width:20px;height:20px;transform:rotate(45deg);

}

.word{margin-left:-14px;margin-top:-5px;width:100px;height:30px;border-radius:7px;padding-left:18px;color:#fff;}

.int{margin-top:4px;}

</style>

</head>

<div class="icon">

<div class="triangle"></div>

<div class="word"><div class="int"><input type="radio">Hexo</div></div>

</div>

</html>

text-overflow:ellipsis指对象内文本溢出时显示省略符；

text-overflow:clip指对象内文本溢出时不显示省略符直接将多余的部分裁剪掉

网页设计中重绘指的是像background-color、border-color这种属性的改变，而重排是指margin、padding的数值改变、

缩进用text-indent:2em没有作用是因为元素不是块级元素，给该元素添加浮动使其变为块级元素就会有用了

时间： 2024-08-04 12:12:14

近期学习笔记的相关文章

(转)redis 学习笔记(1)-编译、启动、停止

redis 学习笔记(1)-编译.启动.停止 一.下载.编译 redis是以源码方式发行的,先下载源码,然后在linux下编译 1.1 http://www.redis.io/download 先到这里下载Stable稳定版,目前最新版本是2.8.17 1.2 上传到linux,然后运行以下命令解压 tar xzf redis-2.8.17.tar.gz 1.3 编译 cd redis-2.8.17make 注:make命令需要linux上安装gcc,若机器上未安装gcc,redhat环境下,如

Android属性动画初步学习笔记

近期学习Android属性动画和VetcorDrawable实现属性动画,以此记录一下学习笔记. 首先是属性动画,小白没截过动态图,方三张静态图吧       效果是点击红色图片,7个选项以属性动画的方式弹出并旋转,最后成一个1/4圆弧排列,再次点击则收回到红色原点下. 布局文件很简单,就是一个RelativeLayout下八个ImageView: 1 <?xml version="1.0" encoding="utf-8"?> 2 <Linear

Redis学习笔记4-Redis配置具体解释

在Redis中直接启动redis-server服务时, 採用的是默认的配置文件.採用redis-server   xxx.conf 这种方式能够依照指定的配置文件来执行Redis服务. 依照本Redis学习笔记中Redis的依照方式依照后,Redis的配置文件是/etc/redis/6379.conf.以下是Redis2.8.9的配置文件各项的中文解释. #daemonize no 默认情况下, redis 不是在后台运行的.假设须要在后台运行,把该项的值更改为 yes daemonize ye

ufldl学习笔记和编程作业：Softmax Regression（softmax回报）

ufldl学习笔记与编程作业:Softmax Regression(softmax回归) ufldl出了新教程.感觉比之前的好,从基础讲起.系统清晰,又有编程实践. 在deep learning高质量群里面听一些前辈说,不必深究其它机器学习的算法,能够直接来学dl. 于是近期就開始搞这个了.教程加上matlab编程,就是完美啊. 新教程的地址是:http://ufldl.stanford.edu/tutorial/ 本节学习链接:http://ufldl.stanford.edu/tutoria

R语言学习笔记

參考:W.N. Venables, D.M. Smith and the R DCT: Introduction to R -- Notes on R: A Programming Environment for Data Analysis and Graphics,2003. http://bayes.math.montana.edu/Rweb/Rnotes/R.html 前言:关于R 在R的官方教程里是这么给R下注解的:一个数据分析和图形显示的程序设计环境(A system for data

我的Hook学习笔记

关于Hook 一.基本概念: 钩子(Hook),是Windows消息处理机制的一个平台,应用程序能够在上面设置子程以监视指定窗体的某种消息,并且所监视的窗体能够是其它进程所创建的.当消息到达后,在目标窗体处理函数之前处理它.钩子机制同意应用程序截获处理window消息或特定事件. 钩子实际上是一个处理消息的程序段,通过系统调用,把它挂入系统.每当特定的消息发出,在没有到达目的窗体前,钩子程序就先捕获该消息,亦即钩子函数先得到控制权.这时钩子函数即能够加工处理(改变)该消息,也能够不作处理而继续传

Android中ActivityManager学习笔记(3)

在之前写过2篇关于ActivityManager的文章,如下所示.都是通过实战去了解里面的信息,现在感觉太繁琐,所以做一个api介绍比较详细.就像之前学习Telephony那样,对整体了解整个ActivityManager很有用. Android中ActivityManager学习笔记(1)-MemoryInfo Android中ActivityManager学习笔记(2)-RunningServiceInfo ActivityManager android.app包,含有6个内部类: Memo

WebRTC学习笔记_Demo收集

1.     WebRTC学习 1.1   WebRTC现状 本人最早接触WebRTC是在2011年底,那时Google已经在Android源代码中添?了webrtc源代码,放在/external/webrtc/,可是Android并没实用到它,更没有被浏览器使用.当时试图在Android 2.3(Gingerbread)高通平台的手机上用H.264 硬件codec替换掉WebRTC缺省使用的VP8软codec,费了不少劲勉强换掉后效果非常差仅仅得放弃. 近期得知Google最新版的Chrome

VSTO学习笔记（五）批量编辑Excel 2010 x64

原文:VSTO学习笔记(五)批量编辑Excel 2010 x64 近期因为工作的需要,经常要批量处理大量的Excel文件,如果纯手工一个个修改,非常的麻烦,于是写了这么一个帮助类,希望能对你有所帮助.里面很多方法可以进一步推广,增减适当的参数,部分方法用到了C# 4.0新特性,如果需要调试,请安装Visual Studio 2010. 示例代码下载 本系列所有示例代码均在 Visual Studio 2010 Ultimate RC + Office 2010 Professional Plus