51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#Asc
使用r.js来打包模块化的javascript文件
r.js(下载)是requireJS的优化(Optimizer)工具,可以实现前端文件的压缩与合并,在requireJS异步按需加载的基础上进一步提供前端优化,减小前端文件大小、减少对服务器的文件请求。本文将详细介绍r.js 简单打包【项目结构】 以一个简单的例子来说明r.js的使用。该项目名称为'de...
代码星球
·
2020-05-24
使用
r.js
打包
模块化
Javascript
使用javascript生成当前博文地址的二维码图片
在电脑端发现一篇好的博文,想在手机上访问。这时,就必须打开手机浏览器输入长长的URL地址才行,非常不方便。如果在博客标题的后面跟一张小的图片,点击该图片后,出现一张二维码的大图,然后再通过手机扫一扫,来进行博文的访问,就相对方便很多。 通过搜索引擎搜索了一些生成二维码的文章,发现其并不是一件容易的事。同时,也发现...
代码星球
·
2020-05-24
使用
Javascript
生成
当前
博文
实现javascript下的模块组织
java有类文件、Python有import关键词、Ruby有require关键词、C#有using关键词、PHP有include和require、CSS有@import关键词,但是对ES5版本的javascript来说,javascript通过script标签引入代码的方式显得杂乱无章,语言自身毫无组织和约束能力...
代码星球
·
2020-05-24
实现
Javascript
模块
组织
深入理解javascript中的动态集合——NodeList、HTMLCollection和NamedNodeMap
一说起动态集合,多数人可能都有所了解。但是,如果再深入些,有哪些动态集合,以及这些动态集合有什么表现、区别和联系?可能好多人就要摇头了。本文就javascript中的动态集合做详细介绍 NodeList NodeList实例对象是一个类数组对象,它的成员是节点对象,包括childNodes和queryS...
代码星球
·
2020-05-24
深入
理解
Javascript
中的
动态
深入理解javascript描述元素内容的5个属性
<p>Thisisa<i>simple</i>document</p> 上面这行代码中,<p>元素的内容是什么呢?答案一:内容是HTML字符串"Thisisa<i>simple</i>document";答案二:内容是纯文本字符串"T...
代码星球
·
2020-05-24
深入
理解
Javascript
描述
元素
深入理解javascript选择器API系列第三篇——HTML5新增的3种selector方法
尽管DOM作为API已经非常完善了,但是为了实现更多的功能,DOM仍然进行了扩展,其中一个重要的扩展就是对选择器API的扩展。人们对jQuery的称赞,很多是由于jQuery方便的元素选择器。除了前面已经介绍过的getElementsByClassName()方法外,DOM拓展了querySelectorAll()...
代码星球
·
2020-05-24
深入
理解
Javascript
选择器
API
深入理解javascript选择器API系列第二篇——getElementsByClassName
既然有getElementById()和getElementsByTagName()方法,为什么没有getElementsByClassName()呢?id属性、标签名、class属性并没有什么优劣之分啊。终于,HTML5新增了getElementsByClassName()方法,由于在CSS布局中类名的广泛使用,...
代码星球
·
2020-05-24
深入
理解
Javascript
选择器
API
深入理解javascript选择器API系列第一篇——4种元素选择器
说到最常见的DOM应用,恐怕就要数取得特定的某个或某组元素的引用了。DOM定义了许多方式来选取元素,包括getElementById()、getElementsByTagName()、getElementsByName()和document.all4种。接下来,将对这4种方法进行详细介绍 getEleme...
代码星球
·
2020-05-24
选择器
深入
理解
Javascript
API
理解javascript中的对话框
通常我们调试程序时,如果需要阻塞效果,则要用到alert()。但除了alert()以外,window对象还提供了其他3种对话框。本文将详细介绍window对象中的对话框 定义 系统对话框与在浏览器中显示的网页没有关系,也不包含HTML。它们的外观由操作系统及浏览器设置决定,而不是由CSS决定。windo...
代码星球
·
2020-05-24
理解
Javascript
中的
对话框
理解javascript中的浏览器窗口——窗口基本操作
BOM全称browerobjectmodel(浏览器对象模型),用于管理窗口及窗口间的通讯,其核心对象是window。称其为窗口,可能并不准确。因为,有的浏览器窗口可能包含多个标签页,每个标签页都有自己的window对象。本文将详细该内容 窗口位置【1】获取 浏览器(firefox不支持)提供了scre...
代码星球
·
2020-05-24
窗口
理解
Javascript
中的
浏览器
关于javascript中限定时间内防止按钮重复点击的思路
有一天心血来潮,1分钟内重复点击了多次博客园首页的刷新博文列表的刷新按钮。果不其然,ip当时就被禁用了。后来,重启自己的路由器,重新获取ip才可以访问博客园主页。那么,设置一个限定时间内(比如1秒)防止按钮被重复点击的方法会不会更好一点呢? 思路一 最直接的思路可能就是点击按钮后,按钮的事件绑定函数解绑...
代码星球
·
2020-05-24
关于
Javascript
中限
定时
间内
javascript面向对象系列第四篇——选项卡的实现
面向对象的应用并非只是读几本书那么容易,需要有大量的工程实践做基础才能真正理解并学会使用它。本文将用面向对象的技术来制作一个简单的选项卡 图示说明 由图示结果看到,这是一个非常简单的选项卡。三个控制按钮利用点击事件分别控制三张不同的选项卡。选项卡用文字和背景颜色区分,控制按钮用轮廓outli...
代码星球
·
2020-05-24
Javascript
面向
对象
系列
第四
javascript面向对象系列第二篇——创建对象的5种模式
如何创建对象,或者说如何更优雅的创建对象,一直是一个津津乐道的话题。本文将从最简单的创建对象的方式入手,逐步介绍5种创建对象的模式 对象字面量 一般地,我们创建一个对象会使用对象字面量的形式 [注意]有三种方式来创建对象,包括new构造函数、对象直接量和Object.create()函数,详细情况移步...
代码星球
·
2020-05-24
对象
Javascript
面向
系列
第二
javascript面向对象系列第一篇——构造函数和原型对象
一般地,javascript使用构造函数和原型对象来进行面向对象编程,它们的表现与其他面向对象编程语言中的类相似又不同。本文将详细介绍如何用构造函数和原型对象来创建对象 构造函数 构造函数是用new创建对象时调用的函数,与普通唯一的区别是构造函数名应该首字母大写functionPerson(){this...
代码星球
·
2020-05-24
对象
Javascript
面向
系列
一篇
深入理解javascript对象系列第三篇——神秘的属性描述符
对于操作系统中的文件,我们可以驾轻就熟将其设置为只读、隐藏、系统文件或普通文件。于对象来说,属性描述符提供类似的功能,用来描述对象的值、是否可配置、是否可修改以及是否可枚举。本文就来介绍对象中神秘的属性描述符 描述符类型 对象属性描述符的类型分为两种:数据属性和访问器属性数据属性 数据属性(datap...
代码星球
·
2020-05-24
深入
理解
Javascript
对象
系列
首页
上一页
...
69
70
71
72
73
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他