Next.js 12.0.5 版本发布,React 应用后端渲染框架
Next.js v12.0.5 发布了!Next.js 是一个用于在服务端渲染 React 应用程序的简单框架,此升级完全向后兼容,建议所有版本低于 12.0.5 的用户使用,此补丁到 Next.js 11 的后向移植版本为 11.1.3。此版本带来以下变化:核心变化添加 swc 转换以移除console.*呼叫:#31449支持 ESLint v8:#29865修复:允许next lint不通过eslint-config-next安装:#29823删除 TextEncoder 和 TextDecoder 包装器:#31490简化输出消息:#31454更新 webpack:#31455Next...
ant design 中实现表格头部可删除和添加
我是用antd pro做一个项目。有一个小需求是表格头部栏可操作。具体是表头的每一项都带一个“x”按钮,当不想展示这一栏的时候,直接点“x”,这一栏就不展示了。不展示的头部标签放一边,也可以随时加入到表格中。先看图:1.表头信息有个“x”,当点击了某一项,该项在表格中消失,并且该标签会在可添加表头上展示。2.此时我“x”掉了序号,用户名两项,得到下面的效果。3.此时我点击了 “+用户名” 标签,表格中再次展示了用户名,同时,可添加表头栏少了 “+用户名” 标签。这项功能在ant design 上的表格组件是没有的,所以我自己在现有组件的基础上实现的。如果你想看懂下面的代码,你需要了解ant d...
React 入门:安装环境
前言作为一个前端开发有些不好意思,居然还没有接触过 React ,就借这段时间积累下 React 相关经验,为疫情过后能有更多的就业机会。如果你已经是个经验丰富的 React Developer 可能这系列文章不太适合你阅读。虽然我承认下面大多数内容,基本都可以在官网找到原型。 但我会努力让你们尽可能不枉此行,如果有不对之处,望各位评论指出。推荐工具链我们可以像以前使用 jquery 一样,通过 script 脚本来引用 React ,并作为我们快速上手。React 提供了多种工具链来帮助我们开始构建一个新应用:· 如果你是在学习 React 或创建一个新的单页应用,请使用 Create Re...
Ant Design 4.1.0 发布,涉及30多项内容
前言Ant Design 4.1.0 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。更新内容此版本更新内容:1、支持紧凑模式主题。#22126 @AshoneA2、新的 Space 组件以支持内联组件的间距样式。#223633、DatePicker 支持季度选择器。#224684、Tree/TreeSelect/Select 支持 virtual 属性以关闭虚拟滚动。#219555、...
React Native 0.62 发布,默认支持 Flipper,新的暗黑模式
前言ReactNative 可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS 应用就是基于它开发的。React Native的原理是在JavaScript中用React抽象操作系统原生的UI组件,代替DOM元素来渲染,比如以<View>取代<div>,以<Image>替代<img>等。在幕后,React Native在主线程之外,在另一个背景线程里运行JavaScript引擎,两个线程之间通过一批量化的asyn...
Web前端资源预加载
本文主要介绍前端性能优化中的资源预加载,不仅会介绍常规的一些预加载手段;还会介绍工程实践中的应用。涉及内容:link相关(rel、as、media、defer、async);缓存(4种缓存、缓存策略、ServiceWork);优化网络(HTTP/2 ServerPush、Preload/Prefetch、域名拆分);同步接口JSON数据内联,加速首页渲染;浏览器中各资源加载的优先级;实践:webpack插件、quiklink.前言当我们需要某些网络资源时,加载和执行往往耦合在一起,下载完立即执行,而加载过程是阻塞式的,延长了onload时间。因此如何在资源执行前预加载资源,减少等待网络的开销便...
阿里开源跨组件体系的表单渲染引擎——form-render
介绍 form-render是阿里开源的跨组件体系的表单渲染引擎 - 通过 JSON Schema 快速生成自定义表单配置界面,常用于自定义搭建配置界面生成。支持 Ant Design 和 Fusion Design 主流的视觉主题使用 JSON Schema 标准协议描述表单配置,并搭配丰富类型且可扩展的组件支持 1 排 N、横纵排、支持对象无限嵌套、自定义正则校验、自定义样式组件、列表拖拽等特性已在淘宝、天猫、飞猪、亚博科技、安全智能、新零售行业工作台、人工智能实验室、安全智能部门等多 BU 多场景使用,简单使用同时支持复杂场景使用使用上有详细文档,维护上有专人支持Githubhttps:...
Hippy--腾讯新生的移动跨端开发框架
今天给大家分享一下腾讯近期开源的新生跨端开发框架Hippy,前端的小伙伴们撸起袖子加油学起来拉!如下内容主要来自官方介绍文档。如果希望直接看官方介绍的同学可以直接点击项目地址,进入选择查看中文文档。项目地址地址 https://github.com/Tencent/Hippy介绍Hippy 是腾讯新生的一个跨端开发框架,目标是使开发者可以只写一套代码就直接运行于三个平台(iOS、Android 和 Web)。设计面向的对象主要为传统 Web 开发者,特别是之前有过 React Native 和 Vue 的开发者,其致力于让前端开发跨端 App 更加容易。另外其官方文档介绍,截止目前为止,腾讯内...
每个开发人员都应该知道的11个控制台命令
这些控制台命令可提高日常工作效率Photo by Sai Kiran Anagani on Unsplash命令行使我们的生活变得更加轻松,因为我们可以自动化一些平凡的任务并使事情运行更顺畅。 无需单击图形用户界面(GUI),我们可以触发一些命令并将其称为完成工作。Unix shell是命令行解释器或shell,可为类似Unix的操作系统提供命令行用户界面。 Shell程序既是交互式命令语言又是脚本语言,并且操作系统使用它来控制系统的执行。默认情况下,每个基于Linux或Mac的操作系统都安装了一个命令行程序,通常以" Terminal"为名称。命令行(CLI)使我们可以轻松地移动和重命名文件...
Ant Design Pro项目在browserHistory模式下刷新页面404问题解决方法
Ant Design Pro是基于react的项目,默认配置时,使用的是browserHistory模式,而不是hashHistory模式。browserHistory模式使用的是真实的url地址,调试的时候可能是正常的,如果部署到服务器上,就可能会出现页面404的异常,因为实际地址不存在。官方也有说明: 前端路由与服务端的结合# 如果你遇到 https://cdn.com/users/123 刷新后 404 的问题,你需要按照这个章节进行处理。 Ant Design Pro 使用的 Umi 支持两种路由方式:browserHistory 和 hashHistory...