技术斋

这段代码是同事帮我写的，觉得写得很好，对JS初学的我来说，很有帮助，所以贴出来，大家一起学习。function StrokeDrawer(orginalDatas) { var _strokeDatas = orginalDatas; var _currIndex = 0; var _callback; function _draw(){ if(_cu

(function(window) { var re = { not_string: /[^s]/, number: /[dief]/, text: /^[^\x25]+/, modulo: /^\x25{2}/, placeholder: /^\x25(?:([1-9]\d*)\$|\(([^\)]+)\))

/*! query-string Parse and stringify URL query strings https://github.com/sindresorhus/query-string by Sindre Sorhus MIT License*/(function () { 'use strict'; var queryString = {}; queryStr

/* below is five method to do the same thing *//* a. Start and stop animations using functions. */function startAnimation() { ...}function stopAnimation() { ...}/* b. Anim class. */va

/* An anonymous function, executed immediately. */(function() { var foo = 10; var bar = 2; alert(foo * bar);})();/* An anonymous function with arguments. */(function(foo, bar) { alert(

文章原封不动转自：http://www.cnblogs.com/jsjrjcj/archive/2011/05/25/2056627.html如何用面向对象的思想来写JavaScript，对于初学者应该是比较难的，我们经常用的JQuery其实也是用面向对象的思想去封装的，今天我们来看看如何在Javascript中用Interface，在C#还是JAVA中都应该面向接口设计我们的

function SaveToDisk(fileURL, fileName) { // for non-IE if (!window.ActiveXObject) { var save = document.createElement('a'); save.href = fileURL; save.target = '_blank';

function QueueLoadFile(deals) { var _self = this, defer = $.Deferred(); var _queueList = [], _queueLen = 0, _isDoing = false; function push(deals) { var

定义将请求封装为对象，从而客户端接收的参数可以是不同的请求对象、队列或日志请求，并支持可撤销的操作。使用频次：5颗星   命令模式封装行为为对象，命令对象将发出请求的对象和实际处理请求的对象区分开来。这些请求被称为事件，处理这些请求的代码被称为事件处理器。假设你正在开发一个支持剪切、复制、粘贴等鼠标操作的应用。应用中能以不同的方式触发这些操作，例如一些菜单操作或者键

ppi:  每英寸包含物理像素数计算公式，dppx：每个css像素包含物理像素数dppx可以看作devicePixelRatio（设备像素比，简称DPR）的单位，尽管DPR本身并不需要单位更多参考：https://www.zhihu.com/question/35221839/answer/66825618

http://codepen.io/chitanda/pen/XbNBKE/

# Airbnb JavaScript Style Guide() {*A mostly reasonable approach to JavaScript*## Table of Contents  1. [Types](#types)  1. [Objects](#objects)  1. [Arrays](#arrays)  1. [S

1.数组拷贝var arr1=[1,2,3];var arr2 = arr1.slice

$.ajax({ url:"strock.js?name="+chiWord, async:false, success:function(json){ _this.jsonObj = json; if (_this.jsonObj==null) { alert("parse json error"); return;

var url = "http://127.0.0.1:9000/chi/stroke.html#ChineseWord=问&strokeNum=0&playAll=0&playOne=0&speed=10&setspeed=0";var re = /[\u4E00-\u9FA5]/g;url.replace(re, "坏");

function fn(arg1, arg2, callback){ var num = Math.ceil(Math.random() * (arg1 - arg2) + arg2); callback(num);　　//传递结果}fn(10, 20, function(num){ console.log("Callback called! Num: "

*前端工程师 浏览器：  IE6/7/8/9/10  Firefox  Chrome/Safari/Opera 编程语言：  Javascript/Node.js  CoffeeScript  TypeScript 切页面：  HTML/HTML5  CSS/CSS3  PhotoShop/Paint.net/FireWorks 开发工具： 

参考：http://runjs.cn/code/k09vtlq7 var _getContourData = function(contourData,canvas){ var w = canvas.width; var h = canvas.height; _draft = canvas.getContext('2d').createI

下面给一个利用html5 canvas 画图的

具体参考：http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/

图像轮廓获取方法，英文名叫 contour tracing ，或者叫 border following,常见的方法有：Square Tracing Algorithm ，Moore-Neighbor Tracing ，Radial Sweep ， Theo Pavlidis' Algorithm 。参考：http://www.imageprocessingplace.com/downloa

最近做一个项目，要实现web页面上要实现slider，

出于要打造一个各个web应用间能够相互联系的生态系统的目标，则需要一种在各个窗口间安全发送消息的方式，利用postMessage()开发正是这样一种方式。曾经很长一段时间以来，只有遵守相同协议，并且具有相同端口号，同时在一个主机这样的条件下，窗口间才能互发消息。postMessage()提供了一种安全的跨域通信方法，从而打破了这样的限制。在这篇文章中你将首先学习如何利用po

介绍，vue动态组件，及其动态组件切换时的动画https://coligo.io/dynamic-components-in-vuejs/