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

案例 | 人力资源：用麦客搭建创新招聘渠道，省时提效！

，到现在已经累计创建表单100+；作为一个工具控，我热衷于探索工具与人力资源使用场景的结合，以一个非专业招聘官的角度，将新的工具新的使用方法，分享给各位HR。...后面我也挖掘到更多公司在吸引候选人填写应聘表单时候的一些创意元素和趣味性操作，所以，应聘表单作为一种创新型招聘渠道，如果制作时匹配良好的使用体验，可以大幅提升招聘效率。...前几天我在一个分享上简单演示了应聘表单的制作，有一个HR按照我现场演示的方法做了应聘表单，后来告诉我已经有简历通过这个应聘表单进来了。...我会把我本地的联系人数据上传到麦客，这样可把麦客云端的联系人和我本地的联系人拼起来，形成一个数据库。...并且，通过麦客微信服务号（麦客MikeCRM），我可以按照关键词搜索联系人，这些联系人参与过哪些调研、通过哪个表单进来的，我这边就都知道了。

1.4K100

构建具有用户身份认证的 React + Flux 应用程序

在阅读本文之后，我一直使用文章介绍的方法，通过搭建 Node 服务器，模拟接口数据进行前端开发。...这篇文章发表于 2016 年 5 月，我是去年读的本文，但迟迟没有翻译，而现在准备重新学习 React ，所以把这篇文章翻出来与大家共勉。...在这篇教程中，我们将通过 API 获取数据的方式制作一个简单的通讯录应用。我们会使用 Express （NodeJS）服务器发送数据，需要说明的是并不一定非要使用 Node。...而在 /api/contacts/:id 端口，我们通过特殊的 id 字段检索数组并获得对应的对象。为了简单起见，我们只是使用模拟数据。在真实的应用中，这些数据是从服务器返回的。...完成用户身份认证 当用户使用 Auth0 登录后会发生什么? 回调函数会返回很多内容，其中最重要的是 id_token ，它是一个 JWT 。

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

    构建具有用户身份认证的 React + Flux 应用程序

    在阅读本文之后，我一直使用文章介绍的方法，通过搭建 Node 服务器，模拟接口数据进行前端开发。...这篇文章发表于 2016 年 5 月，我是去年读的本文，但迟迟没有翻译，而现在准备重新学习 React ，所以把这篇文章翻出来与大家共勉。 ?...在这篇教程中，我们将通过 API 获取数据的方式制作一个简单的通讯录应用。我们会使用 Express （NodeJS）服务器发送数据，需要说明的是并不一定非要使用 Node。...而在 /api/contacts/:id 端口，我们通过特殊的 id 字段检索数组并获得对应的对象。为了简单起见，我们只是使用模拟数据。在真实的应用中，这些数据是从服务器返回的。...完成用户身份认证 当用户使用 Auth0 登录后会发生什么? 回调函数会返回很多内容，其中最重要的是 id_token ，它是一个 JWT 。

    11K70

    Contact Form 7插件中的不受限制文件上传漏洞

    该插件可以管理多个联系人表单，并且可以通过简单的标记灵活地定制表单和邮件内容。...该插件允许WP管理员在自己的网站上创建联系人表单，网站用户可以在表单中输入相关联系信息以获取技术支持或获取反馈信息。...我将使用Contact Form 7 v5.3.1版本的插件来演示该漏洞的利用方法，因为这个漏洞已在2020年12月17日发布的5.3.2版本中进行了修复。...接下来，为了进行漏洞演示，我创建了一个“Job Application Form”表单，这个表单提供了一个文件上传的功能支持。 最后，将这个表单添加至一个页面中并发布。...点击“Submit”按钮，我们将会收到服务器端返回的上传响应，表明我们的文件已经成功上传了，文件名为“exploit.php”。接下来，我们将能够通过任意代码执行在服务器中访问或执行此文件了。

    3K20

    框架究竟解决了啥问题？我们可以脱离它们吗？

    我的目标不是要抨击这些框架，而是想要了解使用框架的成本和收益，确定是否存在某些替代方案，并看看即使我们决定使用框架，是不是可以从中学到一些什么。...框架 我选择了四个框架来研究：当今处于主导地位的框架 React ，以及其他三个声称与 React 工作方式不同的竞争者。...在 React 中，它是这样的： const [hasError, setHasError] = useState(false); return hasError ? 出错了！...由于表单 API 的广泛使用和悠久的历史，它也积累了一些隐藏的优点，使得它们也可以解决那些看起来解决不了的问题。...精简的、面向表单的 HTML 接下来，我们将使用 TodoMVC 模板，并将它修改为基于表单的实现 — 表单的层次结构，输入和输出元素表示可以用 JavaScript 更改的数据。

    8K30

    【React】620- 为React应用制作动画的5种方法

    如果你的动画很简单并且担心你的包的大小，请注意这个方法。 我想向您展示如何使用CSS制作动画。 让我们看一下汉堡菜单示例：? ?...我们应该为示例联系人列表的实现描述两种方法： handleAdd —添加新的联系人，它将获得一个随机名称并将其推送到数组state.items（它使用随机名称包作为名称）。...React-animation可与支持使用对象定义关键帧动画（例如Radium，Aphrodite或样式化组件）的任何内联样式库一起使用。我更喜欢使用样式组件。 下面是一些动画：?? ?...5.TweenOne和Ant Design中的动画 Ant Design[5]是一个React UI库，其中包含大量易于使用的组件，它是用于构建优雅的用户界面的有用组件。...我想给你看一个简短的版本，因为所有的元素都有一个相似的动画。 我选择了带有绿色球和一个元素（例如红色正方形）作为背景的地球仪。我们的动画看起来像这样。 ?

    4.1K20

    使用全套微信云开发构建的电商SAAS平台和小程序

    我就使用微信云开发构建了一个电商小程序SASS制作平台，基于这个平台可以自动为商家搭建商城小程序。下面分模块来介绍SAAS平台，最后说明商家如何制作电商小程序。...我使用的普通代云开发模式，主要原因是我之前基础npm包集成的是普通云开发的API接口。另外，我开通了费用返佣。也就是说商家小程序无需支付云开发月度费用，而是由服务商统一支付，最后腾讯云还有费用返佣。...add.php用于给商家点击以授权小程序到第三方平台、receive.php用于接收小程序的消息和事件、remind.php用于处理授权或取消相关事件。和管理员的功能，因为图是很早画的，实际功能会更多。 3、用户界面。四、制作电商小程序一共分4个步骤。分别是注册小程序、注册商户号、平台制作以及开始使用。1、注册小程序。...3、开始制作。点击开始制作，管理员收到采云公众号发送的开始制作通知，证明系统已经开始制作小程序。后续还会收到云开发、审核等通知，请关注。4、开始使用。

    43821

    前端实用技巧 | 自定义React Hook实战指南，轻松搞定自定义React Hook设计

    随着项目规模的扩大，组件之间的逻辑复用和状态管理变得越来越复杂。为了解决这些问题，React在16.8版本中引入了Hooks，它允许开发者在函数组件中使用状态和其他React特性。...今天主要分享，我是如何实现自定义React Hook的，以及自定义React Hook具体有哪些适用场景。二、什么是自定义React Hook？...useForm返回表单的值、错误信息以及处理函数。3. 定时器管理在某些场景下，组件可能需要使用定时器来执行某些操作。通过自定义Hook，可以将定时器的管理逻辑抽象出来。...提供清晰的API自定义Hook的返回值应该尽量简洁和直观，避免返回过多的数据或复杂的结构。清晰的API可以使得Hook更易于使用和理解。...通过本文的介绍和示例，相信你已经对如何编写和使用自定义React Hook有了更深入的理解。在实际项目中，合理使用自定义Hook可以显著提高开发效率，并使得代码更加清晰和易于维护。

    17420

    从零设计可视化大屏搭建引擎

    相关文章: 从零开发一款可视化大屏制作平台 演示地址: V6可视化大屏编辑器 作者: 徐小夕 几个月前我写了一篇关于从零开发一款可视化大屏制作平台 的文章， 简单概述了一下可视化大屏搭建平台的一些设计思路和效果演示...我们先来看一下实现效果: 有关拖拽的技术实现， 我们可以利用原生 js 实现， 也可以使用第三方成熟的拖拽库， 比如: DnD React-Dragable react-moveable 我之前也开源了一个轻量级自由拖拽库...这些 Moveable 都提供了对应的api支持， 大家可以参考使用。 物料中心设计 物料中心主要为大屏页面提供“原材料”。为了设计健壮且通用的物料， 我们需要设计一套标准组件结构和属性协议。...由上图可以知道， 动态配置面板的一个核心要素就是 表单渲染器。表单渲染器的目的就是基于属性配置列表 attrs 来动态渲染出对应的表单项。...我之前写了一篇文章详细的介绍了表单设计器的技术实现的文章， 大家感兴趣也可以参考一下: Dooring可视化之从零实现动态表单设计器。

    1.3K40

    如何评价Dooring低代码零代码搭建平台？

    活动页面制作,下面是一个我搭建的比较有代表性的例子: 2022-06-25 11.35.45.gif 但是对于平台方, 为了满足更多场景的页面深度制作, 就必须提供不同场景不同行业的组件物料, 这将对研发带来巨大的压力...另一方面, 目前上很多H5活动制作平台基本上都采用的自由布局的模式搭建, 好处就是可以最大限度的还原设计稿, 满足更灵活的搭建需求, 缺点就是使用成本比网格布局的模式要高, 还会涉及图层的概念....表单设计器 & 数据收集分析能力 表单编辑器的实现思路我之前也写过一些分享, 这里和大家再介绍一下核心的一些思路. 动态表单开发的一般思路 「1....如下图所示： 在线代码编辑可以使用「react-codemirror2」或者 「react-monaco-editor」插件来实现。...原理就是使用「jszip」将目录压缩，然后返回压缩后的路径给到前端，前端采用a标签进行下载。

    1.2K10

    史上最全的web前端学习教程汇总！

    第二阶段：HTML5和移动Web开发 HTML5：HTML5新语义标签、html5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas....PHP基础：PHP基础语法、使用php处理简单的GET或者POST请求、 AJAX上篇：Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax...框架的封装、Ajax中缓存问题、XML介绍和使用。...AJAX下篇：JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、jQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。...React Native：react Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。

    9.7K50

    2019年小白学习web前端路线图及学习攻略

    第二阶段：HTML5和移动Web开发 HTML5： HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas....PHP基础： PHP基础语法、使用PHP处理简单的GET或者POST请求、 AJAX上篇： Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax...框架的封装、Ajax中缓存问题、XML介绍和使用。...AJAX下篇： JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。...React Native： React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。

    4.8K00

    有史以来最详细的web前端学习攻略，还在等什么，直接收藏吧

    第二阶段：HTML5和移动Web开发 HTML5： HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas....PHP基础： PHP基础语法、使用PHP处理简单的GET或者POST请求、 AJAX上篇： Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax...框架的封装、Ajax中缓存问题、XML介绍和使用。...AJAX下篇： JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。...React Native： React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。

    2.8K00

    React19 为我们带来了什么？

    最后，在数据获取返回后调用 setState 更新数据和 UI 展示。...Actions 在 React 中核心的理念便是数据改变驱动视图渲染。 通常当用户提交表单更改某些值时，我们的应用程序将发出对应 API 请求，等待结果返回后根据响应内容去处理交互行为。...Form： 元素现在支持将函数传递给 action 和 formAction 属性，将函数传递给 action 属性默认使用 Actions，同时在提交后自动重置表单。...pending 态从而返回当前表单状态下的所有数据 FormStatus ： export interface FormStatusNotPending { pending: false;...通常在某个 input 输入完毕后，我们需要将 input 的值输入提交到后台服务中保存后再来更新页面 UI ，这种情况就可以使用 useOptimistic 来进行我所谓的“乐观更新”。

    24710

    Dooring-Saas低代码技术详解

    hello, 大家好, 我是徐小夕, 今天和大家分享一下基于 H5-Dooring零代码 开发的全新零代码搭建平台 Dooring-Saas 的技术架构和设计实现思路....比如我们在研发中常遇到的: H5可复用的业务模版 页面通用能力封装 页面搭建上的灵活性和复用性 通用业务组件库 动态表单复用性 图表库复用性 等问题, 为了实现这一目标, 需要系统的针对这些问题进行产品设计...此外还支持自定义组件，二次开发，设计模板等能力，以满足功能和跨领域的分层需求。 开箱即用， Dooring 内置了表单渲染器、页面渲染器、动态加载内核等，仅需一套源码即可上手开发。...并且还提供针对 React 的定制插件，内涵丰富的功能，可满足日常 30%-60%的页面制作需求。...接下来我拿 Header 组件来和大家介绍一下如何开发自定义的低代码组件. Header组件的主文件开发 import styles from '.

    33620

    【腾讯云的1001种玩法】激发云力量--打造我的云端工具集

    我的云端工具集都是基于后端php、前端h5实现。php可以和apache或nginx配套使用。...前端：从Google表单分离了前端js代码，略作调整 后台：php来收集表单元素的json，存储；组装问卷页面；问卷回答的存储和下载 实现思路 step1：前端使用js，添加各类表单元素元素，记录对应数据...json格式，post整个表单数据，后台php存储下来，使用随机id标识。...step3：打开问卷时，使用id读取到对应问卷的json配置，根据EntryType生成html代码，返回给前端 step4：问卷回答后，以k=v&x=y提交，后台按题目顺序，将答案整理为csv，存储到文件...表单元素的渲染采用了纯html的拼接，如果在后端使用tinybutstrong/前端使用art-template或angular.js/react/vue.js这类MVVM框架，可以更优雅的完成。

    3K01

    【译】开始学习React - 概览和演示教程

    经过几次失败的React入门尝试之后，我终于开始了解它了，我开始明白为什么我可能想使用React而不是原始的JS或jQuery。...创建React App 我刚刚使用的是将JavaScript库加载到静态HTML页面中并动态渲染React和Babel的方法不是很有效，并很难维护。...如你所见，组件可以嵌套在其他组件中，并且简单组件和类组件可以混合使用。 一个类组件必须包括 render()，并且返回只能返回一个父组件。 作为总结，让我们来比较一个简单组件和一个类组件。...总结 本文很好地向你介绍了React，简单组件和类组件，状态，属性，使用表单数据，从API提取数据以及部署应用程序。...使用React还有更多的东西要学习和实践，但是我希望你现在有足够的信心钻研React并学下去。

    11.2K20

    【腾讯云 Cloud Studio 实战训练营】构建基于 React 的实时聊天应用

    全栈支持：支持多种编程语言和框架，包括 JavaScript、Node.js、Python、Java、PHP、C、Rust 等几乎全平台的主流开发语言，同时支持前端开发和移动应用开发，满足各类应用的开发需求...丰富的工具集：Cloud Studio 提供了丰富的开发工具和插件，包括代码编辑器、调试器、代码库、性能监控等，助力开发者提高开发效率和应用质量。...这里我使用的是微信扫码授权登录，登录成功即注册成功；图片登录成功进入 Cloud Studio 主页面如下。图片2....在这里我使用的是 Gitee 码云进行相关操作。...'react-jwchat'import 'react-chat-widget/lib/styles.css';function App() { /** * 当前联系人 * 为当前所选择的联系人对象

    35731
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券