一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）本文主要为大家介绍一下Node.js安装及环境配置方法，本文的教程非常的详细，希望能帮助到大家。二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaS...
本教程分为以下三步： Step1 - Photoshop Step2 - HTML/CSS Step3 - JavaScript(jQuery) Step4 - CSS修改 最终结果如下：Step1 - Photoshop 1. 新建文件按钮的尺寸是100px X 80px，但由于我们需要创建一个有两种状态的CSS sprite背景图，所以我们在Photoshop中创建（Ctrl+N）一个长宽为200px X 160px的图片文件，如下图：2. 创建参考线为了使绘制按钮更容易，我们创建参考线，从标尺中拉出参考线，如果你找不到标尺，可以按Ctrl+...
这篇文章主要介绍了浅谈FastClick 填坑及源码解析，现在分享给大家，也给大家做个参考。最近产品妹子提出了一个体验issue —— 用 iOS 在手Q阅读书友交流区发表书评时，光标点击总是不好定位到正确的位置：如上图，具体表现是较快点击时，光标总会跳到 textarea 内容的尾部。只有当点击停留时间较久一点（比如超过150ms）才能把光标正常定位到正确的位置。一开始我以为是 iOS 原生的交互问题没太在意，但后来发现访问某些页面又是没...
前言 React 是一个用于构建用户界面的 JavaScript 库。react主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。关注React也已经很久了，一直没能系统地深入学习，最近准备好好研究一下，并且亲自动手做一些实践。 不管是学习一门语言也好，还是学习一个框架也好，都是从最初的hello world程序开始的，今天我们也来用react写一个hello world出来，了解一下如何编写及运行React。 入门教程及环境搭建 在官方文档中，有一种方...
sentry简介 Sentry 是一个开源的错误追踪工具，可以帮助开发人员实时监控和修复系统中的错误。其专注于错误监控以及提取一切事后处理所需的信息;支持几乎所有主流开发语言( JS/Java/Python/php )和平台, 并提供了web来展示输出错误。 sentry官网： https://sentry.io/ sentry安装 sentry 是一个开源的工具，可以自行搭建。 官方支持两种安装和运行 Sentry 服务器的方法， Docker 和 Python 。推荐使用 Docker 。 当然，对于刚开始接...
本文实例讲述了Node.js多页面实现的数学运算。分享给大家供大家参考，具体如下： app-node.js var http_port = 3000; var http = require(http); var htutil = require(./htutil); var server = http.createServer(function(req, res){htutil.loadParams(req, res, undefined);if (req.requrl.pathname === /){require(./home-node).get(req, res);}else if (req.requrl.pathname === /square){require(./square-node).get(req, re...
定义插件的结构骨架： 书中最开始使用的结构骨架如下： 代码如下:jQuery.fn.fluginmane=function(){ return this.each(function(){ //code... }) } 这种结构不是很理想，特别书中提到，为了防止冲突例子不使用$，而使用jQuery。在这里，我们使用匿名函数的方式实现插件的结构骨架，这样就可以防止可能的冲突。也希望大家好好了解下匿名函数相关的知识。 代码如下:(function($){ $.fn.fluginname=fu...
Javascript的基本概念 i. javascript语言是网页中广泛使用的一种脚本语言。 ii. Javascript语言的特点： 1. 由Netscape公司开发，基于对象和事件驱动并具有一定安全性的脚本语言。 2. 特点： a) Javascript是一种脚本语言，同时也是一种解释性语言； b) Javascript是靠浏览器中的javascript解释器来运行的，与操作环境没有关系； c) 在javascript中，采用的是不太严格的数据类型，这样的俄好处是在定义或使用数据的时候可以更加...
本篇文章详细的介绍了JavaScript中的块级作用域、私有变量与模块模式，详细介绍了块级作用域、私有变量与模块模式，对学习JavaScript很有帮助。本文详细的介绍了JavaScript中的块级作用域、私有变量与模块模式，废话就不多说了，具体如下：1.块级作用域(私有作用域)，经常在全局作用域中被用在函数外部，从而限制向全局作用域中添加过多的变量和函数。(function(count){ for(var i=0;i<count;i++){ console.log(i);//=>0、1、2、3、...
这篇文章主要介绍了JavaScript函数表达式详解及实例的相关资料,需要的朋友可以参考下JavaScript函数表达式一、序 定义函数的方式有两种：一种是函数声明，另一种就是函数表达式； 1.1 函数声明function functionName(arg){//函数体 } 关于函数声明，它有一个重要特征就是函数声明提升，意思就是在执行代码之前会先读取函数声明。这就意味着可以把函数放在调用它的语句后面。如下所示：helloworld(); //在代码执行之...
安装express.js 如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可： 代码如下:npm install express -gd -g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹)，你可以透过以下指令来比较两者的不同：代码如下:npm list -gnpm list 如果没有npm，那么我可以使用github来git下来最新的express。好了，现在你可以通过express te...
本文主要和大家介绍了详解plotly.js 绘图库入门使用教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。Plotly缘起这两天想在前端展现数学函数图像，猜测应该有成熟的 js 库。于是，简单的进行了尝试。最后决定使用plotly.js，其他的比如function-plot 看起来也不错，以后有时间再看。Plotlyplotly.js is the open source JavaScript graphing library that powers Plotly.Plo...
因为 DOM 的存在，这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。 NOTE：下面提供的例子中的 element 均为元素节点。 获取节点 父子关系element.parentNode element.firstChild/element.lastChild element.childNodes/element.children兄弟关系element.previousSibling/element.nextSibling element.previousElementSibling/element.nextElementSibling通过节点直接的关系获取节点会导致代码维护性大大降低（节点之...
本篇文章主要介绍了vue 将页面公用的头部组件化的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧本文介绍了vue 将页面公用的头部组件化的方法，分享给大家，具体如下：呃……重新捡起前面用vue-cli快速生成的项目。之前是做过一个多页面的改造，以及引入vux的ui组件，这次在这个项目的基础上，再来聊聊vue中的component。别问我为啥总是写关于vue的博客，都是为了生计（………………）这是官方...
Snippet – jQuery Syntax Highlighter ( 演示 | 下载 )Snippet 是一款超棒的代码高亮插件，支持15种流行语言，有数十种配色方案供选择，酷！ Apple-like Retina Effect With jQuery ( 演示 | 下载 ) 使用 jQuery 实现的苹果 Retina 效果插件，很棒！ Animate Panning Slideshow with jQuery ( 演示 | 下载 ) 一款很棒的 jQuery 幻灯片插件，有详细的制作教程。 Colourful rating system with CSS3 ( 演示 | 下载 ) 使用 jQuer...