npm切换国内镜像介绍

这个也是网上搜的,亲自试过,非常好用! 镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在): 1.通过config命令npm config set registry https://registry.npm.taobao.org npm info ...

详细内容>>

1483090177

javascript的缓动效果

  缓动,学名为Tween,缓冲移动的简称。要想页面内容切换起来舒服,就使用淡入淡出特效,要想让页面元素动起来自然,就要使用缓动效果。这两个混合起来,可以衍生多种特效的。感谢Flash开发人员为我们做了那么多先行研究,我们直接把它们拆出来装在各种菜单与相册中。我们先从最简单的东西做起,加速与减速。 ...

详细内容>>

1481700365

纯 JavaScript 生成随机数方法

前言用到随机数的地方还是挺多的,如有些网站为了吸引用户就会对网站文章的点赞数,评论数,阅读数等等作出一个可观的数字,让别人看起来觉得不点都不舒服,虽然把随机数用到这里有点不好,但这种现象确确实实存在于我们的生活中。随机数除了这个用途外,其实还有很多方面会用到它。下面我们变来了解下如何通过 JavaS...

详细内容>>

1479366102

CSS代码实现背景透明文字不透明

链接:http://caibaojian.com/rgba-filter.html来源:http://caibaojian.com 按照以前的写法是使用两个元素来控制,一个写背景透明、一个写文字。然后通过定位:absolute和层级:z-index来控制。现在我们可以通过如下方法使用一个元素来...

详细内容>>

1479364229

js中的caller和callee属性

caller返回一个对函数的引用,该函数调用了当前函数。 functionName.caller functionName 对象是所执行函数的名称。 说明对于函数来说,caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的,那么 caller 包...

详细内容>>

1479364138

JavaScript最全编码规范

类型基本类型: 访问基本类型时,应该直接操作类型值 stringnumberbooleannullundefined var foo = 1; var bar = foo; bar = 9; console.log(foo, bar); // => 1, 9 复合类型...

详细内容>>

1478252172

Github-README 中展示demo

一:问题的所在相信很多小胖友们在把自己的网页上传到github仓库中,都会有一个疑问?是什么呢?那就是上传完网页后,自己的仓库中是这个样子的,点进去相应的html文件是出来的是代码 可是自己想在网上看到自己仓库中的demo(也就是网页的效果) 下面博猪为您解答 (^~^) 二:解决问题的方...

详细内容>>

1474471377

JavaScript 中的面向对象编程

介绍  JavaScript 是一个强大的面向对象编程语言,但是,并不像传统的编程语言,它采用一个以原型为基础的OOP模型,致使它的语法让大多数开发人员看不懂。另外,JavaScript 也把函数作为首要的对象,这可能会给不够熟悉这门语言的开发人员造成更大的困惑。那就是我们决定放在前面作为一个简短前...

详细内容>>

1473785278

web app 变革之rem

rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么?rem(font size of the root element)是指相对于...

详细内容>>

1470293026

前端HTML5几种存储方式的总结

总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。 主要应用:购物车、客户登录 对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。 目标解决4k的大小问题 解决请求头常带存储信息的问题 解决关系型存储...

详细内容>>

1470212843

7 个令人惊讶的 JavaScript “特性”

本文转载自:众成翻译译者:十年踪迹链接:http://www.zcfy.cc/article/793原文:http://blog.scottlogic.com/2015/07/02/surprising-things-about-js.html 在过去的几个月里,我对 JSHint 做了一些改...

详细内容>>

1470206340

20 个常用的 CSS 技巧

分享:高级工程师 @ 游戏开发下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。原文链接:http://caibaojian.com/useful-css-tips.html 1. 黑...

详细内容>>

1466239123

一些你可能不知道JavaScript细节

@Barret李靖 分享的一些关于javascript的读书笔记,写到了一些与平常不注意的JavaScript细节,帮助你更好的理解代码的源头。值得看看。 《JavaScript 权威指南》这本书从第四版开始,一直到第六版,每个版本我都逐字逐句读过几遍,然而每一遍下来的感受却完全不一样。上上周...

详细内容>>

1466239079

应该了解的 Web 图标解决方案

原文链接:https://segmentfault.com/a/1190000005555786 A picture is worth a thousand words, 一图胜千言。 没错,从 Web 诞生的那天开始,图标就成为视觉层面不可或缺的一个元素,在一个 Web 页面中,一个图标...

详细内容>>

1464657901

browser-sync gulp配置

Browsersync 是一个前端调试的利器,它能够让你在页面文件改动之后自动刷新浏览器,从而方便了前端的调试工作。 本文就是对于 Browsersync + Gulp 的配置作个简单的笔记。 因为使用Gulp的话,相比起来使用Browser-sync自带的命令行简单点。而且有更多的选择。 ...

详细内容>>

1464657876

前端开发者应当了解的 Web 缓存知识

缓存优点通常所说的Web缓存指的是可以自动保存常见http请求副本的http设备。对于前端开发者来说,浏览器充当了重要角色。除此外常见的还有各种各样的代理服务器也可以做缓存。当Web请求到达缓存时,缓存从本地副本中提取这个副本内容而不需要经过服务器。这带来了以下优点: 缓存减少了冗余的数据传输...

详细内容>>

1464455925

JavaScript捕获和冒泡探讨

事件的执行顺序JavaScript冒泡和捕获考察题目看图回答问题,晚上公布答案。问:点击Li,JS的执行顺序是什么? 总结就是:先捕获,后冒泡,捕获从上到下,冒泡从下到上(形象点说法:捕获像石头沉入海底,冒泡则像气泡冒出水面) 问:假如去掉注释 event.stopPropagation()...

详细内容>>

1462648407

如何优雅地写 JS 异步代码

本文通过一个简单的需求:读取文件并备份到指定目录(详见第一段代码的注释),以不同的js代码实现,来演示代码是如何变优雅的。对比才能分清好坏,想知道什么是优雅的代码,先看看糟糕的代码。 不优雅的代码是什么样的?1、 回调地狱/** * 读取当前目录的package.json,并将其备份到ba...

详细内容>>

1462648374

编写高质量的代码——从命名入手

不知道大家有没有这种感觉,查看一些开源项目,如Spring、Apache Common等源码是一件赏心悦目的事情? 究其原因,无外两点: 代码质量非常高; 命名特别规范(这可能跟老外的英语水平有关)。 要写高质量的代码,不是一件容易的事,需要长年累月的锻炼,是一个量变到质变的过程。 ...

详细内容>>

1462648333

什么是Docker?

关于Docker是什么,有个著名的隐喻:集装箱。但是它却起了个“码头工人”(docker的英文翻译)的名字。这无疑给使用者很多暗示:“快来用吧!用了Docker,就像世界出现了集装箱,这样你的业务就可以随意的、无拘无束的运行在任何地方(Docker公司的口号:Build,Ship,and Run A...

详细内容>>

1460824033

CSS Grid布局指南

简介CSS Grid布局 (又名”网格”),是一个基于二维网格布局的系统,主要目的是改变我们基于网格设计的用户接口方式。如我们所知,CSS 总是用于网页的样式设置,但它并没有起到很好的作用。刚开始的时候我们使用表格(table),然后使用浮动(float)、 定位(position)和内联块(inl...

详细内容>>

1460823583

2016年JavaScript技术栈展望

如果你正在筹划新的前端项目或者重构现有项目,那么你需要认识到现在的前端开发环境已经今非昔比,这其中有太多的选择了:React、Flux、Angular、Aurelia、Mocha、Jasmine、Babel、TypeScript、Flow…… 它们的本意是将开发简单化,却无形中提高了学习成本,也给未...

详细内容>>

1459014086

webkit webApp 开发技术要点总结

如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 : 1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,...

详细内容>>

1459013804

使用JavaScript检测是否支持CSS3、HTML5新特性

伴随着今年10月底HTML5标准版的发布,未来使用H5的场景会越来越多,这是令web开发者欢欣鼓舞的事情。然而有一个现实我们不得不看清,那就是IE系列浏览器还占有一大部分市场份额,以IE8、9为主,windows8.1的用户已经用上了IE10/11,而考虑我国的国情,IE6、7依然存留不少。在我们放...

详细内容>>

1459013752

CSS架构:最新最佳实践(摘录)

使用Normalize.css重置默认样式大多数人推荐使用normalize.css重置默认样式,而不是使用由Eric Meyer写的非常流行的CSS Reset或者自己写的Reset。Normalize.css给所有浏览器的元素设置了一个共同的样式,而不是重置了这些元素的基本样式。可以参考gith...

详细内容>>

1458636166

JavaScript全局变量与局部变量

在学习javascript的变量作用域之前,我们应当明确几点:JavaScript的变量作用域是基于其特有的作用域链的。JavaScript没有块级作用域。函数中声明的变量在整个函数中都有定义。1、JavaScript的作用域链首先看下下面这段代码:<script type="tex...

详细内容>>

1458636138

[译] jQuery 3 有哪些新东西

jQuery 的横空出世,至今已有十个年头了,而它的长盛不衰显然不是没有理由的。jQuery 提供了极为友好的接口,使得开发者们可以方便地进行 DOM 操作、发起 Ajax 请求、生成动画……不一而足。此外,与 DOM API 不同的是,jQuery 采用了 “混合模式”。这意味着你可以在任何一个 ...

详细内容>>

1458636086

JavaScript 就要统治世界了?

原文出处: PuYart(@Stephen_zxb)   ” JavaScript 可以……”“嘛,不就是操作一下 DOM,可以让元素飞来飞去吗”“JavaScript 是……”“不就是用 jQuery 让网页动起来,顶多就是再用用 Ajax 和后端进行一下数...

详细内容>>

1458636057

文字链接平滑左右移动的效果

上一篇文章我们学习了css3中的动画,下面我们就讲最简单的一个效果,鼠标移动到文字连接时会出现向右平滑移动。例如:html代码 :<div class="test"><a href="">test link move</...

详细内容>>

1458636023

一个前端用React Native开发首个iOS App后的心得分享

版权声明作者:Tom Tang,目前任职于HireArt,负责移动开发业务译者:刘振涛本文由原作者授权翻译并发布,本文首发于移动开发前线公众号,未经许可禁止转载。编者的话:我询问过不少资深的移动开发者对于React Native的看法,他们大多不太喜欢,并不认为它能做什么大事。不过,如果从另一边的前...

详细内容>>

1458635840

HTTP状态码作用

HTTP状态码的作用是:web服务器用来告诉客户端,发生了什么事。状态码位于HTTP Response 的第一行中,会返回一个”三位数字的状态码“和一个“状态消息”。 ”三位数字的状态码“便于程序进行处理, “状态消息”更便于人理解。状态码分类HTTP状态码被分为五大类, 目前我们使用的H...

详细内容>>

1458635789

css3 mediaqueries.js让IE系列支持CSS3 Media Query

与respond.JS类似的作用,都是让不支持css3 Media Query的浏览器支持媒体查询,实现自适应,相对于respond.js css3-mediaqueries-js支持几乎所有的media query的语法,访问测试demo实现逻辑其实现逻辑和respond.js...

详细内容>>

1458635724

(可能是)最低成本的创业公司技术栈方案

一边是需求的猛烈变动,一边是开发成本的居高不下。能否聪明的选择技术栈甚至生死攸关。注:本文主要针对以数据展现查询为主的常规业务型的公司,不适用于非常规界面的项目,如游戏、视频工具等。之前做JobDeer时,我们的整个技术团队大部分时间只有一个人,最多时也就两个工程师,一直运作得不错。除了功能上的节制...

详细内容>>

1458635653

jQuery ready与window.onload的区别

最近做一个项目,在上一篇文章里面写了一个插件:jQuery滚动固定插件,刚开始时在本地测试,发现都没问题,后来架设到服务器上,发现浮动的末位置总是不对,总以为是哪些代码冲突或者是插件写得不完善,后来开启了调试。发现那个底部Bottom参数的高度随着刷新浏览器在变化,不可能啊。元素是固定在那里的。没有...

详细内容>>

1458635615

60个有用CSS代码片段(一)

1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑:12345678910111213.verticalcenter{ position: relative; top: 50%;&nbsp...

详细内容>>

1457926015

CSS选择器 4 中包括了哪些新东西?

CSS选择器4是下一代CSS选择器规范,上一个版本在起草多年后于2011年提出。那么,这一版本的新东西有哪些呢?选择器配置文件CSS选择器分为两类:快速选择器和完整选择器。快速选择器适用于动态CSS引擎。完整选择器适用于速度不占关键因素的情况,例如document.querySelector。选择器...

详细内容>>

1457924531

IE6\7\8\9\10浏览器的CSS hack大全介绍

CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS...

详细内容>>

1457750332

JavaScript 中的函数式编程实践

基础知识函数式编程简介说到函数式编程,人们的第一印象往往是其学院派,晦涩难懂,大概只有那些蓬头散发,不修边幅,甚至有些神经质的大学教授们才会用的编程方式。这可能在历史上的某个阶段的确如此,但是近来函数式编程已经在实际应用中发挥着巨大作用了,而更有越来越多的语言不断的加入诸如 闭包,匿名函数...

详细内容>>

1457316947

HTML5兼容所有浏览器的视频播放代码

HTML5视频播放不支持IE6-IE8系列浏览器,同时一些比较旧的浏览器也只支持flash方式,拥抱HTML5的同时还要兼容其他浏览,本文将介绍接种方式来解决这个问题。下面这段代码为兼容所有浏览器的代码。<video width="640" height="360...

详细内容>>

1457316258

NPM 与前端包管理

我们很清楚,前端资源及其依赖管理一直是 npm 的重度使用场景,同时这也一直是 Node.js 普及的重要推动力。但这类应用场景到底有多重度?这是一个很难回答的问题。这份 “npm 最常下载的包的清单” 并不能提供有效的证据:因为像 async、minimist 和 request 这样的包就像是 ...

详细内容>>

1456671897

移动前端的一些坑和解决方法(外观表现)

在github上看到一个专门收集这些问题的,对于移动方面由于自己做得不多,而且由于测试环境所限,无法重现具体bug,下面来一起看看这些坑以及是怎么解决,学习多一些移动前端的知识,以后做的时候就要所注意。第一篇是外观表现:问题描述环境与频率解决方法border-radius百分比失效Android2....

详细内容>>

1456671849

使用CSS3线性渐变实现图片闪光划过效果

在百度音乐 http://music.baidu.com/ 看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。于是把这个效果再实现一下:这个 css3 的效果怎么实现呢?html 设计成这样:<p class="overi...

详细内容>>

1456671794

闭包相关的代码

还是以之前写过的文章:单击li,输出当前li在列表的序号中的代码为例子。html结构为一个无序列表,点击li输出每个在ul中的序号。代码如下:<ul id="list"> <li>序号1</li> <li>序号2</li&...

详细内容>>

1456671749

iframe高度自适应内容

JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种情况了。iframe内容未知...

详细内容>>

1456670304

javascript刷新页面代码

reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])       参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 ...

详细内容>>

1456537941

CSS 编码技巧

尽量减少代码中的重复Keeping code DRY and maintainable is one of the biggest challenges in software development, and that applies to CSS as well. In practice, on...

详细内容>>

1455621361

微博移动样式框架Marvel.css开发心得

2015,随着前端技术的发展,微博第一代移动样式库Brick似乎在可维护性、扩展性、高效性等方面都难以满足业务发展需求。于是我们着手完成了第二代移动样式库的搭建,marvel.css应运而生。之所以取名为marvel,一方面单词中文释义奇迹,另一方面Marvel Comic(漫威漫画)里面的超级英雄...

详细内容>>

1455621243

纯CSS3多列的瀑布流布局演示

网上的瀑布流布局大部分都是通过JS来求定位,但现在css3也可以做到了,你不需要使用一点js,就可以做出一个反应快速的CSS3瀑布流布局。html代码:<div class="container"> <div class="waterfall&quo...

详细内容>>

1455621193

22个CSS黑魔法

Hey there! Today we are going to talk about some useful tricks in CSS. Let's begin with…在这篇文章中我们会谈论一些有用的 CSS 技巧…Blend Modes混合模式Not so far Firefox ...

详细内容>>

1453867325

React Native for Android 热部署图片自定义方案

情景热部署时,我们期望升级包中包含js代码与图片资源。bundle的热部署网上已经有两种方案了,一种是用反射,一种是利用RN自带函数,将bundle初始化时直接放到指定目录下,之后通过替换bundle文件实现代码热部署。我们希望图片也可以实现热部署,下面是一个比较简单的解决方案。具体需求:客户端解析...

详细内容>>

1453775734

CSS Hack代码与浏览兼容总结

1, IE条件注释法,微软官方推荐的hack方式。只在IE下生效 <!--[if IE]> 这段文字只在IE浏览器上显示 <![endif]--> 只在IE6下生效 <!--[if IE 6]> 这段文字只在IE6浏览器上显示 <![end...

详细内容>>

1453687197

学习BFC

BFC全称是Block Formatting Context,即块格式化上下文。它是CSS2.1规范定义的,关于CSS渲染定位的一个概念。要明白BFC到底是什么,首先来看看什么是视觉格式化模型。视觉格式化模型视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视...

详细内容>>

1452744851

什么是BFC

这是我10个月前写的一篇关于BFC的文章,因为接下来要写一篇关于FFC的文章了,然而很多人对BFC都还不了解,所以我先把这篇文章拿出来让大家先了解下BFC。说到BFC,就会涉及到CSS布局的一些基本概念,然后,首先来讲一下关于块级盒的一些概念:下面是来自w3.org中的一句话(参考链接:http:/...

详细内容>>

1452744824

Javascript Cookie实践

上次的一篇文章:使用JS来设置、读取和删除cookie的代码,在实践中发现了一些问题:1.cookie在本地文件上只能在火狐上调试,IE和chrome无效2.cookie没有设置为永不过期,只考虑了设置一个时间段就过期,显然不太合理。这次给出的是比较合理的cookie操作代码:var Cookie ...

详细内容>>

1452614898

[译]其实闭包并不高深莫测

几年前,我还是一名高中生时,我的一个朋友向我讲述了闭包的概念。虽然我当时一点也不明白他想表达的内容,但他在向我讲述时却表现得非常高大上。对于当时的我来说,闭包看来是一个深不可测的魔法。即使 Google 后也不能解除我的疑惑。而所有我能查阅的科技文章,都为高中生所难以理解。现在的我回想起高中编程时光...

详细内容>>

1452614865

jquery图表插件flot笔记

Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图)。它的特点是使用简单、图形美观,支持鼠标跟踪及缩放功能。Flot是基于canvas进行图表的绘制,可以在IE6+/Firefox2+/Safari3+/Opera9.5+/Chr...

详细内容>>

1452614837

HTML5的 input:file上传类型控制

一、input:file属性属性值有以下几个比较常用:accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。1、accept只能选择png和gif图片<in...

详细内容>>

1452614640

近几年前端技术盘点以及 2016 年技术发展方向

Web 发展了几十个春秋,风起云涌,千变万化。我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造。这几年的前端,更为之甚!我要说话我从 12 年底开始接触前端,12 年之前的前端发展情况只能从...

详细内容>>

1452614433

[ISUX译]我为css变量狂

几个星期前,CSS Variables ——CSS 变量草案发布在了W3C官方 ,更准确的应该叫CSS 自定义属性,目前在Chrome Canary 版里面已经支持,开启该功能见附[1]当Chrome浏览器工程师Addy Osmani第一时间把这消息发布在twitter后,遭到了数万人的否...

详细内容>>

1452614382

web前端开发学习路线

我是怎么入门的我最想说的是兴趣是学习的动力,我刚开始接触CSS,是因为自己非常喜欢做网站,在免费个人网站横行的时代,会做一个自己的网站是一个多么了不起的活。刚开始时老是偷别人的源码,也不懂那些CSS属性是什么东西。然后就接触到WordPress模板,看到喜欢的模板,就总是想把他抄下来,抄完之后还看到...

详细内容>>

1452614351

SASS小结

SASS是Syntactically Awesome Stylesheete 的缩写,它是css的一个开发工具,提供了很多便利和简单的语法,让css看起来更像是一门语言,这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式,然后通过“编译器”生成我们所需要的cs...

详细内容>>

1452614310

HTML5实现动画三种方式

编者注:作者以一个运动的小车为例子,讲述了三种实现HTML5动画的方式,思路清晰,动画不仅仅是canvas,还有css3和javascript.通过合理的选择,来实现最优的实现。PS:由于显卡、录制的帧间隔,以及可能你电脑处理器的原因,播放过程可能有些不太流畅或者失真!分三种方式实现:(1)&nbs...

详细内容>>

1452614212

移动端开发小记 - Flexbox

在开发移动端页面的时候,出去布局方便和减少代码量的考虑,使用了 Flexbox 的布局方式,在其中也遇到了一些问题,简单记录下。什么是 Flexbox说到 Flexbox,大家应该都不陌生,网络上也有 N 多的教程。但是在这里还是简单说一下,就当回顾知识了吧。CSS 2.1 定义了四种布局模式 ― ...

详细内容>>

1452614008

css3实现自定义浏览器滚动条

以下资料来源于网络:::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)...

详细内容>>

1452613965

React组件/元素与实例分析

作者:Dan Abramov译者:Jogis译文链接:https://github.com/yesvods/Blog/issues/5转载请注明译文链接以及译者信息前言很多React新手对Components以及他们的instances和elements之间的区别感到非常困惑,为什么要用三种不同的术...

详细内容>>

1452613812

javascript php 数组 json 对比 总结

1.在js中所有要素都是继承自Object对象的,任何对象都能通过obj["name"]=something的形式来添加属性,相当于obj.name=something。之所以设计中括号这种存取方式是为了方便在存取属性不定的情况下把属性名作为变量传入进行存取。例如:functio...

详细内容>>

1452613570

JavaScript闭包闭包闭包

是的,没看错标题,重要的事情要说三篇,javascript闭包。在看下面的总结前,先来复习一下之前写过的几篇闭包(都是泪):闭包相关的代码js16:匿名函数和闭包单击li,输出当前li在列表的序号首先先简要总结闭包特性:函数的局部变量在函数返回之后仍然可用栈上的内存空间在函数返回之后仍在存在,不被回...

详细内容>>

1452613544

call和apply动态改变this

在javascript OOP中,我们经常会这样定义:function cat(){ } cat.prototype={ food:"fish", say: function(){ alert("I love "+this.food); } } ...

详细内容>>

1452613445

前端演进史

什么是前端?维基百科是这样说的:前端(front-end)和后端(back-end)是描述进程开始和结束的通用词汇。前端作用于采集输入信息,后端进行处理。计算机程序的界面样式,视觉呈现属于前端。 这种说法给人一种很模糊的感觉,但是他说得又很对,它负责视觉展示。在MVC结构或者MVP中,负责...

详细内容>>

1452613379

jQuery .on() 绑定事件无效

最近写一个管理后台,用 HTML + JS。按照以往的思路,事件绑定就直接$(selector).on "click",  function(){}上了。发现绑定的事件全都没有绑定上,按钮点击无效。后来想了想,难道是因为绑定的时候页面还没有 ready?于是又把事件绑定...

详细内容>>

1452613318

你真会用setTimeout吗?

教科书里面的setTimeout定义很简单setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。广泛应用场景定时器,轮播图,动画效果,自动滚动等等上面一些应该是setTimeout在大家心中的样子,因为我们平常使用也不是很多。但是setTimeout真的有那么简单吗?测试题一个题目...

详细内容>>

1452613255

flexbox布局的兼容性

写在前面flex布局早在2009年就有了,而现在是2015年6月8日,使用最新的flex语法会发现支持程度并不好,即使是在“高端”浏览器上也是如此,比如Chrome、Firefox、Safari、Android、IOS Safari下支持程度各不相同网上现有的代码中充斥着各种版本,在Chrome下运...

详细内容>>

1452613178

JavaScript三元运算符

在本章中,我们介绍过的运算符有一元的(一个操作数),还有二元的(两个操作数)。在JavaScript中,还有一个三元运算符—条件运算符,它要处理三个操作数。下面是一个使用它的例子:此例中,sResult被设为“value over 0.5”,因为条件值为真,就返回第二个操作数。下面是条件运算符的格式...

详细内容>>

1452613103

7个去伪存真的JavaScript面试题

1.创建JavaScript对象的两种方法是什么?这是一个非常简单的问题,如果你用过JavaScript的话。你至少得知道一种方法。但是,尽管如此,根据我的经验,也有很多自称是JavaScript程序员的人说不知道如何回答这个问题。使用“new”关键字来调用函数。open/close花括号。 va...

详细内容>>

1452613077

js 字符串转换成数字的三种方法

在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全方法主要有三种转换函数、强制类型转换、利用js...

详细内容>>

1452612988

一个完整的Flexbox指南

Flexbox布局(Flexible Box)模块(目前处于W3C工作草案)旨在提供一个更佳有效的布局方式,更好的控制项目的对齐和自由分配容器空间,即使它们的大小是未知的或动态的。因此得其名”flex“。W3C兴趣小组,翻译了一份中文,感兴趣的可以点击这里。Flex布局背后的主要思想是给容器控制项目...

详细内容>>

1452612050

【移动前端开发实践】从无到有(统计、请求、MVC、模块化)H5开发须知

前言不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦!我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没设计,当时评审需求的时候居然有一个产品经理拿了一份他设计的数据库,当时我作为一个前端就惊呆了……最初的前...

详细内容>>

1452611915

【翻译】JS动画库VelocityReact介绍

如果你习惯于使用CSS来制作动画效果,那么Velocity.js带给你的感觉很可能是“原来这一切竟然可以是真的”。我们跟很多人一样,在很久以前就放弃使用jQuery动画来制作CSS过渡和关键帧,放弃前者令我们感到欣喜,放弃后者令我们感到无奈。我们hack了setTimeout,给它添加了动画触发的后...

详细内容>>

1452611839

如何编写可维护的面向对象 JavaScript 代码

能够写出可维护的面向对象JavaScript代码不仅可以节约金钱,还能让你很受 欢迎。不信?有可能你自己或者其他什么人有一天会回来重用你的代码。如果能尽量让这个经历不那么痛苦,就可以节省不少时间。地球人都知道,时间就是金钱。 同样的,你也会因为帮某人省去了头疼的过程而获得他的偏爱。但是,在开始探...

详细内容>>

1452611108

HTML5中类jQuery选择器querySelector的使用

简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法,都是接收一...

详细内容>>

1452610600