javascript - 有没有大神，来看看这段代码-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - 有没有大神，来看看这段代码

PHP中文网 2017-04-11 12:43:33

[JavaScript讨论组]

282

下面这些代码实在是看不懂，都不知道他正则在那里的作用，有没有大神帮忙注释下，万分感激！！！
// 代码可以直接复制运行（能写这代码的真的是大神啊）：





YuGiOh




    
    ROTATE

PHP中文网

认证0级讲师

全部回复(4)

伊谢尔伦2017-04-11 12:45:33 4楼

匹配css中
transform:rotate(100deg)
正则作用是提取出100

赞 +0

添加回复

PHP中文网2017-04-11 12:45:33 3楼

对 rotate(10deg)来说

(rotate$[\-\+]?((\d+)(deg))$)
有四个括号对应的$1-4 注意\(是匹配(
第二个括号((\d+)(deg))
第三个(\d+) 提取出10
第四个(deg) $4 = deg 说白了

wt.replace ($2, parseFloat (RegExp.$3) + limit + RegExp.$4);
limit=1
把 10deg变成11deg的节奏然后11变12...(以此类推)
我个人感觉很多括号加的没意义不知道写程序的人怎么想的

赞 +0

添加回复

怪我咯2017-04-11 12:45:33 2楼

var reg = /(rotate\([\-\+]?((\d+)(deg))\))/i;
var wt = p.style['-webkit-transform'], wts = wt.match (reg);

其中 wt = rotate(10deg)
这两句执行完毕后

wts.$2 = 10deg;
wts.$3 = 10;
wts.$4 = deg;

最后的 wt.replace ($2, parseFloat (RegExp.$3) + limit + RegExp.$4)
实际就是 'rotate(10deg)'.replace('10deg', 10 + 1 + 'deg') = rotate(11deg)

要实现的是一个旋转的动画效果。

赞 +0

添加回复

高洛峰2017-04-11 12:45:33 1楼

正则在这的作用就是装逼，不用正则也很简单，就是实现每30毫秒转limit度的旋转效果；
不用正则大概这样：
var oriDeg=10,timer=null;
timer=setInterval(function(){

p.style['-webkit-transform']='rotate('+oriDeg+'deg)';
oriDeg+=limit;
if(oriDeg>360) oriDeg=0;

},30);
差不多就这么个意思；
正则用来拆分transform的值，再和limit拼接成不断变化的值；
比如：rotate(10deg)；正则match会把它拆分成["rotate(10deg)", "rotate(10deg)", "10deg", "10", "deg"]这个结果，$1-$4分别对应为这个数组从1开始的值；

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>