JavaScript

《每周一点canvas动画》 —— 弹性动画

本系列文章代码文件在上一章我们介绍了缓动动画,并且对弹性动画的概念做了简单的介绍。弹性动画(spring)与缓动动画都是基于距离的百分比动画,两者的不同之处在于,一个作用于速度(ease), 一个作用于加速度(spring)。弹性动画是动画中相当有用的的一个物理概念,通过它你可以做很多酷炫的效果,本节的主要内容如下:简单的弹性动画鼠标跟随弹性动画offset spring总

[ Ruff 开发套件 ] Lesson 1 - SOS 求救灯

前言Ruff 是一个支持 JavaScript 开发应用的物联网操作系统,让物联网应用开发更简单高效。Ruff 开发套件 是一个旨在帮助开发者快速学习使用 Ruff 的工具,并且通过 Ruff 开发套件可以快速建立产品原型。本教程是针对 Ruff 开发套件 的使用教程,从10个外设配件起的应用开发再到驱动开发以及板卡开发,我们将从头开始一步步教大家如何使用 Ruff

JavaScript-cookie优缺点及操作代码

JavaScript--cookiecookie可以像身份证一样在客户端请求服务器的时候确定信息。也可以在客户端分担服务端的压力,做很多判断和存储信息。cookie 优缺点优点:1.只在cookie中存放不敏感数据,即使被盗也不会有重大损失。2.控制cookie的生命期,使之不会永远有效。就算被盗了偷盗者很可能拿到的是一个过期的cookie。3.cookie帮助服务端承担了

MXBridge - 插件式JS与OC交互框架

概述MXBridge,提供一个插件式的JavaScript与Objective-C交互的框架,通过JavaScriptCore实现,插件式扩展Obejctive-C接口以供JavaScript调用.前往Github查看主要的类大致画了一下类图:结合上图,先介绍一下这里几个类的方法:UIWebView(MXBridge) : category,持有一个MXWebViewDel

JavaScript中的数据类型及其检测

JavaScript中的数据类型及其检测1. 数据类型1.1 基本类型NumberStringBooleanNullUndefinedSymbol1.2 引用类型ObjectArrayFunctionRegExpDate2. 类型检测2.1 typeofvar s = 'Nicholas';var b = true;var i = 22;var u;var n = null

前端模板Handlerbar

在使用mustache.js时候, 遇到一些格式化时间这样的功能, 总会很麻烦.比如:{"items":[{"title" : "标题1","createDate":"2016-06-10T15:48:00.000Z"},{"title" : "标题2","createDate":"2016-06-10T18:48:00.000Z"}]}要想格式化列表里的时间createD

javascript的this的理解

javascript的this关键字总是让人捉摸不透,this关键字代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,因为函数的调用场景不同,this的指向也不同。其实只要理解javascript语言的特性就很好理解this。在javascript中,函数可以直接调用:function range(){ this.min = 5;}range()consol

GoJS 绘图 (三) :shapes

绘制一个几何图形。您可以控制什么样的形状绘制以及它是如何绘画和填充。形状不像的TextBlocks和Pictures,形状不能包含任何其他对象。基础图形您可以设置Shape.figure属性通常为各种形状。还需要设置GraphObject.desiredSize或GraphObject.width和GraphObject.height参数,作为确定形状尺寸。在这些简单的演示

JavaScript简易排序算法及简易优化

JavaScript简易排序算法及简易优化快速排序原理:在待排序序列中选一个分割元素,将待排序序列分隔成独立的子序列,子序列1里的元素比分割元素元素都小(大),子序列2反之,递归进行此操作,以达到子序列都有序。最后将子序列用concat方法连接起来即是排序好的序列。function quickSort(arr){ if(arr.length tmp){

从 forEach 开始谈谈遍历

forEach今天从 forEach 开始谈谈遍历吧。forEach 作为一个比较出众的遍历操作,之前有很多库都对其进行过各种包装,然而我还是发现很多人并不是非常理解 forEach。比如第二个参数 this 的使用。往常都习惯这么做:const self = thisarr.forEach(function(item) {// do something with this