首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端常用插件

库 stellar.js: 前端用于实现异步滚动效果的库,现已不再维护 skrollr: 另一款实现一步滚动的开源库,使用人数众多,可实现各种狂拽酷炫掉渣天的前端效果,看真相 Framework7:...前端框架,是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的可视化流程图 markdown-it: 新型 Markdown 解析器,快速,支持插件 multiline...,类似于 Markdown 的语法 js-sequence-diagrams: 另一款可以根据文本生成流程图的库,类似于 Markdown 的语法 flow: 一个用来检测 Javascript 语法错误的库...到另一个元素, 支持回退等 jScrollPane: 自定义的滚动条,让所有浏览器都显示一样的滚动条 onepage-scroll: 提供类似于 iPhone6 展示页类似的效果,适用于单页应用,兼容到 IE8...库, 没有任何依赖, 配置简单, 美观 switchery: IOS 7 上 Switch 的 JS 实现, 支持 IE8 及以上浏览器 trix: Basecamp 公司出品的富文本编辑器,简洁小巧

4.6K61

将JavaScript代码转换为漂亮的SVG流程图——js2flowchart

js2flowchart 是一个可视化库,可将任何JavaScript代码转换为漂亮的SVG流程图。你可以轻松地利用它学习其他代码、设计你的代码、重构代码、解释代码。...安装使用 安装 yarn add js2flowchart 使用 index.html ? index.js ?...我们直接在文本域中输入自己的代码,如下,左边会直接生成流程图,这只是一个简单的示例: ?...js2flowchart的特性以及适用场景(来自官网翻译) js2flowchart获取您的JS代码并返回SVG流程图,适用于客户端/服务器,支持ES6。.../记录您的代码 通过视觉理解学习其他代码 为有效JS语法简单描述的任何进程创建流程图 以上所有功能可以直接到github上详细了解,用法太多,这里就不在介绍了!

5.5K40

我的Vue.js生态开源之旅

好久没写文章了,因为今年工作之余更多的是活跃在开源社区,借着年底思考怀疑人生(偷懒)的空闲时间想跟大家分享今年我在Vue.js生态的做的事情和对开源的看法,也算是「2021」我给Vue.js生态贡献代码的这一年的续篇吧...从那时起有一段时间就是上班用它糊业务,下班给它水PR,从此开始了开源之路。 如何参与开源 关于这个问题其实在「2021」我给Vue.js生态贡献代码的这一年这篇文章里已经讲过了,这里就简单啰嗦两句。...2022开源之旅 前面啰嗦了一堆,总算是要进入正题了,下面就跟大家分享过去一年我在Vue.js生态做的一些事情和收获。...发起Vue.js挑战 过去我一直在寻找一个可以让每个人一起学习Vue.js的项目,所以撸了一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战。...通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有所帮助。

71330

【前端编程】加载第三方JS的各种姿势

浏览器解析渲染页面的抽象流程图如下: 第三方JS代码并不受网站开发者的控制,很有可能会出现加载时间长甚至加载失败的情况。这时候就会导致整个页面的加载速度变慢。第三方JS代码越多这种风险越大。...'); PS:为了避免IE8以前版本的bug,并且确保script能插入DOM树,所以这里没有直接document.body.append(src),而是调用了insertBefore...改成异步加载第三方JS代码之后,在JS的下载过程中浏览器会继续解析渲染HTML。流程图就变成了如下: 因为loadScript的操作也是使用JS实现的,所以在JS下载之前会有一段执行JS代码的消耗。...流程图如下: 而如今我们页面中代码如此复杂,触发这种case的情况很多。...已经有了一些基于这个想法的开源实现,例如:lightning.js是一个专用于快速、安全、异步地加载第三方JS代码的库。 这个方法也不完美,它需要创建一个iframe标签导致了开销较大。

4.1K90

从零开始学 Web 之 移动Web(七)Bootstrap

中国首个开源 HTML5 跨屏前端框架。 Amaze ~ 妹子UI,国人开发,后起之秀! 3、Framework7 官网:http://www.framework7.cn/ ?...Framework7 是一款免费、开源的移动HTML框架,主要用于开发混合手机App或者网页App,某些应用场景的体验几乎与原生开发的 iOS 和 Android 应用一模一样,同时也是一款不可获取的应用原型快速开发及展示工具...-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries: 这两个文件的引入是为了支持IE8下面的...html5元素和媒体查询:因为在IE8下面默认不支持HTML5和媒体查询,所以需要引入两个插件--> <!...--html5shiv.min.js:为了在IE8下面支持HTML标签 respond.min.js:为了在IE8下面支持媒体查询--> <!

5.6K30
领券