html抖音效果:CSS实现抖音彩色文字抖动效果
1Deshun 发布于 5年前 (2019-08-01) 5720℃ 评论(0) 赞 (9)
闲来无事写了一个抖音文字都懂效果(比较晃眼),非常简单,就是一个 CSS3 的动画效果。直接将这下面代码,放到你的 CSS 文件:.douyin{ animation: uk-text-shadow-glitch&nbs...
Deshun 发布于 5年前 (2019-08-01) 5720℃ 评论(0) 赞 (9)
闲来无事写了一个抖音文字都懂效果(比较晃眼),非常简单,就是一个 CSS3 的动画效果。直接将这下面代码,放到你的 CSS 文件:.douyin{ animation: uk-text-shadow-glitch&nbs...
Deshun 发布于 5年前 (2019-07-31) 3002℃ 评论(0) 赞 (1)
虽然 CSS 可以设置超出部分隐藏,但是出于用户体验考虑,还是截取字符串比较顺眼。JavaScript 截取字符串,显示省略号:function limitWords(txt){ var str =&...
Deshun 发布于 5年前 (2019-07-31) 3401℃ 评论(0) 赞 (1)
最近发现一个问题,使用 WebStorm 或者 PhpStorm 代码格式化时, a 标签 和 img 标签或者 link 标签会自动换行,显示多行,如下图:解决方法:点击左上角 File(文件)> Settings(设置)> Editor(编辑器)> Code...
Deshun 发布于 5年前 (2019-07-30) 1727℃ 评论(0) 赞 (0)
原标题:web 开发面试时你应该提出的 10 个问题。很多面试官在面试时感到束手无策,不知道改为什么好。这篇文章就帮你解决了这个问题,由:Milecia McG 原作,授权 New Frontend 翻译。在找工作的过程中,你到达了一个激动人心的阶段!约好了面试日期,做足了准备,按时参加了面试,整场面试十分顺利。然后进入了「你对我们公司有什么要了解的?」这一提问环节。在结束面试前,确保你了解以下问...
Deshun 发布于 5年前 (2019-07-29) 1685℃ 评论(0) 赞 (0)
在使用 jquery.validator.js 的验证插件时,在自定义密码规则用到了正则匹配。其中用到了 this.optional(element) ,查了一下资料。optional(element) 用于表单控件的值不为空时才触发验证,也就是说如果值为空也要触发则,可以去掉 this.optional(element) 。...
Deshun 发布于 5年前 (2019-07-28) 3218℃ 评论(0) 赞 (0)
jQuery遮罩很容易实现,遮罩弹出后最好是要禁止页面滚动。下面就写一个简单的遮罩,和禁止页面滚动的实例。HTML:<div id="mask" class="mask"></div> <a href="javascript:;" onClick="show...
Deshun 发布于 5年前 (2019-07-26) 5878℃ 评论(0) 赞 (0)
如果要监听某个元素的显示/隐藏状态,执行特定的方法,可以监听元素显示隐藏的事件,代码如下:var status = true; clickEle.addEventListener('你需要的事件',function(){ if(status){ &nb...
Deshun 发布于 5年前 (2019-07-25) 5947℃ 评论(0) 赞 (8)
首先,介绍一下 什么是 Sweet Alert ?Sweet Alert 是一个替代传统的 JavaScript Alert 的“美化版”提示效果。SweetAlert 自动居中对齐在页面中央,不管是台式电脑,手机还是平板电脑看起来效果都很不错。另外提供了丰富的自定义配...
Deshun 发布于 5年前 (2019-07-24) 2112℃ 评论(0) 赞 (0)
最近在使用 jQuery.validator 验证插件,其中有地方需要用到手机号码验证的功能。使用 JavaScript 正则表达式可以进行强大的模式匹配和文本检索与替换功能,下面整理了一下手机和电话号码的正则表达式。手机号码正则表达式验证:function check...
Deshun 发布于 5年前 (2019-07-23) 1979℃ 评论(0) 赞 (0)
jQuery.validator 是比较常用的一个表单验证插件,有20多种验证方式,下面介绍一下 jQuery.validator 正则验证的使用方法。jQuery.validator.addMethod ( ) 语法:jQuery.validator.addMethod( name, method [, message ]&n...