前端洞察

Sketch怎么开发插件

3

前端学堂 发布于 2019-11-06

Sketch 是非常流行的 UI 设计工具,2014年随着 Sketch V43 版本增加 Symbols 功能、开放开发者权限,吸引了大批开发者的关注。 目前 Sketch 开发有两大热门课题:① React 组件渲染成 sketch 由 airbnb 团队发起,② 使用 sk...

阅读(42)赞 (1)

前端开发提效工具,一些想法挺好的

8

前端学堂 发布于 2019-10-29

一、基于 Redux 的状态管理 从2013年React发布至今已近6个年头,前端框架逐渐形成 React/Vue/Angular 三足鼎立之势。几年前还在争论单向绑定和双向绑定孰优孰劣,现在三大框架已经不约而同选择单向绑定,双向绑定沦为单纯的语法糖。无论你是否承认,框架间的差异...

阅读(45)赞 (1)

将React当做前端UI运行时环境来看待

1

前端学堂 发布于 2019-10-23

大多数教程把 React 称作是一个 UI 库。这是有道理的,因为 React 就是一个 UI 库。正如官网上的标语所说的那样。 我曾经写过关于构建用户界面会遇到的难题一文。但是本篇文章将以一种不同的方式来讲述 React — 因为它更像是一种编程运行时。 本篇文章不会教你任何有...

阅读(95)赞 (2)

前端新快报-201908

7

前端学堂 发布于 2019-09-14

React 16.9 发布。本次更新主要有:添加 API,使用不安全的生命周期函数( componentWillMount、componentWillReceiveProps、componentWillUpdate )会给出警告,在 useEffect 中调用 setState ...

阅读(169)赞 (3)

箱型图描述数据集

2

前端学堂 发布于 2019-09-10

通常而言,性能数据往往是一个波动的数值。所以当我们需要处理性能数据时,通常需要借助于统计的手段来辅助我们分析。而这其中,最常用的就是“多次测试取平均值”。那么这个方法有没有什么问题呢? 均值在描述性能数据时的问题 我们可以通过一个例子来说明问题: 在日常工作中,xiaosong ...

阅读(157)赞 (3)

Javascript垃圾回收浅析

2

前端学堂 发布于 2019-08-21

一. 枚举Javascript引擎分配内存的场景: 1. Object new Object(); new MyConstructor(); { a: 4, b: 5 } Object.create(); 2. 数组 new Array(); [ 1, 2, 3, 4 ]; 3....

阅读(197)赞 (5)

JS特性性能缺陷及JIT的解决方案

6

前端学堂 发布于 2019-08-21

拜读了David的《Know Your Engines: How to Make Your JavaScript Fast》,David是Mozilla的JS引擎工程师,文章主要介绍了JIT与GC原理,以及如何根据某些基本原理,优化js代码的执行效率,虽然是老文了,但对我来说仍受...

阅读(196)赞 (2)

集成化表单

1

前端学堂 发布于 2019-08-12

react-jsonschema-form A simple React component capable of building HTML forms out of a JSON schema and using Bootstrap semantics by default....

阅读(183)赞 (3)

Provisional headers are shown?怎么调试

2

前端学堂 发布于 2019-08-09

老外给了一个方法: The way I found about the extension that was blocking my resource was through the net-internals tool in Chrome: For Latest Version...

阅读(743)赞 (3)

React Hooks完全上手指北

6

前端学堂 发布于 2019-08-06

Why Hooks? Class Component设计理论 React以一种全新的编程范式定义了前端开发约束,它为视图开发带来了一种全新的心智模型: React认为,UI视图是数据的一种视觉映射,即UI = F(DATA),这里的F需要负责对输入数据进行加工、并对数据的变更做出...

阅读(194)赞 (3)

前端新快报-201907

前端学堂 发布于 2019-08-06

Chrome 75 发布,带来了一些新特性,包括:能减少 canvas 延迟的 desynchronized 选项、使用 Web Share API 分享文件以及提供了更好数字可读性的下划线数字分隔符。🔗   Google 可以抓取现代 JavaScri...

阅读(155)赞 (3)