JavaScript

页面性能优化实践总结

页面性能优化学而不思则惘,思而不学则殆前几天接到一个页面效果优化的任务,边做边查阅了一些关于页面性能的资料。做完任务之后,抽空写了一篇总结,梳理一下思路,加深自己的理解。1. chrome的timeline先思考这样的一个问题:什么叫页面性能好?如何进行评判?直观上讲,我们通常会通过一个页面流不流畅来判断一个页面的性能好不好。但是开发中,总不能这么随意吧。1-1 fpsFP

JS中的位置与大小

最近事儿比较多,一直没时间写东西,前几天又遇到关于获取元素大小的问题,每次遇到这类问题就翻书,比较费时间,所以总结一下。1.元素的偏移量元素的偏移量包括元素在屏幕上占用的所有可见的空间。元素的可见大小由其高度、宽度决定,包括所有内边距、滚动条和边框大小(注意:这里并不包括外边距)。2.客户区大小元素的客户区大小指的是元素内容机器内边距占据空间的大小。要确定浏览器可见窗口的大

自动化文件目录结构生成工具——filemap.js

项目地址:https://github.com/jrainlau/filemap 开发环境node版本为5.4.1 简介 作为一个经常写博客的人,在介绍自己的项目的时候往往需要介绍文件目录结构。在以往的情况下,要么一行一行手动码字输入,要么简单粗暴地截图,都无法方便快速地构造一个文件目录结构图出来。后来在学习算法的时候,发现文件目录结构跟树的概念非常像,于是便萌生出制作一个

JavaScript中,关于变量和声明的一些坑

今天翻译的这篇文章依旧比较基础,是这个系列文章的第三篇。主要讲述了JavaScript中关于变量声明和代码编写时你可能没它留意的一些坑。那些熟悉PHP,C,Java语言的人初接触JavaScript时,往往会觉得这是一门非常奇怪的语言。让我们从语言的基本特性:变量以及编码方式等方面来说说这些奇怪的地方。代码结构分号(;)JavaScript的语句直接是用分号(;)来隔离的。

nodejs读写ecel内容

支持读写Excel的node.js模块 node-xlsx: 基于Node.js解析excel文件数据及生成excel文件,仅支持xlsx格式文件; excel-parser: 基于Node.js解析excel文件数据,支持xls及xlsx格式文件; excel-export : 基于Node.js将数据生成导出excel文件,生成文件格式为xlsx; node-xlrd:

强势推荐:React Native Js 自动补全插件

在atom的包管理器中无意间发现一个非常有用的插件!值得大家拥有。 看图说明一切。 插件的名字叫:atom-react-native-autocomplete 插件下载与介绍地址: https://atom.io/packages/atom-react-native-autocomplete 关键字:react.js, html5, JavaScript, jsx

推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库

推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库0. 引言如果你是一个游戏开发者,并且正在寻找一个可以与 JavaScript 和 HTML5 无缝工作的游戏引擎。那么在这里你会找到你需要的东西。尽管市面上有很多免费和付费的游戏引擎,但一个让专业的游戏开发者满意的游戏引擎肯定需要包含独特的东西。游戏开发者对完美游戏引擎的追求永远不会停止。下面将介绍最好的

JavaScript代码检查及与gulp、git的结合使用

在团队开发过程中,我们可能会要浪费一些时间在代码检查上,譬如拼写的检查、代码规范的检查。作为码农,我们当然不能把自己的时间浪费这种无意义的事情上,所以本篇我将介绍一些自动化代码检查的东西和项目实际上的应用。JSHint安装及使用JSHint是一个用于JavaScript代码静态检查的一些开源项目。他是运行与node环境,可以对我们指定的JavaScript文件进行一些静态的

Node.js 深度体验

Node.js模块系统 模块是Node.js 应用程序的基本组成部分,文件和模块是一一对应的 node.js //代码 require('./love') 引入了当前目录下的love.js文件 var love = require('./love');love.confession(); love.reject();love.js //代码 require('./love'

DIV 上下左右居中黑科技

# info{height:0px; width:0px;top:50%; left:50%;position:absolute;} # center{background:# FFCC33;border:1px solid # 0033FF; width:300px;height:300px;position:absolute; margin:-150px;} 哆啦A梦