- 博客(11)
- 收藏
- 关注
原创 举个栗子说明面向过程与面向对象的区别
有一道算法题:请用写出程序对下列数组进行排序(从小到大),输出将结果。数组如下:[1,100,22,33,41,3,0]。 面向过程是这么做的:1.选择一种编程语言。2.选择一种排序算法。3.打开电脑。 4.打开编辑器。 5.开始码代码。 6.编译运行,输出结果。(即:问题 -> 步骤-> 结果) 面向对象是这么做的:1.找个一个程序员。 2.让
2016-08-27 01:09:53
547
原创 js性能优化之函数缓存
所谓函数缓存,就是将函数运算过的结果缓存起来,这种做法是典型的用内存去换取性能的手段,常用于缓存数据计算结果和缓存对象。下面我们来看看一个使用例子:缓存jQuery对象。我们先来看一段代码:function a(){$('#div').click(function(){ // do something});}function b(){$('#div').animate({ // code
2016-06-13 22:05:39
848
原创 Boostrap入门准备之border-box
前言:在Boostrap学习过程中,尤其是网格系统的使用中,遇到了许多的坑,如果在学Boostrap之前,先做好一些准备功夫,就可以很好的避开这些坑了。现在,我们首先来说说border-box这个属性。 在Boostrap自带的css文件:boostrap.css中,有这样一段代码:* { -webkit-box-sizing: border-box;
2016-05-09 00:19:21
2656
1
原创 元素scrollTop设置无效的原因及解决办法
在做项目时,需要设置一个隐藏的元素的scrollTop,然后将其显示。当时使用了jQuery的scrollTop方法,但是无效,百度了许久,仍找不出有效的解决方法。于是自己新建了一个网页用来测试scrollTop方法失效的原因,在一番折腾后,终于弄清楚了问题的原因和解决办法。 scrollTop失效的原因 当一个元素的display属性为'none'时,对该元素设置scroll
2016-04-10 23:44:59
66721
5
原创 web前端疑问之属性与特性
本文只简单讲述属性与特性之间的差别与关系,并不讨论js的兼容性问题和特殊的特性:class,style,如果想要详细了解“特性与属性”的知识,可以看《JavaScript高级程序设计(第3版)》中第10章的10.1.3 Element类型,里面详细专业的解释了特性与属性,还有相关的兼容性问题。本文要讲述的内容结构:1. 什么是特性?什么是属性?2.特性与属性的关系
2016-03-19 23:54:59
556
原创 onClick在Chrome下无效
相信大家对内联的js事件都不陌生。我们先来看看以下例子: nClick="func1();">1;一眼过去,点击下拉框的选项“1”,就会执行func1;的确,打开360浏览器,以上思路的确行的通,但是在Chrome下却无效。究其原因,我们要实现的是在select元素中进行选择,选择后执行函数func1;上面的代码用了onClick实现选择功能,但是对于select元素来说真正的选择事件是cha
2016-03-19 23:15:48
7079
2
原创 node.js与HTML5离线缓存(1)
最近正学到HTML5的离线缓存,却看到需要配置服务器。一下子就懵了,毕竟服务器的有关配置一般是很复杂的,而node.js的服务器是自己的代码生成的,这下要怎么配置?在网上搜索了很久,都没用关于node.js与HTML5离线缓存的,但是apache之类的却一大堆。在看完网易云课堂的一个php教程之后,开始理解了HTML5的离线缓存原理,并成功搭配node.js实现了。首先简要讲一下HTM
2016-02-22 01:18:23
2159
1
原创 JavaScript--基本包装类型
最近在看《JavaScript高级程序设计》一书,顺手做做笔记。已知JS中,String,Boolean,Number是属于基本类型,即它们都不是对象。然而,在使用JS中,会经常用到它们的方法,如var str = "string";var ret = str.substr(1);这时候就有疑惑了,变量str不是Object类型,哪里来的方法呢?因为String,Boolea
2015-12-17 20:03:27
458
转载 JavaScript判断数据类型
//获取参数的数据类型 function getType(arg){ if(arg === null){ return "null"; }else if(arg === undefined){ return "undefined"; }; var classType = { "[object
2015-12-16 16:07:43
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人