JavaScript

前端面试大全

HTML面试题1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2.前端页面有哪三层构成,分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3.你做的页面在哪些流览

《每周一点canvas动画》——移动物体(2)

本系列文章代码文件在上一节《每周一点canvas动画》——移动物体(1)中我们介绍了如何捕获一个物体,并且对物体进行拖拽。首先,我们在小球的原型对象上添加了一个方法getBounds(),该方法的作用是返回一个对象,该对象内包含小球的坐标和长宽属性值,并且在我们的工具函数utils.js中也添加了一个方法containPoints(rect, x, y),该方法传入3个参数

前端工具系列之一 Gulp

从(大约)2014年开始,前端不再是当初那个切图排版的前端了,各种MV*框架、库、工具呈井喷之势层出不穷。构建工具比较有名的如Grunt、Gulp、Yeoman、webpack;依赖管理比如bower、npm,当然最流行最广为人知的还是作为Nodejs的管理器npm;模块化出现了CMD、AMD、UMD等,例如requirejs、seajs等的。当然,许多技术、技术思维等出现

[译]ES6中Arguments和Parameters用法解析

ES6中Arguments和Parameters用法解析By Faraz KelhiniJuly 20th, 2016JavaScriptTools7 CommentsECMAScript 6 (也称 ECMAScript 2015) 是ECMAScript 标准的最新版本,显著地完善了JS中参数的处理方式。除了其它新特性外,我们还可以使用rest参数、默认值、解构赋值等。

零React基础入门Amae UI Touch!

全文的目的是达成使用amazeui-touch进行项目开发,并且以我这个前端菜鸟所见所学来归纳整理。文章不对详细内容做讲解。环境安装与前期准备我的基础环境:Win10ATOM : GitHub出的开源的编辑器CMDER : https://nodejs.org/en/ 官网直接下载最新版安装即可基本的配置需求:webpack: https://webpack.github

定时器:基础认知

定时器定时器概念是程序按指定的时间间隔(反复)自动的执行一项任务定时器方法属于window对象如果在该方法中使用this,this的值在非严格模式下返回的是window对象,在严格模式下返回的是undefined。分为一次性定时器和周期性定时器一次性定时器setTimeout(),接收两个参数:要执行的代码和以毫秒表示的时间,只在等待时间到达后执行一次第一个参数可以是一段包

使用JavaScript闭包遇到的陷阱(一)

使用JavaScript闭包遇到的陷阱(一)陷阱:在类的原型对象中添加特权方法首先定义一个Page类,该类中有一个私有变量dom:function Page(){var dom;}定义2个特权方法来访问、修改私有变量dom:function Page(){var dom;this.setDom=function(newDom){dom=newDom;};this.getDo

44个JavaScript变态题解析

第1题["1", "2", "3"].map(parseInt)知识点:Array/mapNumber/parseIntJavaScript parseInt首先, map接受两个参数, 一个回调函数 callback, 一个回调函数的this值其中回调函数接受三个参数 currentValue, index, arrary;而题目中, map只传入了回调函数–parseI

【underscore 源码解读】Object Functions 相关源码拾遗 & 小结

Why underscore最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中。阅读一些著名框架类库的源码,就好像和一个个大师对话,你会学到很多。为什么是 underscore?最主要的原因是 underscore 简短精悍(约 1.5k 行),封装了 100 多个有用的方法,耦合度低,非常适合逐个方法阅读

页面动画知识点整理

平时工作中会遇到需要实现一些存在动画的页面。这里对动画的实现知识做一个整理。页面动画的实现可以分为两类:CSS动画、Canvas动画、JavaScript动画。JavaScript动画没啥好讲的,这里就不整理了。CSS动画CSS3中提供了一个属性transition,用来实现CSS样式的平滑变化。举个例子:.box {width: 100px;height: 100px;b