灵魂拷问-前端到底能做些什么?--chrome插件篇

优点:兼容性好;缺点:需要额外实现dom注入效果,并且每个Tab都渲染一个侧边栏会占用系统资源,同时交互上相对原生sider略差(比如切换Tab后会丢失),但是可以借助service_worker实现单websocket;2.3.3笔记类简介:一般也是以dom注入的方式实现,向不同的网页注入一个可以写笔记的dom;2.4日常辅助工具2.4.1网页翻译...

web前端培训教程:文本框脚本

textField.setSelectionRange(0,1);//选择第一个字符textField.focus();//焦点移入textField.setSelectionRange(0,textField.value.length);//选择全部textField.focus();//焦点移入除了IE,其他浏览器都支持这种写法(IE9+支持),那么IE想要选择部分文本,可以使用IE的范围操作。varrange=...

8款最受欢迎的HTML5/CSS3应用及代码

4、纯CSS3垂直Tab菜单Tab样式可自定义Tab菜单在网页上使用起来非常方便,也比较节省空间,所以很多门户网站很喜欢用Tab菜单。今天我们要来分享一款垂直方向的Tab菜单,它是用纯CSS3实现的,加载和切换特别灵活。另外,Tab菜单的样式你可以使用CSS重新定义,扩展很方便。在线演示/源码下载5、纯CSS3水平控制按钮开关...

到底能做什么?剖析Chrome的扩展程序

比如说,PConline的首页上,焦点图的切换、装机系统的实现等效果就是通过CSS和JS脚本来实现的。Tampermonkey通过加载第三方的脚本文件,改变页面中的CSS和JS元素,可以让整个网页大变样,也可以在网页中增加额外的功能。使用脚本,鼠标移至微博图片处自动显示大图当然,Chrome原生也是可以加载第三方脚本文件的,不过没有Tamp...

钉钉协作Tab前端进化之路【极致性能优化总结】

1.1新版协作Tab心智协作Context,与我(员工个人视角)有关的协作信息消费处理中心。1.2业务目标新版协作信息流部分的点击率,目标是比现在的协作Tab卡片部分的点击率提升100%。逻辑是验证新的时间流比之前的应用Widget,对于用户来说更“有用”。(目标之一)??...