DOM操作 从Prototype.js到风靡全球的jQuery.js,都是在解决浏览器间DOM操作的差异化问题,同时也提供了简洁友好的API,但是随着标准的不断的推进,现在浏览器间的差异化可以说已经没有了,像Github…
分类:react.js
前端实现列表左滑删除(react)
最近做了一个类似系统操作的左滑删除的demo,用的taro框架,和大家分享一下~首先需要考虑的有以下几点:1)布局;2)判断是左滑还是右滑,左滑时出现删除,右滑时回归原位;3)排他性,意思是某一个时间只能有一个项出现删除…
Let’ s Build |> 使用 Elixir,Phoenix 和 React 打造克隆版的 Slack (part 3 )
Let’ s Build |> 使用 Elixir,Phoenix 和 React 打造克隆版的 Slack (part 3 — Frontend Authentication) Live Demo—G…
react+react-router4+redux最新版构建分享
相信很多刚入坑React的小伙伴们有一个同样的疑惑,由于React相关库不断的再进行版本迭代,网上很多以前的技术分享变得不再适用。比如react-t…
初识Redux-Saga
Redus-saga是一个redux的中间件,主要用来简便而优雅的处理redux应用里的副作用(side effect相对于pure function这类概念而言的)。它之所以可以做到这一点主要是使用了ES6里的一个语法…
webpack系列——webpack3导入jQuery的新方案
本文的目的 拒绝全局导入jQuery!! 拒绝script导入jQuery!! 找到一种只在当前js组件中引入jQuery,并且使用webpack切割打包的方案! 测试环境 以下测试在webpack3.8.1,jQuer…
React之PureComponent
React避免重复渲染 React在渲染出的UI内部建立和维护了一个内层的实现方式,它包括了从组件返回的React元素。这种实现方式使得React避免了一些不必要的创建和关联DOM节点,因为这样做可能比直接操作JavaS…
编写一个头像裁剪组件(一)
需求是编写一个头像剪裁工具再封装成为一个组件,然后根据功能开始逐步编写代码:先是上传图片 => 预览图片 => 编辑图片。 刚开始没有去考虑兼容性的问题,直接编写upload部分的代码,参考了很多代码还有HT…
精读《setState 做了什么》
1 引言 setState 是 React 框架最常用的命令,它是用来更新状态的,这也是 React 框架划时代的功能。 但是 setState 函数是 react 包导出的,他们又是如何与 react-dom reac…
1.webpack基础配置与loader的基础应用
写在开头 该系列文章主要是本人在学习慕课网React全栈课程中的一些记录和分享。该课程主要是利用React构建cnode网站,接口由cnode官方提供。由于课程中的webpack,babel版本较老,本次分享均是用的we…
React Hooks 项目实战
Hooks简介 Hooks 是 React v16.7.0-alpha 中加入的新特性。它能够让函数组件拥有自己的state。react 16.8.0稳定版本支持Hooks,本文就是演示 Hooks 在项目中的使用示例,…
【译】TypeScript笔记:React和泛型
原文: Notes on TypeScript: React and Generics 作者:A. Sharif 译者:博轩 介绍 这些笔记应该有助于更好的理解 TypeScript,并且在查找如何在特定情况下使用 Ty…