精华内容
下载资源
问答
  • jqury前端插件

    2019-01-23 00:55:33
    46种好用的前端插件,提高前端开发效率,值得学习,值得收藏。
  • 前端插件artDialog

    2016-03-04 12:31:56
    前端插件artDialog,很好用的前端插件。省时省力 能够节省开发周期
  • VSCode 开发前端插件

    千次阅读 2020-07-30 13:45:33
    VSCode 开发前端插件VUEvue VUE vue

    一、VUE(开发vue)

    vue

    在这里插入图片描述

    Vue 2 Snippets

    在这里插入图片描述

    Vue VSCode Snippets

    在这里插入图片描述

    Vetur

    在这里插入图片描述

    Vuter

    在这里插入图片描述

    二、Auto

    Auto Rename Tag

    自动重命名标签
    与Visual Studio IDE一样,自动重命名配对的HTML / XML标记。
    在这里插入图片描述

    Auto Close Tag

    自动关闭标签
    自动添加HTML / XML关闭标记,与Visual Studio IDE或Sublime Text相同。
    在这里插入图片描述

    三、Beautify

    Beautify

    美化javascript,JSON,CSS,Sass,和HTML的代码。
    在这里插入图片描述

    四、ESLint

    ESLint

    将ESLint集成到VS Code中
    在这里插入图片描述

    五、Code Runner

    Code Runner

    运行多种语言的代码段或代码文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Perl 6,Ruby,Go,Lua,Groovy,PowerShell,BAT / CMD,BASH / SH,F#脚本,F#( .NET Core),C#脚本,C#(.NET Core),VBScript,TypeScript,CoffeeScript,Scala,Swift,Julia,Crystal,OCaml脚本,R,AppleScript,Elixir,Visual Basic .NET,Clojure,Haxe,Objective-C ,Rust,球拍,Scheme,AutoHotkey,AutoIt,Kotlin,Dart,Free Pascal,Haskell,Nim,D,Lisp,Kit,V,SCSS,Sass,CUDA,Less和自定义命令在这里插入图片描述

    六、CSS

    CSS Modules

    CSS模块扩展,支持自动完成,去定义
    在这里插入图片描述

    CSS Peek

    速览:内联加载css文件并在那里进行快速编辑。(Ctrl+Shift+F12)
    转至:直接跳至CSS文件或在新的编辑器(F12)中打开它
    悬停:将定义悬停在符号(Ctrl+hover)上

    在这里插入图片描述

    cssrem

    VSCode中的一个pxto rem插件,换算为rem(用于小程序开发)
    在这里插入图片描述

    七、小程序

    minapp

    微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
    在这里插入图片描述

    八、npm

    npm

    该扩展支持运行文件中定义的npm脚本,package.json并根据中定义的依赖项验证已安装的模块package.json。
    在这里插入图片描述

    九、Image

    Image preview

    图像预览
    在这里插入图片描述

    十、Path

    Path Autocomplete

    路径自动完成
    在这里插入图片描述

    Path Intellisense

    自动完成文件名的Visual Studio Code插件。
    在这里插入图片描述

    十一、PowerShell

    PowerShell

    该扩展为Visual Studio Code提供了丰富的PowerShell语言支持。现在,您可以使用Visual Studio Code提供的出色的类似IDE的界面编写和调试PowerShell脚本。

    在这里插入图片描述

    十二、Git

    Git History

    Git历史记录,搜索和更多内容(包括git log)
    在这里插入图片描述

    十三、Vant

    Vant Snippets

    自动补全Vant 组件的标签

    在这里插入图片描述

    十四、vscode

    vscode-icons

    vscode图标美观VSCode
    在这里插入图片描述

    Chinese (Simplified) Language Pack for Visual Studio Code

    中文(简体)语言包为VS Code提供本地化界面。
    在这里插入图片描述

    十五、Debugger

    Debugger for Chrome

    使vscode上的断点到Chrome上,方便调试
    在这里插入图片描述

    Debugger for Firefox

    使vscode上的断点到Firefox上,方便调试
    在这里插入图片描述

    十六、jQuery

    jQuery Code Snippets

    超过130个用于JavaScript代码的jQuery代码段。只需输入字母“ jq”即可获得所有可用的jQuery代码片段的列表。
    在这里插入图片描述

    十七、Color

    Color Highlight

    此扩展程序可样式化文档中找到的css / web颜色。
    在这里插入图片描述

    十八、注释

    koroFileHeader

    一个好玩的注释插件,按下快捷键,ctrl+shift+p 输入codeDesign
    在这里插入图片描述

    十九、Prettier

    Prettier - Code formatter

    Visual Studio代码格式化程序,是一个固执己见的代码格式化程序。 它执行一致的风格通过解析代码和重印,它有自己的规则,考虑到最大线长度,必要时包装代码。
    在这里插入图片描述

    二十 Bracket

    Bracket Pair Colorizer**

    可以将匹配的括号染成相同的颜色。同一个文件内嵌套的组件、函数、对象等带来的大量括号很容易让人找不到对应的括号,这款插件可以帮你完美解决
    在这里插入图片描述

    Import

    Import Cost

    **Importcost可以在代码中显示导入的估计大小。
    在这里插入图片描述
    **
    记录VSCode中有用的前端开发插件,会持续更新。

    展开全文
  • web前端插件整合

    2013-06-04 08:42:21
    web前端插件整合,附带常用的jquey插件,jquery插件开发范例
  • js前端插件大全

    2018-10-11 11:05:08
    这是我整理的前端插件,有分页pagination.js,echart图表,json解析,jquery插件和api,mustache渲染引擎,非常丰富!
  • 这里推荐的是 Editor.md 这款插件,原因是简洁且功能强大,并且官网上附有详细的示例。 具体可以访问 Editor.md 的官网:http://editor.md.ipandao.com/ 集成详细步骤: 1.下载: 官网下拉,点击github下载。 2...

    0x01.MarkDown编辑器(Editor.md)

    • 对于个人博客来说,能在线编辑的MarkDown编辑器是必不可少的,它能让你的体验更加美好哦~
    • 这里推荐的是 Editor.md 这款插件,原因是简洁且功能强大,并且官网上附有详细的示例。
    • 具体可以访问 Editor.md 的官网:http://editor.md.ipandao.com/

    在这里插入图片描述

    集成详细步骤:

    1.下载:
    • 官网下拉,点击github下载。
      在这里插入图片描述
    2.复制必要文件:

    在这里插入图片描述

    3.引入资源:
    <!-- editormd插件css -->
    <link href="../static/lib/editormd/css/editormd.min.css" rel="stylesheet">
    <!-- editormd 插件js文件 -->
    <script src="../static/lib/editormd/editormd.min.js"></script>
    
    4.初始化editormd
    • 页面部分:
    <div id="md-content" style="z-index: 1!important;">
        <textarea placeholder="博客内容" name="content" style="display: none;"></textarea>
    </div>
    
    • path是依赖路径,一定要写对,md-content是div的id。
    		//初始化editormd
            var testEditor;
            $(function() {
                testEditor = editormd("md-content", {
                    width   : "90%",
                    height  : 640,
                    syncScrolling : "single",
                    path    : "../static/lib/editormd/lib/"
                });
            });
    
    5.效果:

    在这里插入图片描述

    0x02.中文网页重设与排版(sofish / typo.css)

    • 这个插件主要解决中文网页的排版问题,能够使得你的文章排版更加美观!

    • sofish / typo.css 这个插件是github上的开源项目,具体可以直接去github上查看相关说明:https://github.com/sofish/typo.css
      在这里插入图片描述
      在这里插入图片描述

    • 其本身只有一个css文件,只要将其引用进来即可使用其排版样式,具体在typo.html页面中有示范。

    0x03.动画(Animate.css)

    在这里插入图片描述- 点击此处去github下载:

    在这里插入图片描述

    • 拷贝核心css:

    在这里插入图片描述

    • 在指定的div上使用即可。

    0x04.代码高亮(Prism)

    • 代码高亮对于开发者的博客来说,是非常必要的,这款插件具有强大的代码高亮支持功能。
    • 具体前往:https://prismjs.com/
      在这里插入图片描述
    • 下载css和js:
      在这里插入图片描述
    • 具体使用,需要指定语言,如下:
    				<pre>
                            <code class="language-css">
                                .m-padded-mini{
        padding:0.2em !important;
    }
    .m-padded-tiny{
        padding:0.3em !important;
    }
    .m-padded-tb-mini{
        padding-top: 0.2em !important;
        padding-bottom: 0.2em !important;
    }
    .m-padded-tb-tiny{
        padding-top: 0.3em !important;
        padding-bottom: 0.3em !important;
    }
    .m-padded-tb-small{
        padding-top: 0.5em !important;
        padding-bottom: 0.5em !important;
    }
    .m-padded-tb{
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }
                            </code>
                        </pre>
    
    • 效果如下:
      在这里插入图片描述

    0x05.目录生成(Tocbot)

    在这里插入图片描述

    • 下载对应源码:
      在这里插入图片描述
    • 拷贝相应文件:
      在这里插入图片描述

    具体使用:

    • 初始化:
    		//初始化tocbot
            tocbot.init({
                //最终生产目录的区域
                toSelector:'',
                //内容元素
                contentSelector:'',
                //生成的目录的标题级别
                headingSelector:'h1,h2,h3'
            });
    

    0x06.二维码生成(qrcode.js)

    • QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。
    • 具体前往:https://github.com/davidshimjs/qrcodejs

    在这里插入图片描述

    具体使用:

            //生成二维码
            var qrcode=new QRCode("qrcode",{
                text: "http://blog.csdn.net/ATFWUS",
                width:128,
                height:128,
                colorDark: "#000000",
                colorLight: "#ffffff",
                correctLevel: QRCode.CorrectLevel.H
            })
    

    0x07.平滑滚动(jquery.scrollTo)

    <script src="//cdn.jsdelivr.net/npm/jquery.scrollto@2.1.2/jquery.scrollTo.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js"></script>
    

    0x08.滚动侦测(Waypoints)

    示范:

            //控制工具组件的显示与隐藏,只有向下滑动时显示
            var waypoint=new Waypoint({
                element: document.getElementById('waypoint'),
                handler:function (direction) {
                    if(direction=='down'){
                        $('#toolbar').show();
                    }else{
                        $('#toolbar').hide(500);
                    }
                }
            })
    
    展开全文
  • commUI 自定义前端插件 加载图片
  • 前端插件代码 漂亮的时钟
  • 主要介绍了前端插件之Bootstrap Dual Listbox使用教程,本文给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
  • 整合的功能齐全的前端插件,简单易用 代码容易理解 框架易懂 直接拿着就可上手
  • 多条件筛选前端插件

    2018-08-10 14:41:07
    类似京东等多条件筛选的前端插件,采用原生css和jquery,git地址:https://github.com/tylhjy/filterMulti
  • 使用前端插件上传文件到ftp服务器,上传配置灵活,通过配置文件即可配置文件类型大小,还有ftp服务器连接信息
  • 维基加 一个基于jQuery的Mediawiki前端插件。 更多信息
  • Bootstrap+H5+各种前端插件实例教程 列表 按钮 进度条 图片
  • 前端插件:ECharts( 图表制作 )-附件资源
  • sublime 前端插件推荐

    一直都是用webstorm和PHPstorm进行前端开发,但是唯一的缺点就是太卡,启动慢,一直读取磁盘,用不了几个小时工具就会处于卡顿的状态,在这里给大家推荐一下sublime(英文版,中文版的可能安装不了插件)。
    1. 前往官网下载sublime 百度搜索sublime就好了,进英文官网下载软件,最好下载sublime text3,双击应用程序进行安装,一直下一步就好了。
    2. 打开界面大概是这样的这里写图片描述
    3. 点击菜单栏里的view->slide bar->show slide bar 可以显示旁边的目录文件夹。

    插件的安装
    1.点击菜单栏里的preference -> package control 来进行插件的安装,或者Ctrl+shift+p也可以 接下来会弹出选项框 这里写图片描述
    我们点击install package 来进行插件的安装,也可以在命令行里输入install package,可能会有等待时间,耐心等一下。
    2.然后会弹出下一个选项框,如果想取消可以按esc键。在此选项框里就可以输入或搜索我们想要安装的插件了。这里写图片描述
    插件选择
    1. emmet
    必备 可以极大提高开发效率,如:输入!按tab键 快速生成一个HTML模板,前提是要保存一下文件的格式为html。
    2.css extended completions
    关联css文件,智能提示css文件里面的类名,写Bootstrap肯定爽。
    3.css3
    css语法提示,高亮
    4. align tab
    对齐我们的代码,快键键Ctrl+shift+h 也可以自己更改快键键
    5.auto file name
    引入文件没提示?这个插件帮你解决了。
    6.brackethighlighter
    点击一个花括号,他会告诉你另一个相匹配的花括号在哪 ,显示代码的层级提示你代码属于谁的。
    7.colorhighlighter
    css中写了一个颜色 他会显示此代码的真正颜色。
    8.JavaScript Completions
    支持javascript原生代码 getelementbyid没提示?安装它就不用担心了。
    9.JsFormat
    格式化js代码
    10.javascriptNext-ES6 syntax
    让sublime编写es6语法不会报错,支持es6语法。
    11.jQuery
    提示jQuery代码。
    12.jsx
    支持jsx格式的代码
    13.less、sass
    书写less语法
    14.pretty json
    支持json语法
    15.nodejs
    支持nodejs,首先下载nodejs,alt+r 即可编译我们的nodejs代码
    16.javascript console
    输入console.会有提示
    17.Docblockr
    主要编写注释的
    18.babel
    babel是一款为 ES6+ JavaScript设计的语法描述插件,支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展.
    19.angularjs
    提示Angular代码
    20.ConvertToUTF8
    sublime text本身是不支持中文编码的,所以需要通过安装插件来解决,ConvertToUTF8插件可以实现。

    后续如果有好用的插件会再推荐给大家的。

    展开全文
  • 前端插件整合

    2018-01-12 12:56:35
    前端框架开发,设计整个搭建流程,有多个模块实现。好用
  • JS插件Js前端插件demo(地图-拓扑图-图表) JS插件Js前端插件demo(地图-拓扑图-图表)
  • 前端插件封装示例

    2018-07-28 13:45:21
    文件内有一个修改样式的插件,代码很短,简洁明了的可以看出插件封装全过程,本人前端开发,亲测可运行,小白可懂。
  • 前端插件下载网站

    DIV结构的点击收缩展开左边栏代码(html+css+js)-网页特效-懒人建站 http://www.51xuediannao.com/js/texiao/zhediezuolan.html

    jQuery和css3响应式带滚动条的内容手风琴插件演示_jQuery之家-自由分享jQuery、html5、css3的插件库 http://www.htmleaf.com/Demo/20141220949.html

    建站基地_www.jz21.net-专注提供免费建站素材,图片,源码,js代码,模板,插件 http://www.jz21.net/index.html

    jQuery插件库-收集最全最新最好的jQuery插件 http://www.jq22.com/

    展开全文
  • 前端插件表情

    2019-03-07 11:51:28
    emojiPicker是一款自定义表情插件,支持在输入框input、文本框textarea显示表情图片。更多表情演示DEMO
  • visual studio code插件的安装及应用
  • facebook-clang-plugins, clang分析器和clang前端插件 Facebook这个存储库的目标是分享一些有用的clang插件。它包含了两个插件到 clang编译器插件:分析器插件使用分析器的内部api查找并报告它们;前端插件直接处理...
  • 国产前端插件之xgcalendar

    千次阅读 2015-04-17 15:56:49
    之所用“国产前端插件之xgcalendar”这个标题也是为了让更多想用xgcalendar的人可以看到这个帖子,不过可能会让你失望了,这帖子不是xgcalendar的教程,而是吐槽了一下我的使用经历。 ok,切换到吐槽模式  头...
  • 小白都能快速入门的前端插件,还不快来用。 前言: 为什么要用插件,有什么好处? 使用前端插件能够简化代码,降低维护成本; 提高效率,就那现在依旧用的人很多的jq。虽然能完成工作,但是对dom的重复调用会很...
  • 前端插件推荐之一(address-parse.js) 对国内地址地区进行智能解析,提取关键数据 https://github.com/wenbintian/address-parse forked from akebe/address-parse
  • 一个可以简单自定义颜色的时间轴插件,可以通过指定id 以及设置格式等方式生成时间轴。具体可以根据demo.html使用
  • 包含整套后台管理框架常用插件,表单,日历,折线图,分页,相册等,几乎涵盖所有前端用到的UI组件。常备身边,前端开发无忧。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 212,030
精华内容 84,812
关键字:

前端插件