• 欢迎关注我的微信公众号“ frontEnd_Developer ” 右边扫描关注 --->>

 分类:Front-end

执行JS进行复制操作——clipboard.js

执行JS进行复制操作——clipboard.js
点击按钮执行复制操作,首先需要选择被复制的内容,可以使用select()方法选中,execCommand("Copy") 复制 document.getElementById("copy").select(); document.execCommand("Copy"); 这种方...

神棍 3周前 (10-27) 116℃ 1喜欢

JS转换远程图为base64编码格式

JS转换远程图为base64编码格式
因为项目业务需求,需要前端将远程图片进行本地化处理,第一个想到了就是将图片进行转码,转换成base64格式的。 我这里利用了HTML5的canvas进行的处理。 需要先创建一个img元素来承载远程图片,然后在创建一块画布来绘制图片,在将绘制好的canvas进行一个toDataUR...

神棍 2个月前 (09-06) 351℃ 2喜欢

给页面增加一个华丽的点击特效

给页面增加一个华丽的点击特效
效果就在当前的页面上,不信你点击下鼠标的左键看看! 发现没,一个在js中常用的名词出现了吧,有木有很炫的效果。 此特效是根据鼠标点击出现心♥图形效果改过来的,不唠叨,直接上菜! (function(window,document,undefined){ v...

神棍 4个月前 (07-13) 363℃ 6喜欢

滚动响应加载图片插件scrollLoad.js

滚动响应加载图片插件scrollLoad.js
scrollLoad.js scrollLoad.js是一款jQuery滚动响应加载图片的插件。 现在很多网页上都是有很多图片资源需要进行请求加载,如果页面图片内容太多,那么网页加载的速度就会变慢,不能达到理想的秒开效果,特此,scrollLoad.js可以延迟加载图片,当浏览器...

神棍 4个月前 (07-13) 441℃ 0喜欢

一篇关于文本溢出显示省略号的处理

一篇关于文本溢出显示省略号的处理
首先说明下,因为使用的markdown是编辑器,还不知道文章的编辑效果是否影响浏览效果! 进入正题: 单行文本溢出显示 单行的溢出处理相对比较简单,使用 text-overflow:ellipsis 这个属性就可以! 代码如下: overflow: hidden; text-ov...

神棍 4个月前 (07-13) 351℃ 2喜欢

CSS3@font-face选择符实现自定义字体

CSS3@font-face选择符实现自定义字体
@font-face是CSS中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体。 语法规则: @font-face { font-family: <YourWebFo...

神棍 4个月前 (07-13) 250℃ 0喜欢

JS转换时间字符串为人性化时间格式

JS转换时间字符串为人性化时间格式
作为一个前端,对于date的数据处理是经常难免的,后台传回了一个类似于 Fri Jan 13 2017 18:36:34 GMT+0800 (中国标准时间)  或 2017/1/13 这种时间格式让前台处理成人性化的时间,比如: 几天前,几个月前,刚刚,几小时前,几年前,等等,这...

神棍 4个月前 (07-13) 339℃ 1喜欢

IE BUG之css:float

IE BUG之css:float
今天在面试的时候,面试官提的一个IE兼容的问题:IE6、7中使用CSS样式float会出现什么问题? 我第一个想到的就是浮动BUG,但是处理的方法忘记了。。。因为平常都是抛弃了IE,这下让我情何以堪,改怎么回答呢?虽然模糊的回答了下,但感觉不如意,回来特地研究了下! css ...

神棍 4个月前 (07-13) 260℃ 0喜欢

HTML5标准事件oninput实现输入检测

HTML5标准事件oninput实现输入检测
以往我们实现input的输入监听用到的无非是onkeyup、onkeydown、onchange,但是这些都有着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效;而onkeydown、onkeyup在处理复制、粘贴、拖拽...

神棍 11个月前 (12-13) 732℃ 5喜欢