启码匠 - 磨刀霍霍向编程

磨刀霍霍向编程


  • 首页

  • 归档

  • 搜索

React应用优化

发表于 2018-11-21 | 更新于 2019-06-24

随着功能不断增加,不断迭代更新,React应用会越来越臃肿了,性能也将随之下降。本文从打包和运行两个方面着手,谈谈React应用改如何优化。

阅读全文 »

浏览器持久化存储那些事

发表于 2018-10-25 | 更新于 2019-06-24

现在前后端分离是比较流行的开发方案,在 SPA 的开发过程中难免需要存储一些数据到浏览器,比如认证判断的 Token 。现代常用浏览器的本地持久存储方案基本分为Cookie、 LocalStorage(sessionStorage)和IndexedDB。本文就不讨论 Cookie了。

阅读全文 »

使用React一年的简单总结

发表于 2018-09-14 | 更新于 2019-06-24

从2017年9月开始我转为前端开发,当时公司没有一个单纯专注前端的开发人员,我接到任务后首先是考虑的是应该使用哪种前端技术(框架)。在简单对比Angular、Vue 和 React 后,我选择了 React。因为我曾经花了时间了解过,而且我特别喜欢 React 的 JSX 语法和单向数据流绑定方式。本文就简单总结一下这一年我使用 React 的实际经验。

阅读全文 »

TypeScript开发笔记

发表于 2018-08-21 | 更新于 2019-06-24

在上一篇的文章中,学习了 TypeScript 的基本知识,以及 TS 在 React中的基本使用方法。在本文中,我们深入了解 TS在 React 中的实践。本文将采用 ant-design 作为基础的 UI 框架。

阅读全文 »

TypeScript 与 React

发表于 2018-07-28 | 更新于 2019-06-24

最近开发工作缓下来了, 就抽时间看看传说中的神器 TypeScript。主要描述一些 TypeScript 在 React 项目中的一些使用方法。

阅读全文 »

使用 ESLint、Prettier 和 StyleLint美化 React 代码

发表于 2018-06-24 | 更新于 2019-06-24
  • 在日常开发工作中, 一个项目不止一个开发者, 但是每个人的代码质量、风格、格式规范肯定不一致,带来的影响是整个项目看上去比较零散、奇怪。那有没有方法使得所有人写出来的代码质量、风格一致呢?那就要使用 ESLint 进行质量检查和修复;使用 Prettier 进行美化、格式化,比如缩进、行的最大长度等等;在样式的编写中,大量的css和scss代码书写中,或多或少会出现问题,可以使用 StyleLint对样式代码进行格式化。以上俗称:静态代码分析。
    阅读全文 »

SVG入门与实践

发表于 2018-05-19 | 更新于 2019-06-24
  • 今天来聊聊SVG技术。本文先简单阐述svg的概念和一些特性, 再分享一些我在项目实战中用到的svg例子。
    阅读全文 »

搭建前端异常监控系统

发表于 2018-04-25 | 更新于 2019-06-24
  • 最近公司的业务系统和几个对外应用Web端进入了最后测试阶段,随之带来的问题是每次出现问题都要测试人员主动联系我们开发者,但有时又无法重现, 既浪费时间, 又无法及时有效解决异常。因此,我觉得搭建一个前端异常监控系统, 用来实时收集前端异常, 及时解决前端异常。
    阅读全文 »

构建企业内部React组件库

发表于 2018-03-24 | 更新于 2019-06-24
  • 最近针对日常业务需求使用react封装了一套基于 ant-design 的[业务组件库], 大概记录下整个开发过程中的心得,在这里只对开发过程中的选型和打包等进行讨论,后续再对具体组件的封装进行讨论。
    阅读全文 »

前端预览PDF那些事

发表于 2018-03-10 | 更新于 2019-06-24
  • 最近项目中需要在网页上预览 PDF,目前了解到 有<iframe>、<object>、<embed>标签 和 pdf.js、pdfObject等几种第三方解决方案, 但还有一些注意事项。
    阅读全文 »

开发一个美剧自动嗅探下载器:TVDragon(下)

发表于 2018-01-28 | 更新于 2019-06-24
  • 通过上篇的准备工作, 我们基本掌握整个爬虫的工作流程。接下来我们就要实现该爬虫系统了。在程序语言上有了改动, 因为最近基本是 JavaScript开发, 所以我们采用 Nodejs 作为开发语言, 而不是 PHP。毕竟, 一个程序的好坏跟程序语言没有必然联系。
    阅读全文 »

开发一个美剧自动嗅探下载器:TVDragon(上)

发表于 2017-12-16 | 更新于 2019-06-24
  • 从今天开始我们来写一个美剧自动嗅探下载器, 名为 TVDragon, 为我们提供美剧‘一条龙服务’。 其工作原理是根据已订阅的美剧名称(英文名),自动搜索当天的美剧播放表, 从种子网站搜索 torrent 列表, 筛选,自动下载该种子,接着上传torrent到树莓派的 transmission 上进行bt下载。
    阅读全文 »

使用 Goutte爬取 IP 代理池

发表于 2017-11-18 | 更新于 2019-06-24
  • 最近几乎所有精力都投入到 React 的开发中,可以说对 JS 的理解更深入了, 使用起来也得心应手了。但对于 PHP, 我还是想找点东西捣鼓下的。这次我们就用 PHP 的爬虫框架 Goutte 来爬取多个 代理IP,实现一个简单的自动投票系统, 该系统可以切换 IP,从而避免被封禁。当然,这里只是抛砖引玉, Goutte 的强大之处远不在于此。
    阅读全文 »

使用Jenkins自动部署React前端项目

发表于 2017-10-28 | 更新于 2019-06-24
  • 经过一个月的开发,公司的 React 项目基本进入测试阶段,最开始是手动打包并传送到目标服务器,效率十分低下。w闻将介绍如何用 Jenkins 实现 React 项目的自动打包和部署。
    阅读全文 »

React开发笔记

发表于 2017-10-21 | 更新于 2019-06-24
  • 由于公司产品需要,最近一个月开始了 web 前端开发,技术栈是 webpack+react+mobx 的 react 全家桶架构。
    阅读全文 »

mac 下使用Vagrant 构建跨平台开发环境

发表于 2017-09-03 | 更新于 2019-06-24
  • Vagrant 是一款用来构建虚拟开发环境的工具,非常适合 php/python/ruby/java 这类语言开发 web 应用,“代码在我机子上运行没有问题”这种说辞将成为历史。本文通过安装php开发环境homestead来说明 Vagrant 的安装使用与优点。

    阅读全文 »

web 的几种通信方式

发表于 2017-08-18 | 更新于 2019-06-24
  • 上一篇文章中主要讲述一个完整的HTTP请求过程,了解一个连接是如何建立的。那么,这里再来聊聊web 中常用的几种通信方式,
    主要讲述其概念和应用场景或实现方式。概况一下,主要有四种方式,它们分别是短轮询、长轮询(comet)、长连接(SSE)、WebSocket。它们大体可以分为两类,一种是在HTTP基础上实现的,包括短轮询、comet和SSE;另一种不是在HTTP基础上实现是,即WebSocket。

    阅读全文 »

聊聊 web 中的网络请求

发表于 2017-07-08 | 更新于 2019-06-24
  • 现在大多数情况都需要使用计算机,而大部分计算机都会联网。那么在联网的过程中计算机和其他网络设备需要做哪些操作才开确保网络请求成功并返回需要的数据呢? 本文着重阐述 http请求过程中,即从浏览器请求开始到成功显示返回数据的过程, 会有哪些操作呢?

    阅读全文 »

手把手教你用 PHP 拼接微信好友头像

发表于 2017-06-13 | 更新于 2019-06-24
  • 最近做个人微信机器人挺热门的, 同时很多人也用来对自己的微信好友做分析和统计, 比如:简单的就是利用微信好友的头像做成一张大图, 让朋友圈的好友都看到彼此, 觉得蛮有意思的! 网上已经有 Python 或 Nodejs 的实现了, 我就想用 PHP 来实现一下。
    阅读全文 »

闲谈 PHP7新特性

发表于 2017-05-27 | 更新于 2019-06-24
  • PHP7已经发布有段时间了,其最大的特点是快。其性能高于 HHVM, 是 PHP5.6的两倍。本人就整理一些PHP7.0.x的新特性,也当做自己学习和复习PHP7。
    阅读全文 »
12

启码匠

学习如磨刀, 需要不断温故。
34 日志
47 标签
© 2019 启码匠
由 Hexo 强力驱动 v3.9.0
|
主题 – NexT.Muse v7.1.2