陌上兮月

摘要： 为什么不切图标了 以前的图标我们非常喜欢用ps等工具切成一张张xxx.png图片，如果稍微懂点移动端适配，对dpr(设备像素比)有所了解的，还会切出类似home@1x.ppng,home@2x.png,home@3x.png这样的图标，其中@1x表示用来适配dpr为1的手机，图像分辨率最低；@2x表 阅读全文

摘要： 主角是谁 在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport，如果我说这种方案能解决98%以上的移动端布局痛点，我想整个掘金，应该没有人会反驳。 痛点在哪里 在之 阅读全文

摘要： 说明 随着echarts版本的更迭，很多书写方式都有了变化，本文于2021/04/25更新了一次，具体可查看源码：github源码地址 为什么需要封装echarts 每个开发者在制作图表时都需要从头到尾书写一遍完整的option配置，十分冗余 在同一个项目中，各类图表设计十分相似，甚至是相同，没必要 阅读全文

摘要： 贪婪的正则 正则是默认贪婪的，它会尽可能多的匹配，我想这是一个大家都知道的事实。 经典例子： '12345678'.replace(/\d{3,7}/g, '#')// 输出： #8 可以看到，规则是匹配3~7个数字，由于正则默认是贪婪模式，匹配了最大数量7个； 如果我们希望它尽可能少的匹配，也就是 阅读全文

摘要： 前言 阅读笔记，没有什么结构可言，react入门基础概念。 正文 1，在JSX中，{}大括号表示JS代码的开始结束标志，<>包含纯小写被认为是原生html标签，<>包含首字母大写被认为是自定义组件； 2，当JSX有多行时，最外层要用一个小括号()包裹起来，这样可以避免自动插入分号机制的问题； 3，在 阅读全文

摘要： 先贴代码： const base64String = window.btoa(String.fromCharCode(...new Uint8Array(buffer))) 看起来非常的简洁，优美。那么我们今天就来捋一捋，这个看似简单的背后，蕴含了怎样的原理。 首先我们得来说说arrayBuffer 阅读全文

摘要： 元字符 正则表达式里面包含两种东西，一种叫元字符，一种叫原义文本字符。 这么说好像有点故作高深把话讲绕的感觉，简而言之，元字符就是关键字，原义文本字符就是自定义规则字。 元字符，或者叫保留字，表示这些字已经被正则“抢先注册”了，也就是占用了。 正则在抢先注册这些关键字的时候，已经尽量挑了一些比较冷门 阅读全文

摘要： 说起正则表达式，可以说是很多同行的痛点，包括我在内，看了会，会了忘，因此写一个系列的小教程，试图加深一下印象。 基本概念 所谓正则表达式，就是一个用于匹配符合某种规则的字符串的表达式。简单来说，就是我们用表达式的形式来创建一个规则，然后拿着这个规则去不同字符串里面进行匹配，看下有没有匹配上我们规则的 阅读全文

摘要： 今天我们讲讲历史，讲讲故事，不扯高深术语。 MV*表示的意思是：M(Model逻辑层) + View(视图层) + *（中间者）。上帝提出了这个逻辑与视图分离，用中间者进行连接的伟大思想，并将实现这个思想的艰巨任务安排给人间。 人们纷纷跃跃欲试，想率先实现上帝布置的任务。随着历史的推移，不同时期先后 阅读全文

摘要： 在一般的中后台系统中，我们可以把前端的架构划分为三大部分：这分别是核心框架库，插件，公共机制。 先来说第一个核心框架库，这可以理解为是系统的基础框架技术选型，它对整个系统的迭代和开发至关重要，是系统的核心基础部分。比如像Vue,Vuex,Vue Router，或者说React,Redux,Route 阅读全文