51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#Javascript实用效果整理
图片设置3D效果
/***图片绘制3d效果*@paramsrcImage*@paramradius*@paramborder*@parampadding*@return*@throwsIOException*/publicstaticBufferedImagedraw3D(BufferedImagesrcImage,intradius,...
代码星球
·
2020-05-24
图片
设置
3D
效果
javascript获取标签样式(获取背景为例)
functiongetStyle(el){if(window.getComputedStyle){returnwindow.getComputedStyle(el,null);}returnel.currentStyle;}functiongetStyleValue(el,name){varstyle=getStyle...
代码星球
·
2020-05-24
获取
Javascript
标签
样式
背景
使用Javascript 实现类
/***人类*@authorrubekid*/functionPerson(options){//私有属性var_name;//姓名var_age;//年龄/***构造函数*/var_construct=function(){_name=options.name||"";_age=options.age||0;cons...
代码星球
·
2020-05-24
使用
Javascript
实现
javascript 中寻找性能瓶颈
1、如果一个段代码很耗时的话你可以注释掉一部分你认为是很耗时的,或者干脆全部注释掉,然后再一点一点的解开。2、js优化中最主要的还是对dom操作的优化,单纯的js执行时间是很短的,而js和dom之间的交互是通过接口来完成,通过接口来完成的都会有延时,所以要尽量减少dom操作,尤其是在大循环中。...
代码星球
·
2020-05-24
Javascript
寻找
性能
瓶颈
javascript面向对象系列第五篇——拖拽的实现
在之前的博客中,拖拽的实现使用了面向过程的写法。本文将以面向对象的写法来实现拖拽 写法<style>.test{height:50px;width:50px;background-color:pink;position:absolute;}#test2{left:60px;background...
代码星球
·
2020-05-24
Javascript
面向
对象
系列
第五
用javascript实现base64编码器
base-64作为常见的编码函数,在基本认证、摘要认证以及一些HTTP扩展中得到了大量应用。在前端领域,也常常把图片转换为base-64编码在网络中传输。本文将详细介绍base64的原理及用js实现base64编码器的过程 原理 Base-64编码可以将任意一组字节转换成较长的常见文本字符序列,从而可以...
代码星球
·
2020-05-24
Javascript
实现
base64
编码器
javascript学习目录
javascript是一门充满活力、简单易用的语言,又是一门具有许多复杂微妙技术的语言。即使是经验丰富的javascript开发者,如果没有认真学习的话,也无法真正理解它们,这就是javascript的矛盾之处。由于javascript不必理解就可以使用,因此通常来说很难真正理解语言本身,这就是我们面临的挑战。不满...
代码星球
·
2020-05-24
Javascript
学习
目录
canvas探照灯效果
canvas中的clip()方法用于从原始画布中剪切任意形状和尺寸。一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内(不能访问画布上的其他区域) 也可以在使用clip()方法前通过使用save()方法对当前画布区域进行保存,并在以后的任意时间通过restore()方法对其进行恢复 接下来使用cli...
代码星球
·
2020-05-24
canvas
探照灯
效果
canvas动态小球重叠效果
在javascript运动系列中,详细介绍了各种运动,其中就包括碰壁运动。但是,如果用canvas去实现,却是另一种思路。本文将详细介绍canvas动态小球重叠效果 效果展示静态小球 首先,生成随机半径、随机位置的50个静态小球<buttonid="btn">按钮</button>...
代码星球
·
2020-05-24
canvas
动态
小球
重叠
效果
canvas贝塞尔曲线效果演示
...
代码星球
·
2020-05-24
canvas
塞尔
曲线
效果
演示
javascript的垃圾收集机制
javascript具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存。在编写javascript程序时,开发人员不用再关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理。下面将详细介绍javascript的垃圾收集机制 原理 垃圾收集机制的原理很简单:找出那些不再继续使...
代码星球
·
2020-05-24
Javascript
垃圾
收集
机制
javascript中15种原生对象类型系统综述
在编程语言中,能够表示并操作的值的类型称做数据类型,编程语言最基本的特性就是能够支持多种数据类型。javascript拥有强大的类型系统,主要包括原生对象、宿主对象和浏览器拓展对象,本文主要介绍15种原生对象类型系统 原生对象(15种) 原生对象分为两类:原始类型(primitivetype)和对象类型...
代码星球
·
2020-05-24
Javascript
15种
原生
对象
类型
javascript运动系列第九篇——碰撞运动
碰撞可以分为碰壁和互碰两种形式,上篇介绍了碰壁运动,本文将从浅入深地介绍碰撞运动的互碰形式 碰撞检测 对于互碰形式的碰撞运动来说,首先要解决的是碰撞检测。对于矩形元素的碰撞检测前面的博文已经详细介绍过,下面主要介绍圆形元素的碰撞检测 矩形元素的碰撞检测利用九宫格分析法,而圆形元素的碰撞检测则简单很多,...
代码星球
·
2020-05-24
运动
Javascript
系列
第九
碰撞
javascript运动系列第八篇——碰壁运动
碰撞运动可能是运动系列里面比较复杂的运动了。碰撞可以分为碰壁和互碰两种形式,而碰撞前后的运动形式也可以分为变速和匀速两种,如果再涉及到阻力,具有速度损耗的话,就更加复杂了。本文先介绍碰壁运动 匀速碰壁 碰壁是一种常见的碰撞形式,匀速碰壁是最简单的碰撞运动 假设一个密闭空间内一个弹性小球,小球有一个随机...
代码星球
·
2020-05-24
运动
Javascript
系列
第八
碰壁
javascript运动系列第七篇——鼠标跟随运动
运动除了直线运动和曲线运动两种运动形式外,还有一种运动形式是鼠标跟随运动,而这种跟随运动需要用到三角函数的相关内容或者需要进行比例运算。本文将以几个小实例来介绍鼠标跟随运动的相关内容 眼球转动 在很多网页中,都存在着跟随运动,比如眼球转动。鼠标在网页中移动时,眼球也会跟着朝相应方向转动 上面是眼球转动...
代码星球
·
2020-05-24
运动
Javascript
系列
第七
鼠标
首页
上一页
...
97
98
99
100
101
...
下一页
尾页
按字母分类:
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
其他