插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS...库 stellar.js: 前端用于实现异步滚动效果的库,现已不再维护 skrollr: 另一款实现一步滚动的开源库,使用人数众多,可实现各种狂拽酷炫掉渣天的前端效果,看真相 Framework7:...EventEmitter jquery.serializeJSON: jQuery 插件,用于将 form 表单序列化成 JSON 数据 knockout: 前端 MVVM 框架,用于开发富前端应用...mithril.js: 轻量型前端 MVC 框架,部分使用场景下性能优于 Angular.js 和 React backbone: 强大的前端 MVC 库,鼻祖级前端库,最初为了配合 Rails 来模块化前端应用...: jQuery 的一个插件,用于校验 Form 表单 BigVideo.js: jQuery 的一个插件, 用于实现大背景(视频、图片)效果 emscripten: 一款基于 LLVM, 可以将 C/
: 开源、免费的HTML5和Flash视频播放器 https://dogeek.net/ 弹幕播放器 DanmuPlayer - Html5弹幕播放器插件 https://github.com/chiruom.../DanmuPlayer jquery.danmu.js - jQuery弹幕插件 https://github.com/chiruom/jquery.danmu.js scroxt - 字幕字体滚动插件...主题色提取 RGBaster https://github.com/briangonzalez/rgbaster.js Color Thief vibrant.js 前端存储 ustbhuangyi...的封装 https://github.com/jaywcjlove/store.js localForage https://github.com/localForage/localForage 数据.../lyric-parser holder.js - 图片占位符插件 https://github.com/imsky/holder jQuery放大镜插件jqzoom.js http://www.jq22
大家好,又见面了,我是你们的朋友全栈君。 vscode前端常用插件 文章目录 vscode前端常用插件 1....Live Server 1.1 Live Server的使用 2. rest client 3. GitLens 4. CSS peak 5. Quokka.js 6. CodeSnap 7....Quokka.js 作用:实时提醒代码编写错误,完全不依赖 使用:ctrl+shift+P 输入quokka, 选择new file, 选择js 6....Auto Rename Tag 作用:直接成对自动修改的html标签 使用:直接修改 clg == 输出为console.log 注意:可能会跟其他缩写代码导致冲突,需要禁用其他代码缩写插件 8...Bracket Pair Colorizer(已内置到vscode内部) 作用:区分代码块,js代码的代码块 需要在settings里面进行设置 9. indent-rainbow 作用:用于缩进管理
Javascript 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js... — CSS 实现动画过渡的 jQuery 插件 Barba.js — 流式页面过渡 TwentyTwenty — 一个对比图片的可视化 diff 工具 Vivus.js — 在 SVG 上绘制动画 Wow.js...keycode Sortable — 拖拽插件 Flexdatalist — 自动补全 Slideout.js — 移动应用侧滑导航 Jquerymy — 使用 jQuery 实现双向数据绑定 Cleave.js... — 使用固定定位来创建相关元素 Shepherd.js — 为应用创建新手引导 Tooltip — tooltip 提示框 Select2 — Jquery 选择框插件 IziToast — 通知弹窗实现.../链接 cheatsheet — 可以写在中的所有标签 Ghost — 基于 Node.js 的博客平台 What runs — 一个用于网站技术分析的 Chrome 插件 Learn anything
但工欲善其事必先利其器,以下是本人为前端开发收集的常用的vscode插件,有需要的话赶紧mark起来吧~ 一、下载 vscode官网:https://code.visualstudio.com/ 解决vscode...二、安装插件的方法 使用 ctrl + shift + x 使用 Ctrl+P , 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可 点击扩展图标,如下图 三、常用插件...效果: (6)HTML Snippets HTML代码片段,该插件可为你提供html标签的代码提示,不用键入尖括号了 效果: (7)filesize 效果: (8)Prettier...– Code formatter 保存的时候自动格式化代码 (9)JavaScript(ES6) code snippets ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx...,.html,.vue,省去了配置其支持各种包含js代码文件的时间 四、VUE插件 (1)Vetur Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger
大家好,又见面了,我是你们的朋友全栈君。 VSCode的功能如此强大,这与它们的插件密密相关,插件的安装起来超级简单,种类繁多,这给我们开发人员提供了很好地的便利。...但是新手学习期间不需要安装许多插件,这里我来给大家介绍一下新手学习前端常用的插件吧。...一、常用的插件 1、Chinese (Simplified) 汉化 这是一个把英文转换为中文的插件,一般下载软件后我们第一个要安装的插件,方便我们看软件整体的界面。...7、会了吧 一个将英语翻译为中文的插件,如果有不认识的单词我们可以点击右侧图标,即可看见全文的英文翻译哦,这样对可以很快的知道单词的意思啦!...、点击左侧的一个类似正方形的拓展按钮 2、在搜索栏里找到我们想要的插件,然后选择插件点击安装install 3、安装好后选择restart重启 4、等待重启后插件就安装好了 以上是我个人的分享及方法
前端VSCode常用插件 1.Chinese (Simplified) vscode下载完毕是英文版的,先安装这个插件,改为中文版,所以是我们第一个安装的插件。...3.One Dark Pro 颜色主题 4.格式化代码(vscode系统自带) 但是html标签嵌套比较多,可能需要自动格式化比较好,所以我们可以利用vscode自动的功能格式化代码,暂且不用格式化插件...4.open in browser 浏览器预览页面 编写完代码,需要浏览器预览,可以安装这个插件 5. vscode-icons 设置文件图标主题 可以很清楚看到文件对用的图标。...Easy LESS 编译less文件 我们写的less不能直接引入到html文件中, 通过这个插件可以自动帮我们生成 css文件 8.小程序助手 帮助将应用程序项目转换为其他类型 9.Auto...22.Path Intellisense 自动补全文件名的 Visual Studio Code 插件 23.Prettier – Code formatter 使用更漂亮的代码格式化程序 24.Preview
俗话说chrome没有插件只有四成能力,可见插件才是chrome的牛逼之处。...前提:要想直接使用Google的应用商店需要先本地添加: 谷歌访问助手插件:(下载地址)http://www.ggfwzs.com 大众常用的插件列表如下: 1、扩展管理器:Extension Manager...相对比较简洁的一款管理工具:能管理你下载的所有插件,在下载前先搞它,方便管理。...2、网页CSS提取:CSS Peeper 咱就喜欢这种认真搞插件的,相当不错的插件,有爱,符合时代。 3、把富文本弄成Markdown形式:Markdown Here 如果你真这么蛋疼,就用吧。...6、vue神器:Vue.js devtools 这个不用多说了吧,搞vue的都知道。 7、测量网页元素的px和位置:Page Ruler 还不错,比较适合搞ps的或者产品经理吧。反正就是测量工具。
记录一下常用的几个前端插件 1 Bracket Pair Colorizer 为代码中的括号 {[()]} 添上一抹亮色,这样找对应括号时会简单很多,可以使代码阅读更加方便。...CSS Peek在开前端开发过程中节省了好多查找样式的时间 5 ES7 React/Redux/GraphQL/React-Native snippet React-快速生成代码块 通过输入一些简写快速生产对应代码块...习惯了之后还是很好用的 6 Auto Close Tag 自动补全结束标签 7 Auto Rename Tag 自动重命名结束标签 8 any-rule 正则插件,可以查找一些常用正则 9 ESLint...,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间 19 Npm Intellisense 自动补全引入node modules里面所安装的依赖。...最常用的地方是,当去import其它文件的时候,能够对文件进行提示,快速补全要引入的文件名。
,还是会实现所绑定的事件;任何鼠标按钮都会实现所绑定的事件;用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3 3、jQuery...,获得的是键盘触发事件后的文本。...上述提及的所有时间他们的底层的处理都是通过一个”on“方法来实现的。...()方法是从有到无的,一开始元素的就是显示的 。...()方法是从有到无的,一开始元素的就是显示的 。
JS前端开发框架常用的有哪些?在底层的前端框架领域中,早先是jquery称霸互联网,近两年MVVM类型的框架成为主流,Vue、React和Angular三大框架并驾齐驱。...小编搜集了Web界比较常用的web前端框架分享给大家: 1、Foundation框架 Foundation框架总体来看要比Bootstrap略显高大上一点,但他们俩的设计理念都是非常清楚的,Bootstrap...相对于Bootstrap丰富的组件及插件,Foundation仅提供了有限的几种元素,其目标是,即使你使用预定义的UI元素,也不应该与大家的网站长得太像。...兼容大部分jQuery插件,并包含了丰富的Web组件,如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。...包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。
格式化价格 下面具体介绍在vue中使用全局拦截器的使用方法。将以下代码放在 your-project/src/util/currency.js const digitsRE = /(\d{3})(?...加载更多的插件 可实现下拉加载更多图标显示 $ npm install vue-lazyload -D 在main.js中写入 import Vue from 'vue' import App from..." alt=""> 4. vscode 配置 vscode常用插件/好看主题: https://segmentfault.com/a/1190000006697219 vscode多设备配置相同环境方法...:vscode 同步设置及扩展插件 实现设备上设置统一 5....安全问题,不允许JS访问本地文件,所以无法获取files 对于低版本的IE可以使用ActiveXObject获取文件对象, 但是默认情况下 ActiveXObject
stylefmt 自动格式化样式 ESLint 代码检查的插件 beautify 代码美化插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug...6.x后,就支持javascript ES6很多语法了, 6.9.x开始,已经支持99%的ES6了,所以这个插件很必要....Markdown Shortcuts 编辑Markdown文档的快捷键 例如:快速生成表格 ? HTML Snippets 初级的 H5代码片段 ?...顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间 vetur 语法高亮、智能感知、Emmet等 VueHelper snippet代码片段 参考: vscode 插件推荐...- 献给所有前端工程师(更新与2017.8.18) vscode: Visual Studio Code 常用快捷键
当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种。...个人推荐编写前端代码时,代码编辑器选择vscode,IDE选择WebStorm。...当你不需要某个插件时只需要进入扩展,点击对应插件右下角的齿轮按钮即可选择禁用或卸载该插件。 2....前端常用插件 (ps: 必备 > 推荐 > 了解) 必备的一定要装, 推荐的看自己需要, 了解的可不装 !!!...Chrome (推荐) 映射vscode上的断点到chrome上,方便调试 调试方法戳这 6.ESLint (推荐) js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的
大家好,又见面了,我是你们的朋友全栈君。...关于使用flvjs 文章目录 关于使用flvjs 1.创建 2.事件处理 3.踩到的坑 1.创建 HTML <video id="largeVideo" style="width: 100%...当使用创建时,记住每次都需要销毁当前创建<em>的</em>直播流,是整个都需要销毁,不然很容易造成内存溢出,直接导致浏览器卡死,在断流重连和卡顿修复<em>的</em>时候尤其注意是否完全销毁这个直播组件!!!...---- 新加 flv传入<em>的</em>url最好遵循同源策略,不要跨协议去请求。如果是用rtmp可以不考虑此处 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规<em>的</em>内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
下面,播妞搜集了比较常用的web前端框架分享给大家,一起来看看吧!...相对于Bootstrap丰富的组件及插件,Foundation仅提供了有限的几种元素,其目标是,即使你使用预定义的UI元素,也不应该与大家的网站长得太像。...兼容大部分jQuery插件,并包含了丰富的Web组件,如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。...AmazeUI包含20+个CSS组件、20+个JS组件,更有多个包含不同主题的Web组件。 相比国外框架,妹子UI关注中文排版提供本地化支持。...包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。
node的安装分为全局模式和本地模式。 一般情况下会以本地模式运行,包会被安装到和你的应用程序代码的本地node_modules目录下。...labelName 3、npm list:查看当前目录下已安装的node包 注意事项:Node模块搜索是从代码执行的当前目录开始的,搜索结果取决于当前使用的目录中的node_modules下的内容...查看包的依赖关系 6、npm view moduleName repository.url:查看包的源文件地址 7、npm view moduleName engines:查看包所依赖的Node的版本...的文件夹,package.json描述了这个文件夹的结构。...访问npm的json文件夹的方法如下: $ npm help json 此命令会以默认的方式打开一个网页,如果更改了默认打开程序则可能不会以网页的形式打开。
一个效果非常好的弹层,支持图片、支持输入 轮播图 Swiper:https://www.swiper.com.cn/ 开源、免费、强大的触摸滑动插件,常用于移动端。...可以通过阮一峰的文章Ramda 函数库参考教程学习。 outils:https://github.com/proYang/outils 前端业务代码工具库。...统一封装常用函数,并发布到npm,以提高开发效率。...数据Mock Mock.js:http://mockjs.com/ 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应....优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型。
就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。...安装了这个插件,它就能够自动应用 Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。...同时,你还可以添加一些像 React Native 与 Vue 的相关 Web 开发插件包。 15.Themes 当然,在众多的实用插件中,岂能少了漂亮的主题呢?... 自动闭合HTML/XML标签 17.Auto Rename Tag (必备) 自动完成另一侧标签的同步修改 18.Beautify (必备) 格式化 html ,js,css...(推荐) js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置,日后我也会专门针对eslint配置写一篇文章。
为什么要写这篇文章 每天我都会通过浏览器进行工作学习,可以说浏览器是整个互联网的入口,谷歌的chrom无疑是现在最流行的浏览器(个人观点),以前办公效率很低,现在慢慢学会使用chrome插件之后发现浏览器其实就相当于是一个智能手机...,没有插件的chrome是没有灵魂的 想法 因为平时时间不够,只能利用更多碎片化的时间来写,所以这篇文章将会花很长时间来写,基本是会不断更新,刚开始的内容会很少,其实我自己也是在进行一个体验和学习的过程...,包括前面积累的文章都是后面会花时间来进行更新 我的常用chrome插件 1 clip to evernote : 网址:https://www.extfans.com/productivity/pioclpoplcdbaefihamjohnefbikjilc.../ 印象笔记的chrom插件,这个是我平时用的最多的,每天浏览大量的网页时会遇到很多比较好的内容想将其内容保存下来,这个插件可以直接将网页内容保存到我的印象笔记中,不会担心以后找不着了 2 Tampermonkey...:用户脚本管理器(油猴) Tampermonkey支持在浏览器安装脚本,是chrome插件商店中最火爆的浏览器插件之一,用过的都懂 3 AdBlock 网址:https://www.extfans.com
领取专属 10元无门槛券
手把手带您无忧上云