王布丁-优快云博客

原创举个栗子说明面向过程与面向对象的区别

有一道算法题：请用写出程序对下列数组进行排序(从小到大)，输出将结果。数组如下：[1,100,22,33,41,3,0]。面向过程是这么做的：1.选择一种编程语言。2.选择一种排序算法。3.打开电脑。 4.打开编辑器。 5.开始码代码。 6.编译运行，输出结果。（即：问题 -> 步骤-> 结果）面向对象是这么做的：1.找个一个程序员。 2.让

2016-08-27 01:09:53 603

原创 js性能优化之函数缓存

所谓函数缓存，就是将函数运算过的结果缓存起来，这种做法是典型的用内存去换取性能的手段，常用于缓存数据计算结果和缓存对象。下面我们来看看一个使用例子：缓存jQuery对象。我们先来看一段代码：function a(){$('#div').click(function(){ // do something});}function b(){$('#div').animate({ // code

2016-06-13 22:05:39 944

原创生活态度

人们常说，细节体现态度。而对于一个程序员来说，对代码的态度便体现了程序员对自己人生、生活的态度。

2016-05-29 18:23:45 387

原创 Boostrap入门准备之border-box

前言：在Boostrap学习过程中，尤其是网格系统的使用中，遇到了许多的坑，如果在学Boostrap之前，先做好一些准备功夫，就可以很好的避开这些坑了。现在，我们首先来说说border-box这个属性。在Boostrap自带的css文件：boostrap.css中，有这样一段代码：* { -webkit-box-sizing: border-box;

2016-05-09 00:19:21 2736

原创元素scrollTop设置无效的原因及解决办法

在做项目时，需要设置一个隐藏的元素的scrollTop，然后将其显示。当时使用了jQuery的scrollTop方法，但是无效，百度了许久，仍找不出有效的解决方法。于是自己新建了一个网页用来测试scrollTop方法失效的原因，在一番折腾后，终于弄清楚了问题的原因和解决办法。 scrollTop失效的原因当一个元素的display属性为'none'时，对该元素设置scroll

2016-04-10 23:44:59 67091 4

原创随笔-学习有感

很多时候，知识本身并不难，难的是有一个简单的例子能把你带入门。

2016-03-30 00:10:46 384

原创 web前端疑问之属性与特性

本文只简单讲述属性与特性之间的差别与关系，并不讨论js的兼容性问题和特殊的特性:class,style，如果想要详细了解“特性与属性”的知识，可以看《JavaScript高级程序设计（第3版）》中第10章的10.1.3 Element类型，里面详细专业的解释了特性与属性，还有相关的兼容性问题。本文要讲述的内容结构：1. 什么是特性？什么是属性？2.特性与属性的关系

2016-03-19 23:54:59 616

原创 onClick在Chrome下无效

相信大家对内联的js事件都不陌生。我们先来看看以下例子： nClick="func1();">1;一眼过去，点击下拉框的选项“1”，就会执行func1；的确，打开360浏览器，以上思路的确行的通，但是在Chrome下却无效。究其原因，我们要实现的是在select元素中进行选择，选择后执行函数func1；上面的代码用了onClick实现选择功能，但是对于select元素来说真正的选择事件是cha

2016-03-19 23:15:48 7213 2

原创 node.js与HTML5离线缓存(1)

最近正学到HTML5的离线缓存，却看到需要配置服务器。一下子就懵了，毕竟服务器的有关配置一般是很复杂的，而node.js的服务器是自己的代码生成的，这下要怎么配置？在网上搜索了很久，都没用关于node.js与HTML5离线缓存的，但是apache之类的却一大堆。在看完网易云课堂的一个php教程之后，开始理解了HTML5的离线缓存原理，并成功搭配node.js实现了。首先简要讲一下HTM

2016-02-22 01:18:23 2235

原创 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 511

转载 JavaScript判断数据类型

//获取参数的数据类型 function getType(arg){ if(arg === null){ return "null"; }else if(arg === undefined){ return "undefined"; }; var classType = { "[object

2015-12-16 16:07:43 309

wbr306408943的博客