前端编程
分享html,css.javascript,jquery等前端技术
Javascript中null值,特别注意的两点
null 是一个javascript字面量,表示空值,就是没有对象被呈现.他是javascript原始值之一.null值常被放在期望一个对象上,但是不引用任何对象的参数位置,也就是说对象的初始化.我们看下面的一个例子Javascriptvar obj = null;
console.log(typeof obj === "object", 0, 0); // true我们通过对null的命名描述来理解,null是被期望在一个对象上,可能在javascript的规范中设这么设定的.所以返回一个t
setTimeout使用闭包功能,实现定时打印数值
我们这次使用setTimeout来实现一个按照时间定时,依次打印数值的例子.其实在早期的时候,也是我经常犯的一个错误,或者实现这种能力,似乎js比较牵强,其实是我的错,哈哈!没能理解JS强大之处.我们直接进入主题吧!注意,如果用setInterval来实现的话,那肯定很简单,这次我们是使用setTimeout.我们先从最简单思考入手.那就会写出下面的代码.for(var i = 0; i < 5; i++){setTimeout(console.log(i),i*1000, 0, 0);}这段代码虽然依次打印了,每个i的值0,1,2,3,4.但是,执行的时间却没有起作用.为什么呢? 因为
Javascript中的函数(Function)与对象(Object)的关系
今天我们来尝试理解Function和Object.因为这个里面有些人前期可能会搞糊涂.他们之间到底是什么关系.当然也不除外当初的我.注意:官方定义: 在Javascript中,每一个函数实际上都是一个函数对象.我们先来看最简单的两个代码,也是最容易理解的.function fn(){}var obj = {}console.log(fn instanceof Function)//trueconsole.log(obj instanceof Object)//trueconsole.log(fn instanceof Object)//trueconsole.log(obj instanceo
代码重构，简单作用大！
代码重构过程重组现有的计算机代码,改变函数/方法而不改变其外部行为。重构改善代码的可读性,减少代码的复杂性。这些可以提高代码的可维护性和可扩展性。重构也是设计系统的一种方式,消除了前期设计的不严格性,也可以显示更多的可选性。重构通常是在小步骤中完成。每个小步骤后,可以显著改变内部代码,但系统功能将保持不变。程序员通常修正错误,重新排列方法,消除重复的方法,主要目标是变得更容易重新整理代码,把代码变得更干净。我们来看一个简单的代码:void printOwing() {printBanner(, 0, 0);//打印详细的System.out.println("name:
Javascript的call,apply 理解为先
call 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法.注意：该函数的语法与 apply() 方法的语法几乎完全相同，唯一的区别在于，apply()方法接受的是一个参数数组，而 call()方法接受的是一系列参数列表。了解完这两个方法的概念后,我们来一步一步理解他们的应用.改变方法内this的指向我们先来看下面这个例子var name = "编程的人";var age = 1;var person = {name:"公众号:bianchengderen",age:20}function say(){console.log(
Javascript闭包函数快速上手
闭包函数是什么?在开始学习的闭包的时候,大家很能都比较难理解.就从他的官方解释来说,都是比较概念化的.不过我们也还是从闭包的含义出发.闭包是指函数有自由独立的变量。换句话说，定义在闭包中的函数可以“记忆”它创建时候的环境。官方解释说完后,我们先来看一个简单计数的例子.var c = 0;
function count(){
c++;
}
count(, 0, 0);// 1
count(, 0, 0);// 2这个例子是利用了全局变量来实现,但是这里有个问题是,c这个变量也容易被其他方式所调用,这时候就可能会改变 c 的存储
JAVASCRIPT中的this该指向谁? this 详解
语法this全局对象在全局执行上下文(函数之外),this引用的是全局对象.console.log(this.document === document, 0, 0); // true
// In web browsers, the window object is also the global object:
console.log(this === window, 0, 0); // true
CSS动画:Transform中使用频繁的scale,rotate,translate动画
动画中,skew只是transform中的一种形式的动画,我们还可以学习scale,rotate,translate.这是目前使用比较频繁的属性动作.1.scale动画的定义:(单位数值)scale动画,是将对象进行伸缩操作.scale有两个属性,第一个是宽(X)的伸缩,第二个是高(Y)的伸缩,数值是以倍数的方式变化.他也可以分开定义scaleX,scaleY;根据自己的需要设定.CSS代码案例:.scale{
width: 100px;
height: 100px;
&n
分享第一波:分享第一波:13个漂亮的网页模板,喜欢你就拿走
由于喜欢闲逛到墙外的世界,所以有时候会遇见比较美丽的画面,比如设计模板,页面模板等等,其实现在我收集了很多这方面的东西,主要是用来学习之用,比如CSS,HTML5的学习,页面布局,素材管理等等.下面先分享这13个漂亮的网页模板,当然自己也可以下载来使用,下载链接放到文章后面了,需要的可以拿走.Sept - Free Bootstrap 3 ThemeBlue App - Free One page Responsive HTML5 parallax business app landing pagewalam-multi-purpose-coming-soon-free-html
H5中需要掌握的 Animation 动画效果
CSS3的动画在PC网页上或者APP上用得越来越多,比如H5页面的应用,目前在营销传播上的意义比较大,还有企业官网或者APP主要介绍也用得比较多,当然还有很多地方都用到.所以学习css的动画也迫在眉睫.那我们就进入主题!animation 属性在CSS中可以使用其他的css属性,来实现动画,例如color,background-color,height或者width.每一个动画需要定义@keyframes 动画名,作为animation的属性值,例如:.element {
animation: pulse 5s infinite;}@keyframes pulse {
&n