前端知识库
无为爱码仕
这个作者很懒,什么都没留下…
展开
-
【精华】Javascript对DOM增删改查,class及CSS操作,一篇全,绝对实用!
先上个最灵活,且难把握的(创建、克隆节点): node.insertAdjacentHTML('beforeBegin', html); //在此node之前插入html代码 node.insertAdjacentHTML('afterEnd', html); //在此node之后插入html代码 node.insertAdjacentHTML('beforeEnd', ...原创 2018-05-03 11:17:37 · 791 阅读 · 0 评论 -
【实用】Get请求生成短网址技巧,t.cn
新浪官网有提供api,不过调用起来麻烦这里介绍一个最简单的方法:sohttp://api.weibo.com/2/short_url/shorten.json?source=2849184197&url_long=用这个链接即可,设置url_long。...原创 2018-06-10 07:38:10 · 1568 阅读 · 0 评论 -
【干货】CSS实现渐变色,详解
希望通过这个例子,让大家以后遇到渐变色的需求时都能从容应对: background: linear-gradient( 角度 ,起始色 0%【起始色游标】, 结束色 0%【结束色游标】);#34d058#28a745background: linear-gradient(180deg,#34d058 0%, #28a745 100%);//等比例混色180deg是从上到下,左边比例若从零增大...原创 2018-05-31 19:26:13 · 1319 阅读 · 0 评论 -
Web音频
用ffmpeg可以方便快捷的转换webm格式ffmpeg的安装和使用:https://www.cnblogs.com/freeweb/p/6897907.html原创 2018-05-26 14:38:54 · 233 阅读 · 0 评论 -
【CSS】块元素内容超长的处理与显示(换行,不换行,省略号,图片自适应,边框处理)——实用却易遗忘/模糊的知识点(1)
布局与交互系列在实际操作中,时常会遇到一些任务表,清单之类的列表,涉及到块元素与内容的关系。今天我们来讲讲布局:块元素内容超长的处理与显示:代码 <style type="text/css"> #a{ width: 100px; background: #ccc; } #b{ width: 100px; background: #ccc; } ...原创 2018-05-15 14:40:17 · 1320 阅读 · 0 评论 -
【干货】富文本编辑器核心操作(contenteditable,window.getSelection(),FileReader与blob图像资源处理)
1、内容编辑contenteditable做前端的基本都知道,让div可写,但问起有那些属性值时,很多人会天真的以为只有“true ”or“ false”contenteditable=""contenteditable="events"contenteditable="caret"contenteditable="plaintext-only"contenteditable="...原创 2018-05-14 02:56:19 · 1436 阅读 · 0 评论 -
富文本编辑器,图片单击选中,Range和Selection的使用
目前在做富文本编辑器,想实现一个很简单的功能,单击图片能够选中(描蓝),如CSDN的编辑器就有这个功能:但奈何这种需求可能不太必要,网上对此有研究的文章几乎没有,或是对选中操作进行泛泛而谈,找不着重点。最后只能潜心研究关键的Selection和Range对象的各种属性和方法,进行无数次的尝试后终于找到完美的方案。结果很简单,但探索的过程十分艰辛,分享出来给大家减轻负担: ...原创 2018-05-18 11:36:01 · 1560 阅读 · 1 评论 -
js array.reduce() 数组的迭代器
例子:[1,2,3,4,5,6].reduce((a,b)=>{ return a+b},0)21[1,2,3,4,5,6].reduce((a,b)=>{ return a*b},1)720语法:reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素...原创 2018-10-10 17:57:50 · 528 阅读 · 0 评论