javascript学习笔记 骚操作系列

本文介绍了JavaScript中的几个骚操作,包括使用for in进行赋值、eval的直接与间接调用、误解的else if、continue和break标签的跳转,以及如何利用!==来判断对象是否包含特定属性。同时讨论了这些方法的适用性和潜在问题。

骚操作系列

for in 赋值

var a = {
			a:1,
			b:2,
			c:3,
		}
var lis = [], i = 0;
***骚操作开始***
for (lis[i++] in a);
***骚操作结束***
console.log(lis);
lis变成了 ['a','b','c']
lis[i++]做了一个赋值操作

直接eval与间接eval

var f = eval;
var loc = 'i am loc';
function test(){
					var loc = 'i am loc in test';
					f("loc += ' no no no no'");
				    console.log(loc);
			}
console.log(loc)
结果输出是
i am loc in test
i am loc no no no no

间接eval不能操作上下文变量只能操作到全局的。

else if(其实不是elseif)

只是看上去像elseif其实js本身没有

var choice = 2;
if (choice==1){
    console.log(1)
}else if(choice == 2){
	console.log(2)
}else if(choice == 3){
	console.log(3)
}
其实是
if(){
	巴拉巴拉
}else{
	if 
	(){
		巴拉巴拉
	}else{
	if(){}
	}
}

花里胡哨的直接Switch不就完了吗

continue break标签跳转

实用的骚操作

如果有一个多层的循环
然后满足一个特殊条件后
要直接终止循环
比如
for(){
	for(){
		if(特殊条件){
			break;
		}
	}
}
但是这么写的话只能中断一层
js里break,continue是可以加标签我们可以这么写
mainloop: for(){
	for(){
		if(特殊条件){
			break mainloop;
		}
	}
}
这样会直接终止最外层的循环
不然你中断一层外面再做判断再中断,麻烦。(continue也可以这么玩)

使用!==判断对象内是否有属性

想判断对象x中是否含有属性y

var x = {y:1}
x.y !== undefined

输出是true说明有y这个属性。
有 in(啥都可以判断)
有hasOwnProperty(前提不是继承来的)
有propertyIsEnumerable(前提是可枚举的)
非要这么骚
当然这个方法也不是全适用。如下。

var x = {y:undefined}
x.y !==undefined

输出是false,确实是false因为x.y == undefined但是不能说是没有y这个属性。
到底是谁想的这么骚的方法.

html,css,js,javascript,按钮 # 灵动波纹按钮:打造富有生命力的交互视觉盛宴 在网页设计中,按钮作为用户交互的核心元素,其视觉表现力直接影响用户体验。这款“灵动波纹按钮”以独特的动态效果打破传统静态设计的局限,通过CSS动画赋予界面鲜活的生命力。按钮采用柔和的青绿色背景(#00b894)与纯白色文字形成鲜明对比,圆角切割的边缘(20px圆角设计)增添了亲和力,而左下角的直角处理则巧妙平衡了圆润感,塑造出既友好又不失个性的视觉形象。 其核心亮点在于悬停时触发的波浪动画——通过伪元素构建的半透明白色矩形,以45度角为轴进行周期性位移,模拟水波流动的韵律。动画采用1秒为周期的ease-in-out曲线,使波纹运动既有加速的张力又有减速的缓冲,呈现出自然流畅的视觉节奏。这种设计不仅增强了交互反馈的直观性,更通过动态元素吸引用户注意力,引导操作行为。 技术实现上,通过Tailwind CSS实现基础样式布局,结合CSS伪元素与关键帧动画构建动态效果:利用overflow:hidden隐藏超出按钮范围的动画元素,通过transform属性的translate与rotate组合实现斜向位移,rgba颜色模式确保波纹的透明层次感。整体代码结构简洁清晰,将样式与逻辑分离,既保证了视觉效果的精致度,又兼顾了开发维护的便捷性。 此设计适用于各类需要强调交互的场景,无论是表单提交、功能触发还是页面跳转,都能通过这一灵动的波纹效果提升用户操作的愉悦感,让简单的按钮成为界面设计中的点睛之笔,在细节处彰显设计的温度与巧思。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值