0

React 入门:安装环境

前言作为一个前端开发有些不好意思,居然还没有接触过 React ,就借这段时间积累下 React 相关经验,为疫情过后能有更多的就业机会。如果你已经是个经验丰富的 React Developer 可能这系列文章不太适合你阅读。虽然我承认下面大多数内容,基本都可以在官网找到原型。 但我会努力让你们尽可能不枉此行,如果有不对之处,望各位评论指出。推荐工具链我们可以像以前使用 jquery 一样,通过 script 脚本来引用 React ,并作为我们快速上手。React 提供了多种工具链来帮助我们开始构建一个新应用:· 如果你是在学习 React 或创建一个新的单页应用,请使用 Create Re...

阅读全文>>

0

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、...

阅读全文>>

0

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...

阅读全文>>

0

Web前端资源预加载

本文主要介绍前端性能优化中的资源预加载,不仅会介绍常规的一些预加载手段;还会介绍工程实践中的应用。涉及内容:link相关(rel、as、media、defer、async);缓存(4种缓存、缓存策略、ServiceWork);优化网络(HTTP/2 ServerPush、Preload/Prefetch、域名拆分);同步接口JSON数据内联,加速首页渲染;浏览器中各资源加载的优先级;实践:webpack插件、quiklink.前言当我们需要某些网络资源时,加载和执行往往耦合在一起,下载完立即执行,而加载过程是阻塞式的,延长了onload时间。因此如何在资源执行前预加载资源,减少等待网络的开销便...

阅读全文>>

0

阿里开源跨组件体系的表单渲染引擎——form-render

介绍 form-render是阿里开源的跨组件体系的表单渲染引擎 - 通过 JSON Schema 快速生成自定义表单配置界面,常用于自定义搭建配置界面生成。支持 Ant Design 和 Fusion Design 主流的视觉主题使用 JSON Schema 标准协议描述表单配置,并搭配丰富类型且可扩展的组件支持 1 排 N、横纵排、支持对象无限嵌套、自定义正则校验、自定义样式组件、列表拖拽等特性已在淘宝、天猫、飞猪、亚博科技、安全智能、新零售行业工作台、人工智能实验室、安全智能部门等多 BU 多场景使用,简单使用同时支持复杂场景使用使用上有详细文档,维护上有专人支持Githubhttps:...

阅读全文>>

0

Hippy--腾讯新生的移动跨端开发框架

今天给大家分享一下腾讯近期开源的新生跨端开发框架Hippy,前端的小伙伴们撸起袖子加油学起来拉!如下内容主要来自官方介绍文档。如果希望直接看官方介绍的同学可以直接点击项目地址,进入选择查看中文文档。项目地址地址 https://github.com/Tencent/Hippy介绍Hippy 是腾讯新生的一个跨端开发框架,目标是使开发者可以只写一套代码就直接运行于三个平台(iOS、Android 和 Web)。设计面向的对象主要为传统 Web 开发者,特别是之前有过 React Native 和 Vue 的开发者,其致力于让前端开发跨端 App 更加容易。另外其官方文档介绍,截止目前为止,腾讯内...

阅读全文>>

0

每个开发人员都应该知道的11个控制台命令

这些控制台命令可提高日常工作效率Photo by Sai Kiran Anagani on Unsplash命令行使我们的生活变得更加轻松,因为我们可以自动化一些平凡的任务并使事情运行更顺畅。 无需单击图形用户界面(GUI),我们可以触发一些命令并将其称为完成工作。Unix shell是命令行解释器或shell,可为类似Unix的操作系统提供命令行用户界面。 Shell程序既是交互式命令语言又是脚本语言,并且操作系统使用它来控制系统的执行。默认情况下,每个基于Linux或Mac的操作系统都安装了一个命令行程序,通常以" Terminal"为名称。命令行(CLI)使我们可以轻松地移动和重命名文件...

阅读全文>>

0

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...

阅读全文>>

0

React项目搭建过程

关于react项目搭建,网上已经有了许多的基础教程,以及环境安装的说明,这里就省略了。 主要安装好的环境有: 1、npm-v6.1.0 2、nodejs-v10.7.0 下面就创建一个react项目,过程其实很简单,几个步骤: 1、安装create-react-app cmd进行命令行,输入: npm install -g create-react-app 等待一会,安装好了之后,就可以通过cmd进入自己创建好的文件夹路径,比如我的D:\react 然后再输入命令创建react项...

阅读全文>>