欢迎来到3672js教程,我们关注js教程、js框架、js代码特效等。

Lottie Web动效在React中的构建

Lottie Web动效在React中的构建 时至今日Web动效已经不是什么新鲜事了,在很多Web页面或Web应用上都有Web动效的身影。承载Web动效的方式也很多种,比如早期的Gif动效,也有人用视频来表示动效,...(投递于2021-01-15 12:01:55)

A11Y 101: 构建可访问性React应用的技巧

A11Y 101: 构建可访问性React应用的技巧 众所周之,React目前是前端领域最为流行的JavaScript框架之一,很多Web开发都是基于React进行Web开发。但据 WebAIM Million 统计分析可得知“ 使用React框架开发的...(投递于2020-10-23 12:01:35)

使用React Hooks和WAAPI创建动效

使用React Hooks和WAAPI创建动效 早期在Web页面或Web应用中实现 Web动画 通常是使用JavaScript来完成。使用JavaScript创建动画非常灵活,但不能轻易地让浏览器通过硬件加速来优化动画,也不能将其连...(投递于2020-07-22 12:04:54)

CSS自定义属性在组件开发中的使用

CSS自定义属性在组件开发中的使用 在图解CSS系列的《CSS自定义属性》一文中,对CSS的自定义属性做过深入的阐述。如果你阅读过这篇文章,应该对CSS自定义属性有所了解,也能体会到该特性的...(投递于2020-05-07 12:05:40)

初探Tailwind CSS

初探Tailwind CSS 写CSS有些年头了,经历了不同的时期用不同的姿势来编写CSS,其目的就是给Web元素添加样式。但编写样式着实令人感到烦恼,甚至是效率低下,成本极高。也正因如此,社区中有...(投递于2020-03-06 12:07:04)

A11Y 101:可访问性审核的几种姿势

A11Y 101:可访问性审核的几种姿势 在《如何检测和修复可访问性》一文中和大家一起探讨了怎么让开发者在开发过程中检测和修复Web应用可访问性的问题。尽管近 63% 的开发者没有这方成的习惯...(投递于2019-12-20 12:01:46)

React中的state

React中的state 在上一节中我们学习了如何使用React的 props 来改变组件(UI)以及如何在React中使用 props 。除了 props 可以改变组件之外还可以通过React的 state ,而且 state 也是React的重要概念和必须...(投递于2019-10-30 12:00:30)

React中的props

React中的props 组件是React中重要特性之一。我们可以将一个复杂的UI分解成多个基本组件。在开发了基本组件之后,我们可以将所需的组件组合在一起创建一个复杂的UI(也称为复杂的组件)。...(投递于2019-10-27 12:03:58)

React中列表渲染

React中列表渲染 在上一节中,我们学习了如何在React中实现条件渲染。今天我们一起来学习如何在React中实现列表渲染(在Vue中我们可以使用 v-for 指令)。因为在实际开发中我们时常要处理一些...(投递于2019-10-11 12:03:00)

React中的条件渲染

React中的条件渲染 在Web中时常需要根据不同的状态来渲染对应状态下的部分内容。在React中也同样有这样的运用场景,只不过在React中可以创建不同的组件来封装各种所需要的行为,然后根据不...(投递于2019-10-05 12:01:18)

React中的事件

React中的事件 在大多的Web页面或Web应用程序中,构建UI仅仅是其中小小的一部分,其中有些U是纯静态的,但有些UI是会随着用户的操作带来相应变化的。比如,用户通过鼠标点击,键盘按下,视...(投递于2019-09-26 12:04:23)

初探React中函数组件和类组件的差异

初探React中函数组件和类组件的差异 自从React Hooks的出来,社区讨论Hooks的越来越多。这并不是说React Hooks就优于类组件,但是使用Hooks来构建组件时有一个巨大的可用性提升,特别是因为这些函...(投递于2019-09-18 12:03:45)

React中创建组件的方式

React中创建组件的方式 学习React也有一段时间了,虽然天天都在围绕着组件打转转,但在React中怎么构建组件呢并没有去深入的了解。事实上呢?在React中的组件还是有些复杂的,从概念上来说...(投递于2019-09-09 12:01:59)

如何编写出优雅的JSX

如何编写出优雅的JSX 前段时间在《深入了解JSX》一文中整理了JSX相关的知识和细节。作为一名Web开发者,不管写纯HTML模板代码还是现在在JSX中写JavaScript和HTML混合的代码,我们都应该有追求,...(投递于2019-08-31 12:02:27)

学习React应该具备的JavaScript基础知识

学习React应该具备的JavaScript基础知识 React是众多主流JavaScript框架之一,如果想要较好的掌握React,那么对于JavaScript方面的知识还是非常重要的。但在很多开发者眼里反而顾此失彼,觉得掌握了...(投递于2019-08-27 12:08:03)

React中编写CSS的姿势

React中编写CSS的姿势 在任何环境之下其实没有最佳,最有最适合,那么在React中编写CSS也是类似的。在React中有很多编写CSS的方式,在社区中讨论最多的应该是CSS In JS 和 CSS Modules。前段时间在《...(投递于2019-08-04 12:05:29)

React是什么?

React是什么? React是什么呢?从React的官网我们可以获知: React是用于构建用户界面的JavaScript库 。React使创建交互UI变得轻而易举,为Web应用的每个状态设计简洁的视图,当数据改变时React能有...(投递于2019-06-28 12:07:52)

深入了解JSX

深入了解JSX 最近开始学着使用React写东西。在写代码时会使用JSX,不了解JSX的相关知识写起代码的效率还是蛮低的。为了能更好的进入状态,打算先把JSX相关的知识和细节了解一下。在这篇文...(投递于2019-06-27 12:04:18)

React 组件的三种写法 及最佳实践 [涨经验]

React 组件的三种写法 及最佳实践 [涨经验] React 专注于 view 层,组件化则是 React 的基础,也是其核心理念之一,一个完整的应用将由一个个独立的组件拼装而成。 截至目前 React 已经更新到 v...(投递于2019-05-30 12:18:49)

webpack+React最全打包配置

webpack+React最全打包配置 看到一个网友发的webpack打包配置,感觉不太全。下面是我自己现在用的打包配置。 javascript 代码 var webpack = require('webpack')var CleanPlugin = require('clean-webpack-plugin')var path...(投递于2019-05-30 12:18:44)

React还是Vue:你该如何选择?

React还是Vue:你该如何选择? 来到新公司,新公司做的项目要求使用React等相关技术,之前简单接触过Vue,React暂时还没有接触,小弟顿感需要学习的东西一定不少,于是问同事,为什么我们不...(投递于2019-05-30 12:18:40)

ReactJs 入门教程(精华篇)

ReactJs 入门教程(精华篇) 现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJs的风采...(投递于2019-05-30 12:18:34)

小白到高级程序员,进阶过程中都需必备些什么。

小白到高级程序员,进阶过程中都需必备些什么。 高贵的前端程序猿们: 如何在前端开发这种高精尖的技术领域找到心仪的工作?实现在咖啡馆喝喝咖啡敲敲代码就能升职加薪、买房买车、迎...(投递于2019-05-30 12:18:30)

深入15个HTML元素方法,你见过吗?

深入15个HTML元素方法,你见过吗? 虽然现代化的 web 开发更多地依赖各种 MVC 框架,但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过,即使是有着多年经验的前端开发者,也会遇到一...(投递于2019-05-30 12:17:54)

继Angular,react,vue之后的前端大规模开发解决方案

继Angular,react,vue之后的前端大规模开发解决方案 github: maka.js 留下您宝贵的STAR!谢谢 意见反馈 点击访问:maka-appstore-demo usename:13334445556password:1 maka maka源于中文码咖,意为写代码的大咖 一眼即可看...(投递于2019-05-30 12:17:49)