随着功能不断增加,不断迭代更新,React应用会越来越臃肿了,性能也将随之下降。本文从打包和运行两个方面着手,谈谈React应用改如何优化。
浏览器持久化存储那些事
现在前后端分离是比较流行的开发方案,在 SPA 的开发过程中难免需要存储一些数据到浏览器,比如认证判断的 Token
。现代常用浏览器的本地持久存储方案基本分为Cookie
、 LocalStorage(sessionStorage)
和IndexedDB
。本文就不讨论 Cookie
了。
使用React一年的简单总结
从2017年9月开始我转为前端开发,当时公司没有一个单纯专注前端的开发人员,我接到任务后首先是考虑的是应该使用哪种前端技术(框架)。在简单对比Angular、Vue 和 React 后,我选择了 React。因为我曾经花了时间了解过,而且我特别喜欢 React 的 JSX 语法和单向数据流绑定方式。本文就简单总结一下这一年我使用 React 的实际经验。
TypeScript开发笔记
在上一篇的文章中,学习了 TypeScript 的基本知识,以及 TS 在 React中的基本使用方法。在本文中,我们深入了解 TS在 React 中的实践。本文将采用 ant-design 作为基础的 UI 框架。
TypeScript 与 React
最近开发工作缓下来了, 就抽时间看看传说中的神器 TypeScript。主要描述一些 TypeScript 在 React 项目中的一些使用方法。
使用 ESLint、Prettier 和 StyleLint美化 React 代码
- 在日常开发工作中, 一个项目不止一个开发者, 但是每个人的代码质量、风格、格式规范肯定不一致,带来的影响是整个项目看上去比较零散、奇怪。那有没有方法使得所有人写出来的代码质量、风格一致呢?那就要使用 ESLint 进行质量检查和修复;使用 Prettier 进行美化、格式化,比如缩进、行的最大长度等等;在样式的编写中,大量的css和scss代码书写中,或多或少会出现问题,可以使用 StyleLint对样式代码进行格式化。以上俗称:静态代码分析。
搭建前端异常监控系统
- 最近公司的业务系统和几个对外应用Web端进入了最后测试阶段,随之带来的问题是每次出现问题都要测试人员主动联系我们开发者,但有时又无法重现, 既浪费时间, 又无法及时有效解决异常。因此,我觉得搭建一个前端异常监控系统, 用来实时收集前端异常, 及时解决前端异常。
构建企业内部React组件库
- 最近针对日常业务需求使用react封装了一套基于 ant-design 的[业务组件库], 大概记录下整个开发过程中的心得,在这里只对开发过程中的选型和打包等进行讨论,后续再对具体组件的封装进行讨论。
前端预览PDF那些事
- 最近项目中需要在网页上预览 PDF,目前了解到 有
<iframe>、<object>、<embed>
标签 和 pdf.js、pdfObject等几种第三方解决方案, 但还有一些注意事项。
开发一个美剧自动嗅探下载器:TVDragon(下)
- 通过上篇的准备工作, 我们基本掌握整个爬虫的工作流程。接下来我们就要实现该爬虫系统了。在程序语言上有了改动, 因为最近基本是 JavaScript开发, 所以我们采用 Nodejs 作为开发语言, 而不是 PHP。毕竟, 一个程序的好坏跟程序语言没有必然联系。
开发一个美剧自动嗅探下载器:TVDragon(上)
- 从今天开始我们来写一个美剧自动嗅探下载器, 名为 TVDragon, 为我们提供美剧‘一条龙服务’。 其工作原理是根据已订阅的美剧名称(英文名),自动搜索当天的美剧播放表, 从种子网站搜索 torrent 列表, 筛选,自动下载该种子,接着上传torrent到树莓派的 transmission 上进行bt下载。
使用 Goutte爬取 IP 代理池
- 最近几乎所有精力都投入到 React 的开发中,可以说对 JS 的理解更深入了, 使用起来也得心应手了。但对于 PHP, 我还是想找点东西捣鼓下的。这次我们就用 PHP 的爬虫框架 Goutte 来爬取多个 代理IP,实现一个简单的自动投票系统, 该系统可以切换 IP,从而避免被封禁。当然,这里只是抛砖引玉, Goutte 的强大之处远不在于此。
使用Jenkins自动部署React前端项目
- 经过一个月的开发,公司的 React 项目基本进入测试阶段,最开始是手动打包并传送到目标服务器,效率十分低下。w闻将介绍如何用 Jenkins 实现 React 项目的自动打包和部署。
web 的几种通信方式
上一篇文章中主要讲述一个完整的HTTP请求过程,了解一个连接是如何建立的。那么,这里再来聊聊web 中常用的几种通信方式,
主要讲述其概念和应用场景或实现方式。概况一下,主要有四种方式,它们分别是短轮询、长轮询(comet)、长连接(SSE)、WebSocket。它们大体可以分为两类,一种是在HTTP基础上实现的,包括短轮询、comet和SSE;另一种不是在HTTP基础上实现是,即WebSocket。
聊聊 web 中的网络请求
现在大多数情况都需要使用计算机,而大部分计算机都会联网。那么在联网的过程中计算机和其他网络设备需要做哪些操作才开确保网络请求成功并返回需要的数据呢? 本文着重阐述 http请求过程中,即从浏览器请求开始到成功显示返回数据的过程, 会有哪些操作呢?
手把手教你用 PHP 拼接微信好友头像
- 最近做个人微信机器人挺热门的, 同时很多人也用来对自己的微信好友做分析和统计, 比如:简单的就是利用微信好友的头像做成一张大图, 让朋友圈的好友都看到彼此, 觉得蛮有意思的! 网上已经有 Python 或 Nodejs 的实现了, 我就想用 PHP 来实现一下。
闲谈 PHP7新特性
- PHP7已经发布有段时间了,其最大的特点是快。其性能高于 HHVM, 是 PHP5.6的两倍。本人就整理一些PHP7.0.x的新特性,也当做自己学习和复习PHP7。