vue的实现方法 1、写一个Toast组件 Toast.vue <template> <div class="toast" v-if="show"> <div class="box">…
react基础学习和react服务端渲染框架next.js踩坑
说明 React作为Facebook 内部开发 Instagram 的项目中,是一个用来构建用户界面的优秀 JS 库,于 2013 年 5 月开源。作为前端的三大框架之一,React的应用可以说是非常的广泛。这里讲一个r…
React项目从Javascript到Typescript的迁移经验总结
抛转引用 现在越来越多的项目放弃了javascript,而选择拥抱了typescript,就比如我们熟知的ant-design就是其中之一。面对越来越火的typescript,我们公司今年也逐渐开始拥抱typescrip…
React之改变页面上方标题与图标(简单粗暴)
使用create react app命令得到的React项目会有默认的页面标题与图标,怎么修改呢? 一、修改图标: 打开打包后的build文件夹的index.html 找到:<link rel="shortcut …
Dahlia:一个现代化的 React 框架
什么是前端框架 React 是什么?按照官方的说法,React 是一个用于构建用户界面的 JavaScript 库,所以它不是一个框架。 在前端中,框架是什么?也许很难下定义,但很容易举例,Angular 就是一个框架。…
React 异步数据管理思考
异步数据管理一直是前端的一个重点和难点,可以这么说,80%的 web 应用会有异步数请求据并在 UI 中消费,并且在相当多的 web 应用中,处理异步数据是它的核心业务逻辑。 在 React 的生态圈中,大部分人把异步数…
打造前端团队的 React CLI 工具
关于前端 CLI 工具 对于 Angular,有官方的 Angular CLI。 对于 Vue,有官方的 Vue CLI。 对于 React,有官方的 Create React App。 Angular CLI 和 Vu…
使用React Hook提高代码复用性
Hook 简介 Hook 是 React 16.8 的新增特性。是对 React 函数组件的一种扩展,通过提供一些特殊的函数,让无状态的组件拥有状态组件才拥有的能力。 没有Hook之前写组件有两种形式,分别为 函数组件 …
React-hooks 简介
什么是 Hooks? 不通过编写类组件的情况下,可以在组件内部使用状态(state) 和其他 React 特性(生命周期,context)的技术 Hooks 为什么会出现 在之前的 React 版本中,组件分为两种:函数…
从零开始开发一个react脚手架(五)
前言:最近天天加班做新项目,Taro版的小程序,还要实现富文本加海报,踩了不少坑,下次专门开个坑说一下。 回到脚手架,说实话从头写一个,即便是参考create-react-app,还是遇到了很多很多问题,这些都是需要自己…
React入门
以下内容,当具备ES6,JS语法,node环境,前端组件基础概念,写过java代码,包你3天上手React项目,下面开始… demo地址 https://gitee.com/tonysb/lear……
react+react-router+redux+Node.js+socket.io写一个聊天webapp
一、项目预览 之前看一个写聊天器的教程,自己也跟着教程做了一遍,由于懒得去找图片和一些图标我就用教程中的素材来做,主要是用了react+react-router+redux+Node.js+socket.io的技术栈,接…