kesilll-CSDN博客

原创 javascript设计模式学习（二）——模块化模式（module pattern）

上次我们介绍了javascript的构造函数模式，今天介绍一下javascript中又一个常见的模式——模块化模式（module pattern）。我们知道在javascript中一切都是对象，而对象有一种表示方式，成为字面量（literal notation），字面量就是在一个花括号中用逗号分隔开的一组键值对：var person = { name:"kesil", ...

2018-06-22 16:23:10 559

原创 javascript设计模式学习（一）：构造函数模式（constructor）

之前在我学习javascript的过程中总有这样一种感觉：功能我都能完成，但是总是觉得代码很杂乱无章，根据我之前面向对象语言的经验我想要对代码进行封装但总感觉力不从心，我意识到我对于javascript语言还不够了解，于是我看了一些书以及大神的网站，所以有了这篇文章。javascript设计模式之——构造函数模式在典型的面向对象程序设计语言中，构造函数是一个用来初始化对象属性的特殊函数...

2018-06-15 11:26:13 425

转载 css样式学习：display:table

display:table的几个用法父元素宽度固定，想让若干个子元素平分宽度通常的做法是手动设置子元素的宽度，如果设置百分数不一定能整除，设置具体的数值又限制了父元素的宽度固定，很烦。可以使用display：table来解决：.parent{display: table; width: 1000px;}.son{display: table-cell;}块级子元素垂直...

2018-04-12 22:27:48 423

原创 javascript高阶函数----sort()

相信大家对排序函数sort()一定很熟悉，但是在javascript中sort()有一些不一样。例如：var numarr = [12,20,13,5];numarr.sort();alert(numarr);大家可以试一试，结果是10,13,20,5,为什么会出现这样的结果呢，原因是在javascript中sort()函数是根据元素的ASCII码来排序的，也就是说会将元素先转...

2018-04-10 22:31:42 411 1

原创 javascript高阶函数----filter()

filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。和map()类似，filter()也接受一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是false还是true决定去除还是保留。例如，在Array中保留偶数，去除奇数：var num = [1,2,3,4,5,6];var result = nnum...

2018-04-10 14:40:30 224

原创 javascript高阶函数学习---map、reduce

高阶函数之map:如果之前学过python之类的语言应该对这个函数很熟悉，其实在javascript中map函数的功能几乎一样。举例说明我们如果要求1~10的平方我们会怎样做呢，for循环是最基本的做法，今天给大家介绍一个非常简便的函数map。map函数的定义 map函数有参数，参数是一个函数。我们可以看到map函数实际上是将一个Array传进去，然后遍历array中的每一个值...

2018-04-10 14:11:43 133

终于在经过一段时间之后学到了html5，可能比较笨吧，对一些东西理解起来很困难，就像昨天晚上被html5中的拖拽效果整得快要崩溃一样，所以决定在第二天记录下学习drag事件的知识：其实现在对我们来说要做拖放效果真的很简单，因为html5专门为我们提供了API拖放效果的前提需要将要拖放的对象的draggable属性设置为true—-draggable = “true”;拖放效果的一些事件关于拖放效果的

2017-11-18 12:49:03 408

原创做一个懒人----CSS之calc()

大家在写代码遇到要计算宽度、高度时一定很烦躁吧，每次都要去计算，但是CSS有一个强大的东西能够帮助我们做一个”懒人“，那就是calc()函数。- calc()语法：calc(expression) .test{ width:-webkit-calc(100% - 100px); margin:0 auto;}<body> <div class="test">

2017-11-13 17:49:11 430

原创 css3:selection

前段时间学习了html和css，然后现在在看关于css3的知识，然后发现一个有意思的东西，就是有些网站当有些字被选中时，背景并不是我们所熟悉的蓝色，而是其他颜色，所以在这两天查了一些资料发现是：：selection起到了作用::selection使用语法：p::selection{ background:red; color:#1a1a

2017-11-13 15:49:16 412

原创 XHTML与HTML

在前期学习了HTML，现在接触到了XHTML，所以就将一些XHTML的只是放在这里这里的内容来自于Head First HTML 与CSS 、XHTML在文档头部的声明：DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1 -strict.dtd”其中，第一

2017-10-26 14:19:48 176

kesilll的博客