注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 深入理解React中es6创建组件this的方法

  2. 首发于：https://mingjiezhang.github.io/。 在Javascr ipt中，this对象是运行时基于函数的执行环境（也就是上下文）绑定的。 从react中的demo说起 Facebook最近一次更新react时，将es6中的class加入了组件的创建方式当中。Facebook也推荐组件创建使用通过定义一个继承自 React.Component 的class来定义一个组件类。官方的demo： class LikeButton extends React.Compo

  3. 所属分类：其它

    • 发布日期：2020-11-23
    • 文件大小：50176
    • 提供者：weixin_38732454

  1. blog:我快速的博客的来源-html source website

  2. 博客 看看»»» 特征 响应式且精简的设计。 GatsbyJS将博客编译为HTML + CSS + JS，因此在Netlify等提供商处托管博客无需花费任何费用。 快速的用户体验：只有1次往返和大约20kB的数据后，该网站才可见并正常运行。 第一次往返可以非常快地到达世界任何地方，因为博客只是CDN可以提供的静态资产。 由于链接预取，随后的页面加载立即呈现。 自动生成的tracedSVG图像占位符经过样式化，可以在加载图像时创建平滑的外观和过渡效果，而不会使页面跳动。 将博客文章写到M

  3. 所属分类：其它

    • 发布日期：2021-03-24
    • 文件大小：17825792
    • 提供者：weixin_42133680

  1. numl-react-源码

  2. 丰富和复杂的Web组件的开源Numl-React库，用于快速构建遵循您的设计系统的UI。 例子 我们创建了示例集成，以记录一些您可以在自己的应用程序中包含Numl的方式。 用Numl制成 Cube Dev的 。 执照

  3. 所属分类：其它

    • 发布日期：2021-03-21
    • 文件大小：83968
    • 提供者：weixin_42100129

  1. react-updating-state-online-web-sp-000-源码

  2. React更新状态 概述 在这段代码中，我们将讨论在React中更新状态并创建一个将根据状态更改其显示内容的组件。 目标 通过使用this.setState()并传入一个对象来更新React中的状态 描述状态更新时会发生什么 解释改变状态和改变道具之间的区别 更新状态 尽管React组件可以具有初始状态，但真正的力量在于更新其状态-毕竟，如果我们不需要更新状态，则该组件不应具有任何状态。状态仅保留给组件中发生更改且在UI中可见的数据。 代替使用this.state直接修改状态，我们使用this.

  3. 所属分类：其它

    • 发布日期：2021-03-21
    • 文件大小：111616
    • 提供者：weixin_42101164

  1. react-rough-notation:React包装器进行粗略注释-源码

  2. 粗糙符号React（包装） 这是的React包装器， 是一个小Javascr ipt库，用于在网页上创建和设置注释动画。 目录 安装 您可以通过npm将粗略符号添加到项目中。 npm install --save react-rough-notation 然后，只需导入所需的组件即可。 import { RoughNotation , RoughNotationGroup } from "react-rough-notation" ; RoughNotation组件 这是主要组件，默认情况

  3. 所属分类：其它

    • 发布日期：2021-03-20
    • 文件大小：57344
    • 提供者：weixin_42128676

  1. roll-a-dice:通过create-react-app [类组件和道具]创建的掷骰子-源码

  2. Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 共有3个组件：App-主要组件RollDice-带按钮的掷骰子动作，可生成1-6个Die的随机数-显示Die 使用类组件简单有趣的小型项目。从这里采取的一种方式是回顾我们如何使用组件和道具。没什么特别的，只是一件有趣的小事

  3. 所属分类：其它

    • 发布日期：2021-03-18
    • 文件大小：228352
    • 提供者：weixin_42117340

  1. react-unit-testing:React应用程序的基本设置和单元测试原理-源码

  2. React的单元测试 是Facebook创建Javascr ipt测试框架。 提供测试范围 带有命令行界面 可以模拟函数和方法 在Node.js环境中运行（不在浏览器中） 是用于测试React应用程序的库。 专注于根据用户的观看方式对应用程序进行测试 避免测试组件的内部状态和方法 避免测试生命周期 1.入门 安装以下软件包： ：React DOM测试实用程序 ：一组定制的Jest匹配器，以帮助进行测试 即toBeVisible() ， toBeInTheDocument() ：

  3. 所属分类：其它

    • 发布日期：2021-03-16
    • 文件大小：120832
    • 提供者：weixin_42146086

  1. stencil-seo-starter:用于stencil js的SEO入门包-源码

  2. 模具SEO入门 该项目设置了基本的基于模板的项目，并带有一组与SEO相关的基本内容。 这也是创建带有无头CMS后端的网站的样板，并定义了一个基于JSON的基本结构，以显示页面的呈现方式以及需要哪些属性来确保诸如标题和元标签之类的SEO基础，而不会在爬行时创建重复的内容。网站。 它还定义了多语言网站等所需的hreflang标头。 什么是模版？ Stencil是用于使用Web组件构建快速Web应用程序的编译器。 Stencil将最流行的前端框架的最佳概念组合到编译时而非运行时工具中。 Sten

  3. 所属分类：其它

    • 发布日期：2021-03-16
    • 文件大小：99328
    • 提供者：weixin_42150745

  1. system-designer:用于创建系统的低代码开发平台-源码

  2. 系统设计师 什么是系统设计器？ 无论您使用的框架和编写的代码如何，最重要的是您定义的用于创建系统的模型。 System Designer可以帮助您设计此模型并生成用于构建系统的类和组件。 什么是系统？ 实际上，使用System Designer可以创建系统而不是应用程序。 但是什么是系统？ 一个系统： 由模型定义 由组件组成， 对事件做出React，我们称之为行为。 我可以使用System Designer做什么？ 轻松设计系统 如果您查看市场上不同Javascr ipt框架，您会发现

  3. 所属分类：其它

    • 发布日期：2021-03-11
    • 文件大小：6291456
    • 提供者：weixin_42131276

  1. swagger-adjust:用于创建可扩展的React + Redux应用程序的可插拔框架-源码

  2. 昂首阔步 Swagger Adjust是一个可插件的框架，用于构建基于 + 的应用程序。 该框架是通过将插入核心的到单独的可重用组件而。 要了解有关此框架诞生的更多信息，请阅读我们的。 一般的 Swagger Adjust允许您以某种方式构建React + Redux应用程序，其中每个组件（无论是React组件，由动作，选择器，化简器或常规业务逻辑组成的Redux状态切片）都是可重写和可扩展的。 演示版 我们有一个使用此库构建的TodoList应用程序的工作演示。 该演示包含两个插件： tod

  3. 所属分类：其它

    • 发布日期：2021-03-10
    • 文件大小：657408
    • 提供者：weixin_42099858

  1. React-Jamming：Spotify播放列表创建者应用-源码

  2. React干扰应用 在审阅代码之前，请阅读以下关于我如何创建应用程序的简要说明，因为我偏离了实际的工作（主持人建议这样做没问题，只要我告诉您我做了不同的事情即可）。 我自己编写了所有CSS（尽管我不希望您对此进行审查），因此我的页面看起来与项目最初要求的略有不同。 我先用自己的方法完成了该项目，然后又回过头来，尝试将其尽可能地与“方向”对齐。 因此，我做了一些与原始应用程序不同的细微修改。 首先是我将“提交播放列表”按钮放在搜索栏下方，而不是放在播放列表列中，这明显改变了我将信息传递给子组件

  3. 所属分类：其它

    • 发布日期：2021-02-25
    • 文件大小：3145728
    • 提供者：weixin_42121725

  1. 动画：React在React中以编程方式创建视频-源码

  2. Remotion是一套库，为使用React以编程方式创建视频奠定了基础。 为什么要在React中创建视频？ 利用网络技术：使用所有CSS，Canvas，SVG，WebGL等。 利用编程：使用变量，函数，API，数学和算法来创建新的效果 利用React ：可重用的组件，强大的组合，快速刷新，包装生态系统 影片范例 Remotion Trailer ••Remotion的公告视频是用Remotion本身编写的！ AnySticker欢迎视频••我的应用程序AnySticker的应用内说明视频

  3. 所属分类：其它

    • 发布日期：2021-02-12
    • 文件大小：155189248
    • 提供者：weixin_42122340

  1. Microblogging-Web-App：用于我的个人博客的Small Micro blogging Web应用程序-源码

  2. 微博网络应用 构建此小型微博客应用程序以尝试fastapi 。 fastapi将成为超高速后端服务器，可能会为实时数据流添加React流。 我的数据存储区将是mongodb容器，因为存在某种程度的支持（需要阅读更多内容），以适合于微博应用程序的响应方式读取数据。 前端将在react中创建（与功能组件一起使用，因为为什么不这样）。 而这部分本来应该是微博而不是本自述文件 :face_with_tongue: 快速API设定 现在暂时跳过此步骤，但会上传一个很好的requirements.txt文件

  3. 所属分类：其它

    • 发布日期：2021-02-12
    • 文件大小：406528
    • 提供者：weixin_42099942

  1. minesweeper-react：学习ReactJS，因此尝试创建一个小游戏来学习组件流在React中的工作方式-源码

  2. 使用ReactJS构建的基本扫雷游戏 建立 npm install安装依赖项 npm start启动服务器 服务器准备就绪后转到浏览器并加载游戏 去做 更好的用户界面（当前看起来还不错） 更好的状态管理 网格单元尺寸逻辑难看且难以耦合，请对其进行修复

  3. 所属分类：其它

    • 发布日期：2021-02-09
    • 文件大小：241664
    • 提供者：weixin_42097189

  1. functional-lit-element：LitElement的包装器，提供类似于React功能组件的API-源码

  2. 功能性LitElement 的包装器，提供类似于React功能组件的API。 总览 Functional LitElement的目标是从简单的函数中创建Web组件，这些组件接收一些道具并返回一些HTML（通过TemplateResult ），并将其呈现到DOM中。 功能性LitElement可以访问4个“挂钩”，以在功能组件中实现受控副作用，并且可以以类似于React的方式使用。 import functionalLitElement from 'functional-lit-element

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：122880
    • 提供者：weixin_42151599

  1. 元素：它允许以简单且富有表现力的方式将atomicocore加入Web组件-源码

  2. atomico /元素 它允许以简单和表达方式将到Web组件 什么是Atomico？ Atomico是一个开源项目，其任务是简化对可持续性和可扩展界面的创建，同时对浏览器资源的影响最小。 从React到Web组件 不要忘记这些库在api中是相似的，但是Atomico的方向是鼓励在有无Atomico的情况下使用Web组件，因为Web组件与框架或库无关。 导入差异 您将需要2个导入， 它允许您使用Web组件和 ，它们支持钩子，上下文，HoC，虚拟域等。 组件到Web组件 Atomico允许使

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：46080
    • 提供者：weixin_42131618

  1. spark：用于Web组件的帮助程序库-源码

  2. spark.js 一个小型库，可以消除纯Javascr ipt（或打字稿） 麻烦。 spark.js的作用 Spark.js主要用于仅使用javascr ipt / typescr ipt来处理模板更新和属性更改。 还有其他库（ ），可帮助您维护模板和属性，但仅在HTML文件中执行。 Spark.js使用jsx和装饰器以类似于React的方式创建Web组件。 代码样例 import { CustomElement , h } from ' spark.js ' ; class MyComp

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：65536
    • 提供者：weixin_42101641

  1. create-component-app：从终端生成不同类型的React组件的工具。 :laptop_computer:-源码

  2. :hammer_and_wrench: 在制品v2 您花费多少时间复制和粘贴组件文件夹来创建一个新文件夹？ 这是一个从终端生成不同类型的React组件的工具。 可用扩展 您可以使用此工具做什么？ 安装 $ npm install -g create-component-app 用法 $ cd ~ /my-projects $ create-component-app 有多种选择，可以从终端创建组件 创建不同种类的组件： 无状态的 类 纯 习俗 设置新组件的名称 集成redux的conn

  3. 所属分类：其它

    • 发布日期：2021-01-30
    • 文件大小：25165824
    • 提供者：weixin_42134144

  1. react-native-blurhash：:framed_picture_selector:为您的用户提供他们想要的加载体验-源码

  2. 模糊散列 :framed_picture_selector: 为您的用户提供他们想要的加载体验。 通过安装： npm i react-native-blurhash npx pod-install BlurHash是图像占位符的紧凑表示。 加载图像时，不要显示无聊的灰色小框，而要显示模糊的预览，直到加载完整图像为止。 该算法由创建，其中还包括。 工作流程示例 为了使用Blurhash组件，您必须已经有一个Blurhash字符串。 请参阅页面以创建示例字符串。 这就是我在项目中使用它的方

  3. 所属分类：其它

    • 发布日期：2021-01-29
    • 文件大小：1048576
    • 提供者：weixin_42164534

  1. react中创建组件的方式

  2. 方式一 使用function创建组件 定义一个function //fuction的名称一定要大写开头 function 组件名称(){ //返回的值必须是一个虚拟DOM对象，或null return holle } 将组件渲染到页面 //定义的组件可以直接当作一个标签来使用 ReactDOM.render(,document.getElementById('app')) 给组件传值的方法 function 组件名称(props){ //props是用来接收传递过来的数据的参数，re

  3. 所属分类：其它

    • 发布日期：2021-01-20
    • 文件大小：47104
    • 提供者：weixin_38682406
« 12 3 4 5 »