首页
学习
活动
专区
圈层
工具
发布

前端组件库_前端组件库有什么好处

(Tag) TaggingJS – 可以灵活定制的 jQuery 标签系统插件 10.8 自动完成插件 At.js – 一个Twitter/微博样式的@自动完成插件 jquery-textcomplete...13.17 拖拽组件 Draggabilly – 专注于拖拽功能的 JS 库 13.18 隐藏或展示页面元素 Headroom.js – 在不需要页头时将其隐藏 Readmore.js – 内容显示与隐藏插件...提示控件(Tooltips) qTip2 – Pretty powerful tooltips tooltip – CSS Tooltips tooltipster – A jQuery tooltip...plugin grumble.js – 气泡形状的提示(Tooltip)控件 Ouibounce – 离站提示控件 21....实用工具/其他插件 jquery-cookie FastClick – 处理移动端 click 事件 300 毫秒延迟 screenfull.js – 全屏切换 Async.js – 异步操作 html2canvas

7.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Aptana:JavaScript开发利器

    简介        Aptana是一个非常强大、开源的专注于Ajax开发的开发工具,看下开源中国社区中对它的功能描述: JavaScript,JavaScript函数,HTML,CSS语言的Code...Assist功能; Outliner(大纲):显示JavaScript,HTML和CSS的代码结构; 支持JavaScript,HTML,CSS代码提示,包括JavaScript 自定函数; 代码语法错误提示...Aptana是我用过的最好用的JavaScript开发环境,没有之一,上边写的功能我没有用全,只是用了一部分,当然对我来说够用了。 链接        如下链接都是目前的,以后有可能变化。...有大纲我们就可以通过CTRL+O来迅速找到某个方法或某个成员变量。 ?        还可以对指定的方法进行链接,在调用方法处,按F3或者CTRL+鼠标左键。 ?        ...搜索        Aptana编辑器重做了搜索,在用编辑器打开的文件内,按Ctrl+F,会显示如下: ?

    2.1K00

    awesome-javascript-cn

    官网 JSLint :高标准、严格和固执的代码质量工具,旨在只保持语言的优良部分。官网 MVC 框架和库 angular.js:为网络应用增强 HTML。...官网 提示 tipsy:基于 jQuery 的 Fackbook 风格的提示工具(tooltip)。官网 opentip:开源且基于 prototype 框架的 JavaScript 工具提示库。...官网 qTip2:非常强大的工具提示库。官网 tooltipster:一个工具提示 jQuery 插件。官网 simptip:用 Sass 制作的、简单的工具提示。...官网 jquery-popup-overlay:是一个响应式的和可访问性强的模态框(modal)和工具提示框 jQuery 插件。...(jQuery 插件)官网 floatThead:(jQuery 插件)锁定表格头部,只允许表格内容滚动。适用于任何表格,而且不需要额外的 html 或 css。

    12.5K80

    前端开发技术(vscode怎么下载)

    VS vode特点: 开源,免费; 自定义配置 集成git 智能提示强大 支持各种文件格式(html/jade/css/less/sass/xml) 调试功能强大 各种方便的快捷键 强大的插件扩展    ...插件合集 插件官网:https://marketplace.visualstudio.com/ 每一个插件名都超链接到官网,注意查看。...代码提示类 HTML Snippets 完整的HTML代码提示,包括HTML5。 HTML CSS Support 在 html 标签上写class 智能提示css样式。...jQuery Code Snippets JQuery代码提示,超过130个用于JavaScript代码的jQuery代码片段。 只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。...HTMLHint html代码检测,支持html5。 语言相关 C# 适用于.NET Core的轻量级开发工具。 伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。

    3.3K20

    Visual Studio Code(CS code)你们都在用吗?或许你们需要看一下这篇博文

    三.插件合集 插件官网:https://marketplace.visualstudio.com/   每一个插件名都超链接到官网,注意查看 a.配置类插件: 1.Settings Sync 最好用的插件...3.beautify 格式化代码工具 美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。 ?...c.代码提示提示类 1.HTML Snippets 完整的HTML代码提示,包括HTML5 ? 2.HTML CSS Support 在 html 标签上写class 智能提示css样式 ?...3.jQuery Code Snippets  jQuery代码提示 超过130个用于JavaScript代码的jQuery代码片段。...只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。 ? 4.HTMLHint html代码检测,支持html5 ? d.语言相关 1.C# 适用于.NET Core的轻量级开发工具。

    3.8K20

    nodejs基础-

    +KU 改为大写 Ctrl+KL 改为小写 Ctrl+D 选择字符串 (按住-继续选择下个相同的字符串) Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+/ 注释整行(如已选择内容,同“Ctrl...2. html5 支持hmtl5规范的插件包 注意:与Emmet插件配合使用,效果更好 使用方法:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档 3. jQuery...支持JQuery规范的插件包 4. javascript-API-Completions 支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件...,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。...安装方法(请阅读链接详情):http://www.ithao123.cn/content-10545789.html 5. JSFormat JS代码格式化插件。

    3.3K30

    vscode前端插件安装「建议收藏」

    2.HTML Snippets:超级实用且初级的 H5代码片段以及提示; 3.HTMLHint:html代码检测; 4.HTML CSS Support :让 html 标签上写class 智能提示当前项目所支持的样式...:路径智能提示; 9.JavaScript Snippet Pack:针对js的插件,包含了js的常用语法关键字,很实用; 10.View InBrowser:从浏览器中查看html文件,使用系统的当前默认浏览器...; 11.Class autocomplete for HTML:编写html代码的朋友们对html代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒; 12.beautify...:格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用; 13.jQuery Code Snippets:jquery 重度患者必须品; 14.Debugger for....GitLens:丰富的git日志插件; 26.vetur:vue语法高亮、智能感知、Emmet等; 27.VueHelper:vue代码提示.

    1.2K30

    超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集

    QPush - 从电脑快推文字到手机 - QPush 是从电脑推送文字到 iPhone 上最方便的小工具,可以轻松推送文字或网页。只要三秒钟,推送超顺手!...Sourcegraph for GitHub【强烈推荐】 - 提供GitHub IDE的强大功能:跳转到代码,PR和差异的定义和悬停工具提示。...Emmet用法参见Emmet插件使用方法总结 HTML-CSS-JS Prettify 使用说明:快速格式化html css js 快捷键:ctrl+shift+h jQuery 使用说明...、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等语言,是 Sublime Text 自带代码提示功能的很好扩展。...百度网盘直接下载 - 网盘内和分享链接页面均显示[高速下载]按钮,支持百度企业网盘。

    6K81

    jQuery基础(五)一Ajax应用与常用插件-imooc

    2-10 练习题 第3章 jQuery UI型插件 本章介绍包括拖曳、放置、排序在内的各类UI插件的使用过程,介绍各类微型插件的使用方法和注意事项,以及最新版UI中菜单工具、微调按钮、工具提示插件的效果和使用方法... 3-6 对话框插件——dialog  3-7 菜单工具插件——menu  3-8 微调按钮插件——spinner  3-9 工具提示插件——tooltip  3-10 练习题 第4章 jQuery...例如,当点击“提交”按钮时,如果文本框中的内容为空,则通过dialog插件弹出提示框,提示输入内容不能为空,如下图所示: 在浏览器中显示的效果: 3-7菜单工具插件——menu 菜单工具插件可以通过...3-9提示插件——tooltip 工具提示插件可以定制元素的提示外观,提示内容支持变量、Ajax远程获取,还可以自定义提示内容显示的位置,它的调用格式如下: $(selector).tooltip({options...-transitional.dtd"> html xmlns="https://www.w3.org/1999/xhtml"> 工具提示插件</title

    19.2K20

    基于bootstrap3响应式Tooltip提示插件

    图中的提示框就是效果 如果有接入Tooltip,只需调用即可,没有再接入此插件。 ggtooltip.js是一款非常实用的基于bootstrap 3.X的jQuery tooltip提示插件。...该bootstrap jQuery tooltip插件实用简单,支持在4个方向上像素tooltip信息,支持修改tooltip的背景色、前景色和边框颜色。...该jQuery tooltip插件实用简单,支持在4个方向上像素tooltip信息,支持修改tooltip的背景色、前景色和边框颜色。它的特点有: 支持4个上下左右4个方向显示tooltip。...可以自由设置tooltip的边框颜色。 支持各种触发tooltip的事件,如:click、hover、focus 或手动触发。 基于HTML5、CSS3和jQuery制作。...【两种方式】 顶部的工具提示

    1.3K20

    vscode中好用的插件_捷达VS5和捷途X95哪个好

    名称 功能 Auto Rename Tag 自动重命名配对的HTML / XML标签 Auto Close Tag 自动添加HTML / XML结束标签 any rule 常用正则表达式合集和工具 Browser...Align”确认即可 Code Runner 非常强大的一款插件,能够运行多种语言的代码片段或代码文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Ruby,Go等等,...(ES6) snippets 支持JavaScript ES6 语法 JavaScript (ES6) code snippets ES6语法提示 jQuery Code Snippets jq代码段提示...Prettier – Code formatter 代码保存自动格式化 Partial Diff 文件比较 Quokka.js Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈 使用方法...vscode-browser-plus 在编辑器内预览HTML,通过开启端口(10086)监听当前打开项目的根目录,在编辑器内预览网站,省去了频繁切换浏览器、编辑器看页面效果,修改代码后自动刷新页面。

    4.7K10

    Sublime Text 3安装及常用插件安装

    2. html5 支持hmtl5规范的插件包 注意:与Emmet插件配合使用,效果更好 使用方法:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档 3. jQuery 支持JQuery...规范的插件包 4. javascript-API-Completions 支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime...text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。...安装方法(请阅读链接详情):http://www.ithao123.cn/content-10545789.html 5. JSFormat JS代码格式化插件。...(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧) ##### 7. BracketHighlighter 类似于代码匹配,可以匹配括号,引号等符号内的范围。

    1.3K10

    提高你的编码效率

    对于编辑器来说,要能设置漂亮的界面,能够代码提示和自动补全,能够支持各种语言和代码检查,能够方便快捷的操作。 感觉VScode就是集成了各种编辑器的优点。...第二个就是快捷查找的。 第三个代码管理,直接集成git。 第四个就是调试工具。 第五个就是插件库了。丰富的插件,让你的效率大大提高。 个人可以根据自己的需要安装。 安装好了以后,我们先做初步的配置。...jQuery代码提示 React.js Code Snippets React代码提示 二、代码格式化和质量保证 ESLint Javascript语法检测,高亮提示 Code Spell Checker...代码跟踪 vue peek 用于跟踪vue.js代码的工具 代码片段比对 Partial Diff 对比两段代码或文件 讲了这么多插件,那这些插件怎么配置呢?...比如我如果开发网页多一点,就可以在插件市场里搜关于htm, css的插件。 HTML Snippets HTML CSS Support 这样它就自动提示html和CSS, 错了也能帮你指出来。

    2.3K10

    web大前端必备的VSCode插件,常用的(15个)「建议收藏」

    2.Quokka Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。...另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。 3.Faker 使用流行的 JavaScript 库 – Faker,能够帮你快速的插入用例数据。...14.Language and Framework Packs VSCode 默认支持大量的主流编程语言,但如果你所使用的编程语言不包括在内,也可以通过下载扩展包来自动添加。....js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间 26.jQuery Code Snippets (推荐)   jQuery代码智能提示 27...Npm Intellisense(node必备) require 时的包提示 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/164342.html原文链接

    9.3K40

    作为JavaScript开发人员,这些必备的VS Code插件你都用过吗?

    多亏了开源社区,VS Code现在几乎对所有的编程语言、框架和开发技术都有支持。提供这种支持的方式是多样的,主要包括了为特定技术提供代码片段、语法高亮、Emmet以及智能提示功能。...(这个链接打不开了) Atom JavaScript Snippet:移植自Atom的JavaScript插件。 JavaScript Snippets:提供了ES6代码片段的集合。...View Node Package:利用此插件可快速查看Node包源码,让你直接在VS Code中打开Node包的代码库或文档。...Search node_modules:通常node_modules文件夹不在默认的搜索范围内,这个插件允许你搜索它。源码:vscode-search-node-modules。 ?...jQuery Code Snippets:提供了超过130个jQuery的代码片段,使用jq前缀来激活。 8. 测试类插件 测试是软件开发中的关键环节,对于生产阶段的项目来说更是如此。

    3.8K10

    Baidu Comate全方位测评结果——全栈工程师的福音

    IntelliJ IDEA安装Baidu Comate插件 直接打开工具设计的【Plugins】页面,搜索Baidu Comate即可看到,点击【Install】进行安装即可。...行间提示 行间提示这个每个工具显示的不一样,我们都看看。当前这个是【PyCharm Community】的行间提示。 IntelliJ IDEA的行间提示与python的基本一致。...这个是【VSCode】的行间提示。 函数注释 这里多个工具的操作有点不同,我们挨个看看。...各种语言大测试 这里我就不测试全部语言了,常用的各类语言我这里都测试一下。三类工具各种切换,哪个方便运行对应语言就选择哪个测试了。...Go语言 使用go语言创建一个链接MySQL数据库操作,数据库本地的,账号是root,密码是pwdroot,数据库名称是testgolink。

    86500
    领券