js define源码

2024-08-15

requirejs源码分析: define 方法

define = function (name, deps, callback) { var node, context; //Allow for anonymous modules if (typeof name !== 'string') { //Adjust args appropriately callback = deps; deps = name; name = null; } //This mo

[百度地图] 用于类似 DWZ UI 框架的百度地图功能封装类 [MultiZMap.js] 实例源码

MultiZMap 功能说明 MultiZMap.js 本类方法功能大多使用 prototype 原型实现,它是 ZMap 的多加载版本,主要用于类似 DWZ 这个多标签的 UI 的框架: 包含的功能有:轨迹回放,圈画区域可编辑,判断几个坐标是否在一个圆圈内,生活服务查询,从经纬度获取地址信息,地图工具包括测距,获取面积,以积打印地图,地图全屏,实时路况,坐标是否在polygon区域内,打车方案,经过中间途经点,添加地图控件: 界面查看 : http://www.cnblogs.com/ed

从vue.js的源码分析，input和textarea上的v-model指令到底做了什么

v-model是 vue.js 中用于在表单表单元素上创建双向数据绑定,它的本质只是一个语法糖,在单向数据绑定的基础上,增加了监听用户输入事件并更新数据的功能:对,它本质上只是一个语法糖,但到底是一个什么样的语法糖呢……?正好最近我也踩到相关的坑了,就从最简单的input和textarea元素入手,分析一下v-model这个指令到底做了什么吧请先确认您已阅读过官方文档中关于v-model的部分没有任何修饰符的 v-model v-model 会根据绑定元素的类型,监听不同的输入事件,在 in

【 js 模块加载】深入学习模块化加载（node.js 模块源码）

一.模块规范说到模块化加载,就不得先说一说模块规范.模块规范是用来约束每个模块,让其必须按照一定的格式编写.AMD,CMD,CommonJS 是目前最常用的三种模块化书写规范. 1.AMD(Asynchronous Module Definition):异步模块定义,所谓异步是指模块和模块的依赖可以被异步加载,他们的加载不会影响它后面语句的运行.有效避免了采用同步加载方式中导致的页面假死现象.AMD代表:RequireJS. 它主要有两个接口:define 和 require.defin

【 js 模块加载】【源码学习】深入学习模块化加载（node.js 模块源码）

文章提纲: 第一部分:介绍模块规范及之间区别第二部分:以 node.js 实现模块化规范源码,深入学习. 一.模块规范说到模块化加载,就不得先说一说模块规范.模块规范是用来约束每个模块,让其必须按照一定的格式编写.AMD,CMD,CommonJS 是目前最常用的三种模块化书写规范. 1.AMD(Asynchronous Module Definition):异步模块定义,所谓异步是指模块和模块的依赖可以被异步加载,他们的加载不会影响它后面语句的运行.有效避免了采用同步加载方式中导致的页面

百度地图整合功能分享修正版[ZMap.js] 实例源码!

ZMap 功能说明 ZMap 是学习百度地图 api 接口,开发基本功能后整的一个脚本类,本类方法功能大多使用 prototype 原型实现: 包含的功能有:轨迹回放,圈画区域可编辑,判断几个坐标是否在一个圆圈内,生活服务查询,从经纬度获取地址信息,地图工具包括测距,获取面积,以积打印地图,地图全屏,实时路况,坐标是否在polygon区域内,打车方案,经过中间途经点,添加地图控件: 修改跟新增一些功能; /** * 百度地图 api 功能整合 * @author Gloot * @email

深入理解 path-to-regexp.js 及源码分析

阅读目录一:path-to-regexp.js 源码分析如下: 二:pathToRegexp 的方法使用回到顶部一:path-to-regexp.js 源码分析如下: 我们在vue-router中,react-router或koa-router中,我们经常做路由匹配像这种格式的 /foo/:id 这样的,或者其他更复杂的路由匹配,都能支持,那么这些路由背后是怎么做的呢?其实它就是依赖于 path-to-regexp.js的.下面我们先来了解下 path-to-regexp.js的基本用法.

JS StartMove源码-简单运动框架

这几天学习js运动应用课程时,开始接触一个小例子:“仿Flash的图片轮换播放器”,其中使用的StartMove简单运动框架我觉得挺好用的.这个源码也简单,理解其原理,自己敲即便也就熟悉了. 用的时候,将下列代码放在一个js文件,如move.js.然后使用的时候引入该文件.如<script src="move.js"></script> function getStyle(obj,name){ //获取对象的样式 if(obj.currentStyle){ //

在centos7上安装gcc、node.js（源码下载）

一.在centos7中安装node.js https://www.cnblogs.com/lpbottle/p/7733397.html 1.从源码下载Nodejs cd /usr/local/srcwget https://npm.taobao.org/mirrors/node/v8.7.0/node-v8.7.0.tar.gz 2.解压缩 nodejs 安装包 tar xvf node-v8.7.0.tar.gz 3.进入解压的node文件夹,安装必要的编译软件包 cd node-v8.7.

学会读JQuery等JS插件源码

看了 http://my249645546.iteye.com/blog/1716629 上的这篇文章感觉挺好的,所以决定转过来,谢谢这位博主. 很多人觉得jquery.ext等一些开源js源代码十分的晦涩,读不懂,遇到问题需要调试也很费劲.其实我个人感觉主要是有几个方面的原因: 1.对一些js不常用的语法.操作符不熟悉 2.某个function中又嵌套了一些内部的function,使得整个代码的层次结构不像java代码那么清晰. 3.js中允许变量先使用后定义,会造成我们看代码时候忽然冒出来

深入Vue.js从源码开始(二)

从入口开始我们之前提到过 Vue.js 构建过程,在 web 应用下,我们来分析 Runtime + Compiler 构建出来的 Vue.js,它的入口是 src/platforms/web/entry-runtime-with-compiler.js: 摘选entry-runtime-with-compiler.js import config from 'core/config' import { warn, cached } from 'core/util/index' import

Vue.js 从源码理解v-for和v-if的优先级的高低

在vue.js里面,v-for和v-if是可以一起使用作用在某个元素上,网上看到一篇文章说永远不要把v-for和v-if同时用在同一个元素上,感觉有点瞎扯,官网也注明了可以一起使用的,还把两个指令的优先级给说明了: 当v-if和v-for一起使用时,v-for的优先级更高,为了方便理解举个栗子: <div id="app"> <ul> <li v-for="item in Nums" v-if="item%2==0"

node.js require() 源码解读

时至今日,Node.js 的模块仓库 npmjs.com ,已经存放了15万个模块,其中绝大部分都是 CommonJS 格式.这种格式的核心就是 require 语句,模块通过它加载.学习 Node.js ,必学如何使用 require 语句.本文通过源码分析,详细介绍 require 语句的内部运行机制,帮你理解 Node.js 的模块机制. 一.require() 的基本用法分析源码之前,先介绍 require 语句的内部逻辑.如果你只想了解 require 的用法,只看这一段就够了.下面的

ubuntu下安装Node.js（源码安装）

最近使用hexo的过程中出现了问题,中间载nodejs安装的时候也耽误了些许时间,所以在此记录一下安装的过程. 环境:ubuntu14.0.4LTS,安装nodejs版本node-v0.10.36.tar.gz.点我下载这里选择源码包安装方式,下载之后,安装过程如下: $ sudo cp node-v0.10.36.tar.gz /usr/local/src/ $ tar xvf node-v0.10.36.tar.gz $ cd node-v0.10.36 $ ./configure $ m

js 俄罗斯方块源码，简单易懂

1.自己引入jquery <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } .box{ width: 400px; height: 600px; margin: 20px auto; borde

原声js 五子棋源码

Welcome to use MarkDown <style type="text/css"> .box{ width: 600px; height: 600px; background: url(img/bak.jpg) no-repeat; background-size: cover; margin: 30px auto; border: 1px solid #000000; } </style> <div class="box"

JsExcelXml.js的源码

var JSXmlExcel = { ConvertXmlDoc: function (text) { var xmlDoc = null; try { xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = "false"; xmlDoc.loadXML(text); } catch (e) { try { parser = new DOMParser(); xmlDoc = parser.pa

require.js 源码解读——配置默认上下文

首先,我们先来简单说一下,require.js的原理: 1.载入模块  2.通过模块名解析出模块信息,以及计算出URL  3.通过创建SCRIPT的形式把模块加载到页面中.  4.判断被加载的脚本,如果发现它有依赖就去加载依赖模块.如果不依赖其它模块,就直接执行factory方法  5.等所有脚本都被加载完毕就执行加载完成之后的回调函数. 从今天起,我们跟着我们简单的例子,通过跟踪代码,来了解require.js的源码. <!DOCTYPE html> <html lang="

【 js 基础】【源码学习】backbone 源码阅读（二）

最近看完了 backbone.js 的源码,这里对于源码的细节就不再赘述了,大家可以 star 我的源码阅读项目(source-code-study)进行参考交流,有详细的源码注释,以及知识总结,同时 google 一下 backbone 源码,也有很多优秀的文章可以用来学习. 我这里主要记录一些偏设计方向的知识点.这篇文章主要讲控制反转. 一.控制反转上篇文章有说到控制反转,但只是简略的举了个例子,在这里我们详细说一下这个知识点,它其实并没有那么简单. 控制反转(Inversion of

html5 Sortable.js 拖拽排序源码分析

最近公司项目经常用到一个拖拽 Sortable.js插件,所以有空的时候看了 Sortable.js 源码,总共1300多行这样,写的挺完美的. 本帖属于原创,转载请出名出处. 官网http://rubaxa.github.io/Sortable/ 技术交流qq群 302817612 拖拽的时候主要由这几个事件完成, ondragstart 事件:当拖拽元素开始被拖拽的时候触发的事件,此事件作用在被拖曳元素上 ondragenter 事件:当拖曳元素进入目标元素的时候触发的事件,此事件

Require.js 源码分析

本文将简单介绍下个人对require.js的源码分析,简单分析实现原理一.require加载资源的流程 require中,根据AMD(Asynchronous Module Definition)的思想,即异步模块加载机制,其思想就是把代码分为一个个的模块来分块按需加载,这样我们可以组装很多UI或者功能组件,从而实现代码的复用性. 1.data-main 函数从requirejs方法开始调用,newContext方法调用makeRequire方法. 1.1 makeRequire方法判断mod

js define源码

热门专题