文章关键字 ‘js相关’

小tips: 如何HTML标签和JS中设置CSS3 var变量

2018年11月16日,星期五

CSS变量JS设置获取缩略图

我们在CSS文件或者CSS语法中使用CSS原生变量驾轻就熟,但是如何通过JS代码动态创建或者改变CSS变量值怕是很多人就不知道了。本文就演示下如何在HTML标签和JS中设置CSS3 var变量,如何使用JS代码获取CSS变量值。本文不啰嗦,希望可以帮到你。

阅读全文…

CSS scroll-behavior和JS scrollIntoView让页面滚动平滑

2018年10月21日,星期日

浏览器原生平滑滚动缩略图

从去年年底开始,浏览器已经开始支持的原生平滑滚动定位,CSS scroll-behavior属性和JS scrollIntoView()方法都可以。本文就将捋一捋这些平滑滚动新特性的使用方法,实际效果,以及如何在实际中应用等。一如既往,丰富配图,含GIF演示和视频截屏,必要的源代码展示和详尽的demo,希望本文内容能够对您的学习有所帮助。

阅读全文…

JS中的柯里化(currying)

2013年02月26日,星期二

本文是JS中柯里化(currying)这个概念的讲述,通过日常浅显示例说明,有多多源代码展示,没有demo,嘿嘿,不管怎么,希望本文内容能够对你的学习有所帮助。

阅读全文…

利用重绘解决IE下JS交互产生的定位重叠等棘手bug

2013年01月22日,星期二

我们平常在页面布局时候探讨的bug大多都属于静态的——即页面载入渲染完毕后出现的布局问题,像是错位啊,不对齐啊,行高失效等。
这些都是嚼了好多年的烂芋头,就像风水日晒很多年的门面店,是个装修工都能美化修复,不值得拿出来卖弄。
还有一类bug是伴随着JS交互产生了,比方说一个外表靓丽光鲜的门面店,只要门一开,尼玛,天花板就会挂到门上去了。此时该怎么办?……

本文就将从重绘这块解决JS交互再IE浏览器下产生的棘手问题,精制的demo,丰富的截图以及必要的源代码展示,希望本文的内容能够您的学习有所帮助。

阅读全文…

小tip:我是如何初体验uglifyjs压缩JS的

2013年01月18日,星期五

年末将至,很多闲适的时间,于是刷刷微博,接触各种纷杂的信息——美其名曰“学习”。运气不错,遇到了一个新名词,uglifyjs. 据说是用来压缩JS文件的,据说还能优化JS,据说是基于node的,还据说比Google Closure Compiler更带感,哦?激起了我的好奇心。百之谷之,哟,相关的介绍还不少。然后折腾了个把小时,基本上知道了是个怎么回事。
我觉得吧,还是有些用的,即使是不是从事node开发的人,抽个小空,share之,于是就有了本文……

阅读全文…

JS护航下CSS3效果的渐进增强使用

2011年07月29日,星期五


本文主要将如果借助JS即保证IE9浏览器以及FireFox等浏览器可以使用很简单的标签使用CSS3下的圆角,盒阴影效果,又能保证IE6/IE7/IE8浏览器下有兼容性的同样效果。这可以是一种比较新颖的做法,有别于传统为了兼容性牺牲CSS3的做法,也不是当下一些JavaScript CSS3库的做法。

作为观点式的文章,必定有效果良好的demo,有源代码展示,还有必要的截图。总之希望本文的内容能够对您的学习有所帮助。

阅读全文…

js页面文字选中后分享到新浪微博实现

2011年02月12日,星期六

正是微博如火如荼的时节,其中各个微博的分享功能是网站推广产品的好东东啊,此时如何方便快捷的使用微博的分享功能就显得比较重要了。
一般翻译软件都有划词翻译功能,启用后,随便选中那个软件的一段文字,就会出现类似这样子的浮动提示框。
在web页面上,我们也是可以实现类似的效果的:划词→显示提示→分享。这样子,我们就可以轻松地将页面上的内容分享到新浪微博这些微博网站上了。

本文提供demo页面,提供源代码展示,必要的截图。总之,希望能对您的学习有所帮助。

阅读全文…

humans.txt-网站相关人员信息记录的idea

2011年01月30日,星期日

今天头一次见到这个想法。老外的idea,这玩意很有趣,也确实很有实用价值,说不准以后会流行起来,故决定拿来说一说。

顾名思意,humans指人、人类,txt为文本文档后缀名,所以humans.txt就是指记录人的一些信息的文本文档。那么这里记录的“人”都是些什么人呢?恩,就是与网站完成相关的人员,也可以称为网站上线台前幕后的工作人员们。这与电影结束之后显示职员表(导演、演员、摄影、赞助商等)有些类似…

阅读全文…

js面向数据编程(DOP)一点分享

2011年01月18日,星期二

面对数据编程(data-oriented-programme)这个概念第一次接受是在前年阿里巴巴举行的D2前端论坛上,来自Baidu金大为:《模板语言与大前端》的分享,面对数据编程在处理大数据量交互的情况下非常好用,性能高,维护方便,思路简单清晰,不易出bug。本文还是那样,讲讲废话,举举例子,画画图,展示下代码,写个pp的demo页面,中间再插几个冷笑话。不是什么高深的东西,比我还懂的人大把大把,这里算是点自我总结,是自我提高,也希望能对跟我一样js新人提供些帮助。

阅读全文…

小tip:iframe高度动态自适应

2010年12月7日,星期二

我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,其中麻烦的是高度自适应的问题。后来,参考国外一些实现方法,根据原理提炼出了一个比较简单通用可行的方法。作为小小tip展示下,做备忘用。

本文内容不算多,但是该有的demo还是有的,该有的代码展示也是有的,有必要的截图。总之,希望能对您的学习提供帮助。

阅读全文…