大前端技术栈

5

深入理解React Router：Context、Hooks、Refs、Memo特性讲解

• 浅夏晴空   6月2日发布
• 4 收藏

鉴于读者对React有一定的认识，且本书所有案例均使用React Hooks编写，以及在React Router源码中使用了Context等React特性，因此本章仅对React的Context、Hooks等部分特性进行介绍。对于其他React相关特性，读者...

5

大前端领域Middleware有几种实现方式

• 浅夏晴空   6月2日发布
• 5 收藏

Middleware（中间件）本意是指位于服务器的操作系统之上，管理计算资源和网络通信的一种通用独立的系统软件服务程序。分布式应用软件借助这种软件在不同的技术之间共享资源。而在大前端领域，Middleware 的含义则...

17

前端优秀实践不完全指南

• 浅夏晴空   5月7日发布
• 13 收藏

以下文章来源于iCSS前端趣闻 ，作者SbCocoiCSS前端趣闻 不止于 CSS本文略长，耐下心好好读读，应该会有所收获~其实标题应该叫，Web 用户体验设计提升指南。一个 Web 页面，一个 APP，想让别人用的爽，也就是所谓...

34

前端性能优化

• 浅夏晴空   4月29日发布
• 22 收藏

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读...

16

react-hooks原理

• 浅夏晴空   4月29日发布
• 11 收藏

本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际react-hooks也并没有那么难以理解，听起来很coo...

9

一文读懂babel编译流程，再也不怕面试官的刁难了

• 浅夏晴空   4月25日发布
• 6 收藏

Babel 是一个强大的 js 编译器。有了 Babel， 我们可以放肆的使用 js 的新特性，而不用考虑浏览器兼容性问题。不仅如此，基于 babel 体系，我们可以通过插件的方法修改一些语法，优化一些语法，甚至创建新的语法。

5

18个webpack插件总有一款适合你的

• 浅夏晴空   4月25日发布
• 5 收藏

Plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听 webpack 打包过程中的某些节点，执行广泛的任务。

14

当面试官问Webpack的时候他想知道什么

• 浅夏晴空   4月22日发布
• 12 收藏

说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。尤其当我们使用诸如umi.js之类的应用框架还帮我们把webpack配...

3

vscode中断点调试nodejs实用方便

• 浅夏晴空   4月22日发布
• 3 收藏

前言在平时前端开发时，前端代码在浏览器上能很方便的断点调试，那么如果要调试node后端接口的话，该如何实现断点调试呢？配置vscode打开node项目点击左侧调试按钮点击Run and Debug选择语言为nodejs点击设置按钮...

3

MongoDB聚合（aggregate）常用操作及示例

• 浅夏晴空   4月19日发布
• 3 收藏

简介MongoDB 中聚合(aggregate)主要用于处理数据(诸如统计平均值，求和等)，并返回计算后的数据结果。有点类似 SQL 语句中的 count(*)。常用操作表达式描述$match用于过滤数据，只输出符合条件的文档。$match使用...

3

Mac安装oh-my-zsh终端更改终端背景

• 浅夏晴空   4月15日发布
• 3 收藏

背景目前Mac自带的终端不是很好用，好多常规的Linux命令都不支持 比如：ll命令；那么我们可以安装第三方的终端安装国内地址： {代码...} 使用效果如下： 后续如果安装其他的命令需要更改zsh环境变量的话 输入如下...

2

mongodb联表查询

• 浅夏晴空   3月31日发布
• 2 收藏

$group 按某些指定的表达式对文档进行分组，然后将每个不同的分组的文档输出到下一阶段。输出文档包含一个_id字段，其中包含按关键字区分的组这里以文档名称docName为关键字进行分组统计

2

mongoose数据查询or、and、where等用法

• 浅夏晴空   3月26日发布
• 2 收藏

or为 $or 条件指定参数； {代码...} 数据筛选or是或查询满足下面的条件其中之一就可以查询出相关数据如果数据库参数是数组，直接会从数组里面匹配是否包含相关数据 如上：memberand为 $and 条件指定参数； {代码....

9

Chrome浏览器地址栏配置二维码自动生成工具

• 浅夏晴空   3月23日发布
• 6 收藏

打开Chrome浏览器新开一个窗口地址栏输入 chrome://flags/ 搜索qr code 下拉框选择Enable选项 重启浏览器即可 点击需要生成二维码的网页地址栏 出现如下图标 点击小图标即可吧当前网址生成二维码

1

Charles注册

• 浅夏晴空   3月18日发布
• 1 收藏

注册码 {代码...} 操作打开Charles找到help选项-》点击register Charles选项弹出如下输入框输入对应的name和key点击注册即可重启查看已完成注册

19

webpack三两事：浅入深出-原理解析构建优化

• 浅夏晴空   1月28日发布
• 16 收藏

基础知识回顾入口(entry) {代码...} 输出(output) {代码...} loader 预处理loadercss-loader 处理css中路径引用等问题style-loader 动态把样式写入csssass-loader scss编译器less-loader less编译器postcss-loade...

18

年终盘点跨平台技术优劣势对比（Hybrid、RN、Weex、Flutter）

• 浅夏晴空   1月27日发布
• 12 收藏

跨平台技术发展的三个阶段第一阶段是混合开发的web容器时代为了解决原生开发的高成本、低效率，出现了Hybrid混合开发原生中嵌入依托于浏览器的WebViewWeb浏览器中可以实现的需求在WebView中基本都可以实现但是Web...

38

前端攻略-全栈系列（图谱）

• 浅夏晴空   1月25日发布
• 28 收藏

前端知识体系（图谱）前端工程化体系node主流技术栈大纲ReactVueAngularJavaScriptTypeScript跨平台技术大纲跨端技术发展的三个阶段HybridReactNativeFlutterweex小程序快应用ionicCordova性能优化和监控

23

前端知识体系-全系列（图谱+大纲）

• 浅夏晴空   1月25日发布
• 20 收藏

前端知识体系（图谱）前端工程化体系node主流技术栈大纲ReactVueAngularJavaScriptTypeScript跨平台技术大纲跨端技术发展的三个阶段HybridReactNativeFlutterweex小程序快应用ionicCordova性能优化和监控前端知识...

5

Chrome实用插件整理

• 浅夏晴空   1月11日发布
• 5 收藏

本插件支持Chrome、Firefox、MS-Edge浏览器，内部工具集持续增加，目前包括 JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、 网页油猴...