logo李帅帅的博客 | 木子朗Saxon's blog

More than code
Thoughts, stories and ideas

最新发布

使用 Lerna 管理模块-Saxon's blog
工具

使用 Lerna 管理模块

李 帅帅阅读(154)赞(2)

前言 对于维护过多个package的同学来说,都会遇到一个选择:这些package是放在一个仓库里维护还是放在多个仓库里单独维护,数量较少的时候,多个仓库维护不会有太大问题,但是当package数量逐渐增多时,一些问题逐渐暴露出来: pac...

【收藏】50个值得收藏的工具和库-Saxon's blog
Tools

【收藏】50个值得收藏的工具和库

李 帅帅阅读(158)赞(3)

一、构建工具 1、 Parcel https://parceljs.org/ Parcel是一款极速零配置WEB应用打包工具,快速、几乎零配置是它最大的特点,开箱即用。相比webpack,Parcel对于新手来说未尝不是一个很好的选择。 2...

前后端常见的几种鉴权方式-Saxon's blog
NodeJs

前后端常见的几种鉴权方式

李 帅帅阅读(3524)赞(8)

一、四种鉴权方式 目前我们常用的鉴权有四种: HTTP Basic Authentication session-cookie Token 验证 OAuth(开放授权) 二、HTTP Basic Authentication 这种授权方式是...

使用 React Hooks + Context 打造简版 Redux-Saxon's blog
React

使用 React Hooks + Context 打造简版 Redux

李 帅帅阅读(383)赞(3)

一、前言 一般我们写 React 如果不是特别大的应用,前后端数据交互逻辑不复杂,这样我们直接按照正常流程写组件就能满足简单的业务场景。随着业务场景的深入渐渐地我们组件变大变多,组件与组件之间的数据通讯(也就是状态管理,不过我更愿意称之为数...

持续集成 & 持续交付 & 持续部署-Saxon's blog
工程化

持续集成 & 持续交付 & 持续部署

李 帅帅阅读(355)赞(4)

一、摘要 相信大家以前应该接触过持续集成(Continuous integration)、持续交付(continuous delivery)、持续发布(continuous deployment)的概念,下面我们来说说三者的差异以及团队如何...

CSS Grid 网格布局-Saxon's blog
CSS

CSS Grid 网格布局

李 帅帅阅读(412)赞(4)

一、简介 网格布局(Grid)是很强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。 上图这样的布局,就是 Grid 布局的拿手...

CSS命名规范-BEM-Saxon's blog
CSS

CSS命名规范-BEM

李 帅帅阅读(510)赞(7)

概要 BEM 分别代表着:Block(块)、Element(元素)、Modifier(修饰符),是一种组件化的 CSS 命名方法和规范,由俄罗斯 Yandex 团队所提出。其目的是将用户界面划分成独立的(模)块,使开发更为简单和快速,利于团...

常用正则-Saxon's blog
JavaScript

常用正则

李 帅帅阅读(5774)赞(4)

A股代码 /^(s[hz]|S[HZ])(000[\d]{3}|002[\d]{3}|300[\d]{3}|600[\d]{3}|60[\d]{4})$/ 大于0, 小于150, 支持小数位出现5, 如145.5, 用于判断考卷分数 /^1...

ServiceWorker 离线及缓存策略-Saxon's blog
PWA

ServiceWorker 离线及缓存策略

李 帅帅阅读(5454)赞(3)

前言 如果你追求极致的Web体验,你一定在站点中使用过 PWA(Progressive Web App),也一定面临过在编写Service Worker代码时的犹豫不决,因为Service Worker太重要了,一旦注册在用户的浏览器,全站...

React CLI - 快速创建react项目脚手架工具

官 网GitHub