2021年04月_花铛

原创 RESTful 接口设计

REST 全称是 Representational State Transfer，中文意思是表述性状态转移。 REST 在2000年被提出，基于HTTP、URI、XML、JSON等标准和协议，支持轻量级、跨平台、跨语言的架构设计。简而言之，REST 指的是一组架构约束条件和原则。如果一个架构符合 REST 的约束条件原则，就称它为 RESTful 架构。一句话概括：看 URI 就知道要什么资源，看 http method 就知道要干什么，看 http status code 就知道结果如何。RE

2021-04-28 16:08:51 535

原创 URI、URL 和 URN 的区别

URI：Uniform Resource Identifier，统一资源标识符。用来唯一的标识一个资源。一般由三部分组成：访问资源的命名机制；存放资源的主机名；资源自身的名称（由路径表示，着重强调于资源）URL：Uniform Resource Location，统一资源定位符。它是一种具体的 URI，即 URL 可以用来标识一个资源，而且还指明了如何定位这个资源。一般由三部分组成：协议；存有该资源的主机IP地址（有时也包括端口号）；主机资源的具体地址（如目录和文件名等）。URN：Uniform .

2021-04-28 15:21:59 654

原创《PC端UI框架》Ant Design V4 中的日期选择框

DatePicker 的 value 是 moment 类型。回填DatePicker：接口返回的数据是以秒为单位的时间戳：const date = moment.unix(create_at)接口返回的数据是以毫秒为单位的时间戳：const date = moment(Number(create_at))获取DatePicker的值：向接口传递以秒为单位的时间戳：const date = moment(value).unix()向接口传递以毫秒为单位的时间戳：const date

2021-04-26 14:41:18 242

原创 Moment.js

Moment.js是一个轻量级的JavaScript时间库。安装引入：node.js 方式：安装：npm install moment或者yarn add moment；引入： import 方式 import moment form 'moment' 或者 require 方式 var moment = require('moment')。浏览器方式：<script src="moment.js"></script>转化为 JS 原生的 Date 对象：mom

2021-04-22 15:53:49 637

原创《PC端UI框架》Ant Design V4 中的表格

分页控件默认显示英文，修改为中文简体：antd 目前的默认文案是英文，如果需要使用简体中文，antd 提供了一个 React 组件 ConfigProvider 用于全局配置国际化文案。import zhCN from 'antd/lib/locale/zh_CN';import { ConfigProvider } from 'antd';return ( <ConfigProvider locale={zhCN}> <App /> </Config

2021-04-16 15:45:41 535

原创《十四》CSS3 filter滤镜属性

2021-04-16 13:55:27 138

原创 JS 的二进制家族一

历史上 JavaScript 是没有读写二进制数据能力的，但随着 es5 中 Blob 对象的引入以及 es6 中 ArrayBuffer 对象、TypedArray 和 DataView 对象的规范化， JS 处理二进制数据的能力大幅度增强，也能直接处理文件流，网络流等二进制 Buffer 数据了。Node.js。

2021-04-12 14:55:48 1306 1

原创 URL.createObjectURL()

URL.createObjectURL() 方法会创建一个 DOMString，表示参数中的对象的URL。可以用于在浏览器上预览本地图片或者视频。createObjectURL() 返回一段带 hash 的 url ，会一直存储在内存中，直到 document 触发了unload事件或者执行 revokeObjectURL() 来释放。<input type="file" accept="video/*" /><video width="400" height="500" con

2021-04-12 11:27:52 2465

原创《十六》微信小程序中的分包

某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。

2021-04-02 18:39:17 4434 1

原创 React 中的错误边界

部分 UI 的 JavaScript 错误不应该导致整个应用崩溃，为了解决这个问题， React 16 引入了一个新的概念：错误边界。错误边界是一种 React 组件，这种组件可以捕获并打印发生在其子组件树任何位置的 JavaScript 错误，并且它会渲染除备用 UI，而不是渲染那些崩溃了的子组件树。如果一个 class 组件中定义了 static getDerivedStateFromError()或componentDidCatch()这两个生命周期方法中的任意一个或两个时，那么它就变成了一个错误

2021-04-01 09:38:54 484

花铛