![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
pengfoo
这个作者很懒,什么都没留下…
展开
-
javascript面向对象和回调的一个示例
这段代码是同事帮我写的,觉得写得很好,对JS初学的我来说,很有帮助,所以贴出来,大家一起学习。function StrokeDrawer(orginalDatas) { var _strokeDatas = orginalDatas; var _currIndex = 0; var _callback; function _draw(){ if(_cu原创 2013-09-04 19:24:26 · 1238 阅读 · 1 评论 -
JavaScript 实现sprintf 功能代码
(function(window) { var re = { not_string: /[^s]/, number: /[dief]/, text: /^[^\x25]+/, modulo: /^\x25{2}/, placeholder: /^\x25(?:([1-9]\d*)\$|\(([^\)]+)\))转载 2014-10-14 13:47:08 · 5506 阅读 · 0 评论 -
JavaScript解析URL参数
/*! 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转载 2014-10-14 15:54:07 · 1330 阅读 · 0 评论 -
灵活的JavaScript
/* below is five method to do the same thing *//* a. Start and stop animations using functions. */function startAnimation() { ...}function stopAnimation() { ...}/* b. Anim class. */va转载 2014-10-16 17:30:31 · 795 阅读 · 0 评论 -
JavaScipt中作为一等公民的函数
/* An anonymous function, executed immediately. */(function() { var foo = 10; var bar = 2; alert(foo * bar);})();/* An anonymous function with arguments. */(function(foo, bar) { alert(转载 2014-10-17 09:06:38 · 795 阅读 · 0 评论 -
JavaScript设计模式--实现接口Interface
文章原封不动转自:http://www.cnblogs.com/jsjrjcj/archive/2011/05/25/2056627.html如何用面向对象的思想来写JavaScript,对于初学者应该是比较难的,我们经常用的JQuery其实也是用面向对象的思想去封装的,今天我们来看看如何在Javascript中用Interface,在C#还是JAVA中都应该面向接口设计我们的转载 2015-03-05 17:15:25 · 980 阅读 · 0 评论 -
Javascript文件对话框
function SaveToDisk(fileURL, fileName) { // for non-IE if (!window.ActiveXObject) { var save = document.createElement('a'); save.href = fileURL; save.target = '_blank';转载 2015-05-20 10:44:05 · 854 阅读 · 0 评论 -
javascript实现队列
function QueueLoadFile(deals) { var _self = this, defer = $.Deferred(); var _queueList = [], _queueLen = 0, _isDoing = false; function push(deals) { var转载 2015-05-20 10:45:51 · 669 阅读 · 0 评论 -
JavaScript设计模式--行为类型--命令模式
定义将请求封装为对象,从而客户端接收的参数可以是不同的请求对象、队列或日志请求,并支持可撤销的操作。使用频次:5颗星 命令模式封装行为为对象,命令对象将发出请求的对象和实际处理请求的对象区分开来。这些请求被称为事件,处理这些请求的代码被称为事件处理器。假设你正在开发一个支持剪切、复制、粘贴等鼠标操作的应用。应用中能以不同的方式触发这些操作,例如一些菜单操作或者键翻译 2016-01-27 10:21:45 · 740 阅读 · 0 评论 -
ppi,dppx,dpr
ppi: 每英寸包含物理像素数计算公式,dppx:每个css像素包含物理像素数dppx可以看作devicePixelRatio(设备像素比,简称DPR)的单位,尽管DPR本身并不需要单位更多参考:https://www.zhihu.com/question/35221839/answer/66825618原创 2016-11-01 19:11:00 · 1974 阅读 · 0 评论 -
css3自定义checkbox与radiobox
http://codepen.io/chitanda/pen/XbNBKE/转载 2016-12-05 17:52:50 · 850 阅读 · 0 评论 -
JS规范
# Airbnb JavaScript Style Guide() {*A mostly reasonable approach to JavaScript*## Table of Contents 1. [Types](#types) 1. [Objects](#objects) 1. [Arrays](#arrays) 1. [S转载 2014-10-13 20:07:39 · 1276 阅读 · 0 评论 -
JavaScript基础知识点
1.数组拷贝var arr1=[1,2,3];var arr2 = arr1.slice原创 2014-10-13 16:12:56 · 802 阅读 · 0 评论 -
ajax 请求某个文件
$.ajax({ url:"strock.js?name="+chiWord, async:false, success:function(json){ _this.jsonObj = json; if (_this.jsonObj==null) { alert("parse json error"); return;原创 2013-09-05 11:01:06 · 1389 阅读 · 1 评论 -
javascript替换字符串中的某个汉字
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, "坏");原创 2013-10-07 17:34:30 · 3058 阅读 · 0 评论 -
JavaScript中回调的示例理解
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: "原创 2013-11-18 14:09:11 · 856 阅读 · 0 评论 -
前端开发知识结构
*前端工程师 浏览器: IE6/7/8/9/10 Firefox Chrome/Safari/Opera 编程语言: Javascript/Node.js CoffeeScript TypeScript 切页面: HTML/HTML5 CSS/CSS3 PhotoShop/Paint.net/FireWorks 开发工具:转载 2013-11-20 21:09:07 · 1427 阅读 · 0 评论 -
扫描像素点法获取图形轮廓
参考:http://runjs.cn/code/k09vtlq7 var _getContourData = function(contourData,canvas){ var w = canvas.width; var h = canvas.height; _draft = canvas.getContext('2d').createI原创 2013-12-11 09:21:55 · 4038 阅读 · 0 评论 -
利用html5 canvas 画图的一个例子
下面给一个利用html5 canvas 画图的原创 2014-04-29 19:15:46 · 3265 阅读 · 0 评论 -
html5 canvas 英雄打怪小游戏
具体参考:http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/转载 2014-04-18 09:08:23 · 3201 阅读 · 0 评论 -
利用marching square algorithm获取图形轮廓
图像轮廓获取方法,英文名叫 contour tracing ,或者叫 border following,常见的方法有:Square Tracing Algorithm ,Moore-Neighbor Tracing ,Radial Sweep , Theo Pavlidis' Algorithm 。参考:http://www.imageprocessingplace.com/downloa原创 2013-12-12 10:46:56 · 6661 阅读 · 0 评论 -
两种方式实现web html slider
最近做一个项目,要实现web页面上要实现slider,原创 2014-04-25 17:26:03 · 8978 阅读 · 1 评论 -
用postMessage实现跨域通信
出于要打造一个各个web应用间能够相互联系的生态系统的目标,则需要一种在各个窗口间安全发送消息的方式,利用postMessage()开发正是这样一种方式。曾经很长一段时间以来,只有遵守相同协议,并且具有相同端口号,同时在一个主机这样的条件下,窗口间才能互发消息。postMessage()提供了一种安全的跨域通信方法,从而打破了这样的限制。在这篇文章中你将首先学习如何利用po翻译 2014-04-10 19:58:52 · 3868 阅读 · 0 评论 -
vue 动态组件
介绍,vue动态组件,及其动态组件切换时的动画https://coligo.io/dynamic-components-in-vuejs/转载 2017-07-17 10:21:52 · 924 阅读 · 0 评论