综上，最终我们确定使用的是 react-awesome-query-builder，它不仅能通过简单配置扩展 UI 规则，还内置了很多转换器，可以直接将 UI 组件的数据转换成 mysql/mongo/...所以，我修改了 react-awesome-query-builder 转换函数中的源码，让其可以支持这样配置: { gte_strlen: { label: '文本长度大于',...vue2 兼容 react 组件 虽然 react-awesome-query-builder 这个库很完善很好用，但是我们的问卷管理端是早期使用 vue2 搭建的，所以重点还需要解决如何在 vue2...首先，我移除了 react-awesome-query-builder 所有依赖的 UI 库(它适配了 antd/material)，其次最核心的是使用只有 3kb 的 preact 替代 react。...2，在开源项目中 react-awesome-query-builder 只能说相对而言是比较不错的，在看源码过程中，只能说中规中矩，当然它最大优点就是功能齐全，帮助我们减少了很多的开发时间。
♣ 题目部分 在Oracle中，模糊查询可以使用索引吗?...♣ 答案部分 分为以下几种情况： （1）若SELECT子句只检索索引字段，那么模糊查询可以使用索引，例如，“SELECT ID FROM TB WHERE ID LIKE '%123%';”可以使用索引...如果字符串ABC在原字符串中位置不固定，那么可以通过改写SQL进行优化。改写的方法主要是通过先使用子查询查询出需要的字段，然后在外层嵌套，这样就可以使用到索引了。...④ 建全文索引后使用CONTAINS也可以用到域索引。...'AA%') filter(REVERSE(SUBSTR("TABLE_NAME",1,LENGTH("TABLE_NAME")-4)) LIKE 'AA%') --如果字符串ABC在原字符串中位置不固定
这就是为什么我认为分享这些简单的技巧是非常重要的，这些技巧可以帮助我们避免过多的使用 if 语句。...接下来会介绍6种方式来代替 if 的使用，这样做不是坚决不使用 if 偏执狂，而是换个方式思考我们的编码思路。 1....4.非分支策略 此技巧尝试避免使用switch语句，相反是用键/值创建一个映射并使用一个函数访问作为参数传递的键的值。...", })[breed]||'Im the default'; dogSwitch("border xxx") 5.作为数据的函数 我们知道在JS中函数是第一个类，所以使用它我们可以把代码分割成一个函数对象...OOP中多态性最常见的用法是使用父类引用来引用子类对象。
formiojs 是一个开源的在线表单设计工具，今天看看怎样在 react js 中使用 formiojs。.../react npm install @formio/js 另外，考虑样式等问题，还安装了下面几个依赖包 npm install bootstrap npm install react18-json-view...npm install react-bootstrap npm install font-awesome 创建组件 这里创建一个简单的页面组件，主要包括三部分，第一部分是表单设计器，第二部分是表单预览...在 src 下创建文件 MyBuilder.js，内容如下： import { FormBuilder, Form } from "@formio/react"; import { useState }.../MyBuilder'; import 'font-awesome/css/font-awesome.min.css'; import 'bootstrap/dist/css/bootstrap.min.css
此份列表，目前维护在 Github 仓库：Awesome List ?...Electron Awesome-React: A collection of awesome things regarding React ecosystem....Awesome-React-Components: Catalog of React Components & Libraries Awesome-React-Native: Awesome React...Awesome-Vue.js: ? A curated list of awesome things related to Vue.js Awesome-Next.js: ? ?...things by numetriclabz.com Awesome-Mysql: A curated list of awesome MySQL software, libraries, tools
使用它可以轻松创建各种炫酷粒子动画效果，该项目在github被近 2k 项目引用。Proton还支持3d粒子版本https://github.com/drawcall/three.proton/ 。...tdesign-react，使用 React、Vite2开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。...Web IDE UISite: https://github.com/DTStack/moleculeMolecule是一个受VS Code启发，使用React.js构建的Web IDE UI 框架。...使用Flutter来开发跨端游戏您试过吗? 同时它还可以制作Widget组件动画效果，比方飞出动画、弹窗动画、场景转场等等。图片★9....使用InkPaint可以在服务端动态合成各种图片、pdf等。同时，InkPaint是node.js和浏览器之间的通用库，在浏览器端依然可以正常运行。图片★10.
竞品：Semantic UI, pure-css FontAwesome/Font-Awesome 字体和图标库，可以使用 SVG 和字体等等多种格式。...ant-design/ant-design 蚂蚁金服出的 react 组件库，前一阵大名鼎鼎的“圣诞彩蛋”就是这个库搞得。主要提供 React 的组件库，用于企业中后端的后台的建设。...在 React 出现之前，前端框架普遍采用了后端广泛使用的 MVC 模式，强调 HTML/JS/CSS 三者要分离，而 React 则反其道而行之，强调从组件构建，可以 React 的出现是前端界的一场革命...facebook/react-native 使用 React 的语法来构建 native app，注意这里并不是使用一个 iOS 或者 Android 的 WebView 中嵌套了一个 webapp，而是直接使用...nodejs 可以在服务器上运行的 js。
的完全替代品 react-play - 使用JDK8的Nashorn渲染Play框架中的React组件 rx-react - 在RxJS中与React一起使用的实用程序 react-with-di -...- Reactjs的表单生成器 react-form-builder - React.js的表单生成器 plexus-form - 使用JSON-Schema进行React的动态表单组件 tcomb-form...- 在React中生成复杂，经过验证和扩展的基于JSON的表单 Redux-Autoform - 从元数据中动态创建Redux-Forms uniforms - 一堆React组件和帮助器，可以轻松生成和验证表单...在CoffeeScript中实现Flux React：Flux Architecture 了解Flux 在Flux中哟 React.js架构 - Flux VS Reflux 避免单页应用程序中的事件链...- 坚持并补充redux商店 Redux教程 在ES6中使用React和Redux构建应用程序 Redux入门 使用惯用Redux构建React应用程序 Redux教程 React，Redux和Immutable
竞品：Semantic UI, pure-css FontAwesome/Font-Awesome 字体和图标库，可以使用 SVG 和字体等等多种格式。...ant-design/ant-design 蚂蚁金服出的 react/vue 组件库，去年的 “圣诞彩蛋” 就是这个库搞得。主要提供 React 的组件库，用于企业中后端的后台的建设。...在 React 出现之前，前端框架普遍采用了后端广泛使用的 MVC 模式，强调 HTML/JS/CSS 三者要分离，而 React 则反其道而行之，强调从组件构建， 可以说 React 的出现是前端界的一场革命...facebook/react-native 使用 React 的语法来构建 native app，注意这里并不是使用一个 iOS 或者 Android 的 WebView 中嵌套了一个 webapp，而是直接使用...nodejs 可以在服务器上运行的 js。
项目打包部署 安装MySQL镜像 注意：如果使用docker镜像安装MySQL,也需要在前端部署主机安装MySQL，因为备份还原功能是使用MySQL的本地命令进行操作的。...外部访问测试 上面在服务器本地测试已经安装成功了，现在从外部环境连接测试一下。 使用MySQL客户端工具连接服务端MySQL,连接成功就说明没问题了。 ?...1.添加打包依赖 在pom.xml文件中添加下面的依赖。 <!...打包成功之后，显示的时候可能会出现不能正常显示 font awesome 的问题。 那是因为打包样式路径的问题，需要修改一下样式相关打包配置。 build/utils.js ?...项目部署 打包完成之后，把前端内容放置在kitty目录，上传到tomcat目录。
ant-design/ant-design 蚂蚁金服出的 react/vue 组件库，前一阵大名鼎鼎的“圣诞彩蛋”就是这个库搞得。主要 提供 React 的组件库，用于企业中后端的后台的建设。...在 React 出现之前，前端框架普遍采用了后端广泛使用的 MVC 模式，强调 HTML/JS/CSS 三者要分离，而 React 则反其道而行之，强调从组件构建， 可以说 React 的出现是前端界的一场革命...facebook/react-native 使用 React 的语法来构建 native app，注意这里并不是使用一个 iOS 或者 Android 的 WebView 中嵌套了一个 webapp，...nodejs 可以在服务器上运行的 js。...关于现在的前端三大框架 React/Vue/Angular 可以阅读前文. nwjs/nw.js 前身是 NodeWebkit, 使用 web 技术来编写跨平台的桌面应用的工具. apache/incubator-echarts
下面让我来介绍一下在使用过程中的一些优化点。...使用process.env.NODE_ENV进行判断 优化点二.使用代码热替换 使用代码热替换在开发的时候无需刷新页面即可看到更新，而且，它将构建的内容放入内在中，能够获得更快的构建编译性能，因此是官方非常推荐的一种构建方式...优化点三.import react导致文件变大，编译速度变慢，乍办? 如果你想将react分离，不打包到一起，可以使用externals。然后用单独将react引入 ?...使用module.noParse针对单独的react.min.js这类没有依赖的模块，速度会更快。...有样版boilerplate项目吗 目前有一个还没有成型的，我先放在这里，目前可以通过查看gulpfile.js和webpack.config.js文件进行学习 steamer_branch_v2。
/basket.js 模块加载库（利用本地缓存） facebookincubator/create-react-app 创建react项目的工具 electron/electron 用js、css、...组件 facebook/react-devtools react开发工具 amekkawi/excel4node node的excel处理组件 MikeMcl/big.js 任意精度数值计算的js...babel 插件，用sql操作js对象，将sql编译成js代码 thejameskyle/babel-handbook babel工具书 babel/babel babel js编译器，可以用最新语法写...xgrommx/awesome-redux redux工具资源文档库 w3core/min.css css压缩库 oneuijs/You-Dont-Need-jQuery jquery的纯js替代方案...js可以调用java库。
ant-design/ant-design 蚂蚁金服出的 react/vue 组件库，去年的 “圣诞彩蛋” 就是这个库搞得。主要提供 React 的组件库，用于企业中后端的后台的建设。...在 React 出现之前，前端框架普遍采用了后端广泛使用的 MVC 模式，强调 HTML/JS/CSS 三者要分离，而 React 则反其道而行之，强调从组件构建， 可以说 React 的出现是前端界的一场革命...facebook/react-native 使用 React 的语法来构建 native app，注意这里并不是使用一个 iOS 或者 Android 的 WebView 中嵌套了一个 webapp，而是直接使用...nodejs 可以在服务器上运行的 js。...关于现在的前端三大框架 React/Vue/Angular 可以阅读前文。 nwjs/nw.js 前身是 NodeWebkit，使用 web 技术来编写跨平台的桌面应用的工具。
在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分享，包括前端、后端和全栈相关。 工具、软件 欲先攻其事必先利其器，用好工具是做好开发的基础。...Bootstrap Materialize Bulma JS框架 React：目前最流行 Vue：简单易用，越来越多人用 Angular：曾经很流行，现在有点衰退 状态管理（state management...） Redux VueX NgRx Apollo (GraphQL Client) 后端渲染（server side rendering） Next.js (React) Nuxt.js (Vue) Angular...React Native：使用react开发原生应用 NativeScript：使用Angular／TypeScript／Javascript开发原生应用 Ionic：使用html／css／js开发混合应用...更多请参考：Awesome GraphQL。
调用以下 JavaScript 函数： introJs().start(); 可以使用以下附加参数在特定元素或类上调用 Intro.js： introJs(".introduction-farm")....它支持在多个前端框架中开箱即用，包括 React、Vue、Angular 等。...可以使用以下命令来安装 shepherd.js： npm install shepherd.js -save npm install react-shepherd --save npm install...其具有以下特点： 易于使用 高度可定制 文档完善 积极维护 可以使用以下命令来安装 react-joyride： npm i react-joyride 可以通过以下方式来在 React 中使用 react-joyride...，可以与 Vue.js 一起使用。
同样还有npx create-react-app my-app这样的命令，懵吗？ 的确，这些命令背后还有一些我们很少关注的逻辑，虽然不难，但是我们却没有系统去了解过。...npm init xxx 虽然之前在创建vue或者react应用时，我都用到了npm init xxx，但我都没怎么关注npm init xxx背后发生了什么。...但是，如果你使用npm install -D vue安装了vue，并且在项目中引用了vue依赖，那么 webpack 的 Dependency Graph 中也会有vue，最终vue也会体现到构建结果中..."module": "module-entry.js" 在module-entry.js里面又依赖了一个包，假设是lodash-es吧。...在npm run时，我们可以调用一些特殊路径下的可执行文件或脚本，这些路径包括环境变量PATH定义的路径，也包括当前项目node_modules中的./bin。
脚本引擎 在脚本引擎中，可以编辑`JavaScript`脚本实现服务调用，并且可以对接口返回的结果进行处理。 话术模板 可以插入动态话术、支持循环播报、支持时间格式化。...然后在前端页面设计及开发的过程中，使用许多优秀的第三方组件，包括react-awesome-query-builder、AntV G6、Monaco Editor等等，提高开发效率以及页面美观程度。...（3）规则引擎 规则引擎用于IVR流程中条件分支规则判断，我们基于react-awesome-query-builder开源组件，并对该组件进行扩展，支持输出javascript脚本，满足业务需要。...首先所有的流程修改都是在草稿版本中编辑，当草稿版本申请发布时可以进行版本对比以及仿真测试，如果测试通过后可以生成预发布版本。...五、相关资料 【Antd】 【Antv G6】 【react-awesome-query-builder】 【Monaco Editor】 【react-quill】 【vm2】
在前端开发中，如何快速地开发新手引导功能呢，下面介绍几个开箱即用的新手引导组件库。 1，Intro.js Intro.js是一个使用广泛的产品引导库，在Github上拥有超过21.7k的Star。...使用Shepherd之前，我们可以使用以下命令来安装 shepherd.js。...React项目新手引导库，在GitHub上拥有超过5.1k的Star，具有以下特点： 易于使用 高度可定制 文档完善 积极维护 在项目中使用 react-joyride之前，需要使用以下命令来安装 react-joyride...npm i react-joyride 然后，在引导页面使用以下方式来在 React 中使用 react-joyride。...$mount('#app') 最后，再将 v-tour 组件放入模板中的任何位置（通常在 App.vue 中），并向其传递一系列步骤，每个步骤的 target 属性可以将应用的任何组件中的 DOM 元素作为
内部 ag-Grid 引擎是在 TypeScript 中实现的，零依赖关系。 ag-Grid 通过包装器组件支持 Vue，你可以在应用程序中，就像其他任何 Vue 组件一样使用 ag-Grid。...我们还可以使用 JSX 来开发自定义组件，提供更加灵活的功能。另外，通用注册允许它在任何应用程序内使用，甚至是 React。...Vue 组件可以方便的在 Vue 项目中进行使用，由于是纯 css 打造，你可以在任意网页项目中自行整合并使用！...，对于一些常用的图标，不用设计师，我们可以直接在Font Awesome中找到并且使用。...Vue中轻松使用Chart.js，很简单的创建可复用的图表组件，非常适合需要简单的图表并尽可能快地运行的人。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
