文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

五年 Web 开发者 star 的 github 整理说明

的触摸运动组件 weaver/node-mail node邮件组件 moment/moment 时间处理的js组件 facebook/react-devtools react开发工具 amekkawi...react组件库，很早、很好、很强大 sequelize/sequelize node的orm组件 nomiddlename/log4js-node node的日志组件 mrdoob/stats.js...替代方案 weui/react-weui 微信react的组件库 BetterJS/doc 腾讯IMWeb团队 前端js异常统计框架 kriskowal/q 一个promise库 Tencent.../autocomplete 输入框自动完成的库 FortAwesome/Font-Awesome 字体图标库 xoxco/jQuery-Tags-Input 将输入框输入转变成标签列表的库 amazeui.../amazeui h5开发框架 devbridge/jQuery-Autocomplete 输入框自动完成的库 dyve/jquery-autocomplete 输入框自动完成的库 xdan/autocomplete

9K50
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【Flutter 组件集录】Autocomplete 自动填充

    简单来说，Autocomplete 意为 自动填充 。其作用就是在输入时，进行 关键字联想。在输入框下方展示列表，如下所示：注意，这是目前 Flutter 框架内部的组件，非三方组件。...Autocomplete 组件最简代码 我们先一步步来了解 Autocomplete 组件，先实现如下的最简代码： 使用 Autocomplete 时，必须提供的是 optionsBuilder 参数...这也是 Autocomplete 组件最简单的使用。...这样，在 TextFormField 构建时，你可以指定自己需要的装饰。 到此，我们就实现了上面，输入过程中，浮层面板内容关键字高亮显示的效果。...如下，其实和我们自己实现的也没有太大的区别，只是个默认存在，方便使用的小玩意而已。 另外，对于输入框的构建，使用 _defaultFieldViewBuilder 静态方法完成。

    1.6K20

    三种插件开发模式，带你玩废tinymce

    ，其作用类似于切换按钮，在菜单项中显示一个勾号以表示状态。...实现 web components 的基本方法 创建一个类或函数来指定 web 组件的功能，如果使用类，请使用 ECMAScript 2015 的类语法 (参阅类获取更多信息)。...再次使用常规 DOM 方法克隆模板并将其附加到您的 shadow DOM 中。 在页面任何您喜欢的位置使用自定义元素，就像使用常规 HTML 元素那样。...通过在两个过滤器中 ，针对自定义节点 加入对应的转换逻辑，实现无论是在编辑器环境中 还是客服的浏览器中都能完美的渲染出来 Parser : 即 API 中的 tinymce.html.DomParser...按钮组件： 可扩展丰富的按钮样式， 给文章展示类型更加丰富。 以实现一个 CodeGroup 组件(我给它的自定义的标签为tp-codegroup)，便于多语言的代码展示。

    5.1K30

    Flutter 组件集录 | 师于源码 - 与 TapRegion 的相遇

    1、缘起 在很久以前，我就对手势中的一种场景耿耿于怀，一度难以解决： 点击 组件之外 的事件如何被响应？ 这个功能对于浮层来说是很必要的，如下所示，是微信的 Windows 客户端。...---- 另外，外部点击事件对于 焦点 也有使用价值。比如在 有道词典 中，点击其他区域输入框的焦点会被取消，同时隐藏输入框下部的提示面板。...从 Autocomplete 组件开始说起 偶然发现，桌面端的 Autocomplete 组件浮层，竟然具有我曾经梦寐以求的 外域点击取消 功能，且不影响此次事件分发。...如下所示：当浮层显示时，点击下面的输入框，浮层消失，输入框被激活。 这不就是我想要的东西吗！ 既然源码中已经实现了，那还等什么！ 源码翻烂也要把它的实现方式拎出来！...所以一开始我是从 Autocomplete 组件开始探索的。它是一个 StatelessWidget ，其中的 build 方法依赖于 RawAutocomplete 组件实现。

    1.2K80

    利用js实现输入框动态提示信息

    为了提高和用户的交互性，现在的输入框往往都采用输入信息自动提示的功能，类似于百度输入框中的提示功能。...设计思路是：在输入框input的组件下面放置一个div，这个div主要是为了提示信息的展示功能，类似于下拉框那种形式。...步骤一：在网页加载的时候会首先把输入框中要查询的信息全部加载出来，并且放置在一个全局变量中。...步骤二：当用户在输入框中输入信息的时候会触发响应函数，函数的主要功能是获取用户的输入值并继续监控用户后续的输入值，然后把输入值进行处理，于缓存中的全局变量进行对比操作，把缓存中相同的部分返回给上面提到过的...步骤三：用户在菜单中选择自己想要的信息，通过js代码实现将选择的信息返回到输入框中去。

    14.7K60

    TDesign 更新周报（2022年12月第1周）

    组件库Vue2 for Web 发布 0.51.1❗ Breaking ChangesJumper: Jumper 更名为 PaginationMini 组件，正在使用 Jumper 组件的同学请从 Pagination...，用于支持在分页场景中，仅选中当前页数据，切换分页时清空选中结果，全选仅选中当前页数据 @chaishi (#2074)Calendar: 日历组件支持多个高亮单元格； @PsTiu (#2075) Bug...overlayContent 无效 (issue #1996) @pengYYYYY (#2094)AutoComplete: 支持使用 triggerElement 自定义 AutoComplete...的触发元素 @chaishi (#2070)Tooltip: 修复继承 Popup 组件 disabled 属性失效 (issue #1962) @Zzongke (#2069)Calendar: 修复日历组件在月历模式下高亮显示的...: placement 支持 mouse 模式，实现原生title体验 @carolin913 (#1751)Table: 选中行功能，新增 reserveSelectedRowOnPaginate，用于支持在分页场景中

    2.2K30

    手摸手教你玩转 vue render 函数

    的API, 本文要探讨是render函数在封装组件中的一些技巧思维且可以用于生产项目的所以并没有用Vue3, 后面会慢慢封装成一个中后台通用表单集成组件， 本文先从输入框开始， 支持的类型 text input...表单支持的修饰符 number：通过 parseFloat()解析之后的字符串数值 trim：过滤首尾空白字符 lazy：将事件触发从input从而转为在「 类似change」在值确认之后响应(当输入法没有按下时不做值变动可以使用这个...) 最常见的就是当我们使用number类型输入框但输入框最后给定的值是字符串，这个时候可以通过添加.number修饰符内部帮你自动转换为number类型 <dynamic-input v-model...，需要注意的是render函数中的第三个参数是描述当前组件的子内容，虽然slot是当前组件提供的内置内容，让你可以渲染到当前组件的指定内容，但是并不是这样就能实现的 export default...Autocomplete autocomplete 是一个可带输入建议的输入框组件。可用于远程搜索， 通过传递is-autocomplete来确定是否渲染el-autocomplete组件 ?

    1.4K20

    materialUi修改组件样式

    举例：想修改这个输入框的边角为直角（把border-radius设为0）....图片 组件的代码如下：       Autocomplete               className={classes.root}               multiple               ...border-radius不会生效， 这个时候就需要使用materialUi提供的withStyle来修改组件的内部样式了 然后在浏览器中打开调试工具(F12)，找到这个input的border-radius...所对应的样式名， 图片 看到所对应的样式名为:.MuiOutlinedInput-root 然后就可以在声明的styles中去修改了 const styles = {   root: { //这个是默认的最顶部的根样式...import { withStyles } from '@material-ui/core/styles'; 最后在使用with-style包裹一下组件即可生效了。

    1.8K20

    React Hooks 学习笔记 | State Hook（一）

    一、开篇 React Hooks 无疑是目前 React 最令人兴奋着迷的特性之一，你可以使用更简单的函数编程的思维创建更加友好的组件。...应用了 npx create-react-app myapp 创建完成后，在项目目录下运行命令，启动你的 React 项目 cd myapp npm start 三、类组件中的 State 状态管理...在学习 Hooks 中的状态管理之前，我们先复习下，在类组件中怎么进行状态管理的，有了对比，才能更好的理解 Hooks 的状态管理。...接下来，给自己一点时间，去理解上述的代码，我们在构造函数里，使用 this 的方式声明了 name 状态，并将一个 handleNameChange 函数绑定到组件实例中。...在函数中，我们通过 this.setState 的方式改变状态的值。当用户在文本输入框输入值时，就会触发 handleNameChange 函数，更改 name 的状态值。

    1.5K30

    帮你使用Vue，搞定无法解决的“动态挂载”

    在一些特殊场景下，使用组件的时机无法确定，或者无法在Vue的template中确定要我们要使用的组件，这时就需要动态的挂载组件，或者使用运行时编译动态创建组件并挂载。...这个输入框的创建销毁都是通过继承单元格类型对应方法实现的，因此这里就存在一个问题——这个动态的创建方式并不能简单在VUE template中配置，然后直接使用。...由于前面提到的这个问题： 沉思许久，我认真给客户回复：“组件运行生命周期不一致，用不了”，但又话锋一转，表示可以使用通用组件解决这个问题。 问题呢，是顺利解决了。...，满足动态组件的需求 提前编译模板仅动态挂载，autocomplete的组件是确定的，我们可以使用这种方法 新建AutoComplete.vue组件用于动态挂载，这样可以挂载编译好的组件。...，同时在挂载时创建的VueComponent实例上直接获取到所有props内容，对应操作即可实现数据获取设置。

    1.2K30

    VS Code插件开发介绍（一）

    前言 前段时间做了一个基于命令行的效率工具，可以自动生成组件的模板代码。自己用起来还觉得挺好，但在组内案例几次后大家都不愿意用，究其原因还是命令行工具使用起来门槛有点高，不方便。...运行示例代码 代码生成后，可以按F5开始调试插件，此时VS Code会新建一个实例并进入插件开发模式，开发中的插件可以在这个新的实例中使用。...修改代码 插件的入口代码在extension.js这个文件中，主要是修改activate函数： export function activate(context) { // Use the console...; }); context.subscriptions.push(disposable); } 我插件的功能是用户通过右键点击导航栏，获取选中文件夹的绝对路径，然后提示用户输入新组件的名字...开发的关键点是如何获取文件夹绝对路径和获取用户输入的组件名。尤其是获取路径，找了很久才找到，官网的文档只字未提。

    76920

    🔥《手把手教你》系列基础篇之4-python+ selenium自动化测试-xpath使用（详细教程）

    简介 　　俗话说：磨刀不误砍柴工，因此在我们要开始写自动化脚本之前，我们先来学习和了解几个基本概念，在完全掌握了这几个概念之后，有助于我们快速上手，如何去编写自动化测试脚本。...Selenium一共有八种元素定位方法，这个在上一篇文章中已经提到过，其中在实际开发自动化脚本过程中，XPath的使用是最多的、比较好用的一种方法，所以本文就着重来介绍如何通过XPath来元素定位。...点击右上角，菜单-附件组件-扩展 3. 在搜索所有附件组件文本输入框输入：firebug 4. 找到Firebug，点击 安装。重复步骤3和4，搜索和安装FirePath。 5....因为 HTML 可以看做 XML 的一种实现，所以 selenium用户可是使用这种强大语言在 web 应用中定位元素。...如图： FirePath插件的使用就更加方便和快捷了，选中元素后，直接在XPath的输入框中生成当前元素的XPath语法，如图： 您的肯定就是我进步的动力。

    1.2K30

    React基础(2)-深入浅出JSX

    使用JSX并不是倒退,它只是一个语法糖而已,虽然在React中,不强制要求使用JSX,但是官方却推荐使用....实现组件化的好处,不言而喻,下面来看看React的JSX是怎么样的 当你用create-react-app脚手架,初始化一个react应用后,在入口文件index.js中最后一行代码,ReactDOM.render...React通过读取这些对象,然后使用它们来构建 DOM 以及保持随时更新 注意: React中并没有模板语言(类似Vue的template的),但是它具有JavaScript的全部的功能 可以在JS中书写...itclanCoder公众号 ) } }下面来具体来看看JSX是如何使用的 JSX的具体使用 在JSX中嵌入表达式{ 表达式 } 双大括号内可以是变量...以及JSX的一些注意事项,JSX的具体使用,嵌入表达式,最重要的是JSX的原理,在使用JSX中,react是如何将jsx语法糖装换为真实DOM,并渲染到页面中的,当然,JSX仍然还有一些注意事项,边边角角的知识的

    2.4K00

    18前端实习面经+offer

    具体转义哪些字符 你觉得的自己优点和缺点 平时怎么学前端 一小时后电话二面并约了写代码（28分钟） 讲项目和遇到的难点 imutable.js实现原理 Promise解决了什么问题、如何使用ES5...实现 3.19在线写代码（60分钟共享桌面） 题目一：页面内的一个input输入框，实现查询命中数组中的词，和输入过程中的autocomplete效果 题目二：实现一个div滑动的动画，由快至慢5s...gg react的优点 设计模式：观察者模式、单例模式。其它还知道啥 react组件间通信 react diff算法优点和缺点、virtualDom node进程间通信。...1/5，如何使用这个函数产生[0, 7)之间的随机整数，每个数字概率1/7 现在有一个基准数组 records，先要求你维护其子集 selection 数组（初始为空），维护操作包含删除和插入。...插入：给定 records 数组中的一个元素，插入到 selection 中 删除：给定 records 数组中的一个元素，把它从 selection 中删除 现在要求你： 实现 insert(

    51830

    React学习(二)-深入浅出JSX

    使用JSX并不是倒退,它只是一个语法糖而已,虽然在React中,不强制要求使用JSX,但是官方却推荐使用....实现组件化的好处,不言而喻,下面来看看React的JSX是怎么样的 当你用create-react-app脚手架,初始化一个react应用后,在入口文件index.js中最后一行代码,ReactDOM.render...React通过读取这些对象,然后使用它们来构建 DOM 以及保持随时更新 注意: React中并没有模板语言(类似Vue的template的),但是它具有JavaScript的全部的功能 可以在JS中书写...itclanCoder公众号 ) } } 下面来具体来看看JSX是如何使用的 JSX的具体使用 在JSX中嵌入表达式{ 表达式 } 双大括号内可以是变量...以及JSX的一些注意事项,JSX的具体使用,嵌入表达式,最重要的是JSX的原理,在使用JSX中,react是如何将jsx语法糖装换为真实DOM,并渲染到页面中的,当然,JSX仍然还有一些注意事项,边边角角的知识的

    2K30
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券