null >= 0,你觉得这个答案是什么?
彻底理解浏览器的缓存机制
最近有点抽不出时间写博客,博客的 todo List 已经堆积了很多可写的点,但是都还没研究,所以这次就还是写写基础知识吧。
写写 Git Subtree
最近做到了公共代码抽离到单独仓库的一个工程优化,代码很早就择出来了,但是技术方案迟迟没定,是用 npm 私库?submodule?subtree?🤔🤔🤔
当然看到这篇博客,你就知道我最后肯定选到了 Git subtree 方案,下面就随我一起一步步探索
背景
首先先谈谈开发背景,我司前端项目经过了一系列拆分,现在分为 A 项目、B 项目 pc 端、B 项目移动端、C 项目 pc 端、C 项目移动端…茫茫多,由于当初是从同一个项目仓库里拆出去的,导致当初很多公共依赖的代码,也分别拆到了各个项目里去。
好,问题来了,在 A 项目里定义的公共常量 const common = '向我看齐~'
要改成 const common = '向我看齐!!!'
,那么就需要开发去各个仓库把这段代码都拉齐,慢慢的工作量也会逐渐加大,毕竟如果漏了哪个仓库没复制…@(&#@#@#%^&%。
前端领域的 Docker
疫情当前,一直在家待着无聊,就想去看看 Docker 的基本原理,对于前端来说, Docker 有哪些便捷的地方。
Docker 和传统部署方式最大的不同在于,它将不会限制我们使用任何工具,任何语言,任何版本的 runtime,Docker 将我们的应用看成一个只提供网络服务的盒子(也即容器),Kubernetes 则是对这些盒子进行更多自动化的操作,自动创建,自动重启,自动扩容,自动调度,这个过程称之为容器编排。
在今天,容器编排技术给 Web 应用带来了巨大的灵活性,让我们轻松创建需要的程序对外提供服务。和传统的 IaaS 相比,不需要去关心云主机申请,云主机配置等信息,也不需考虑云主机故障导致的服务不可用,由 Kubernetes 的副本控制器帮我们完成云主机故障发生后容器迁移。
关于React˙Ⱉ˙
˙Ⱉ˙最近的工作一直在使用React,已经差不多五个月了,想给自己写些对react的一些思考和总结。也记录一下当初刚上手时的疑惑,方便后续自己回顾。
网上各种言论说 React 上手比 Vue 难,可能难就难不能深刻理解 JSX,或者对 ES6 的一些特性理解得不够深刻,导致觉得有些点难以理解,然后说 React 比较难上手,还反人类啥的,怀揣着敬畏之心,发现其实也没那么的复杂嘛…
通过需求学习JSON.stringify()
最近有用到JSON.stringify()
的一系列操作,刚巧我们公司的面试题库有一道是将json转为字符串。所以就去研究了一下强大的JSON.stringify()。顺便记录下这个东东到底有多神奇多厉害。
首先我们在开发的过程当中遇到这样一个处理数据的需求。
css-preprocessor
随着前端工程化的不断完善,CSS 预处理器已经成为项目中不可缺少的部分,很多人在项目技术选型阶段就会先选择一个 CSS 预处理器,绝大部分前端工程的脚手架也内置了一系列的 CSS 预处理的模版,大家已经习惯了享受 CSS 预处理器带来的书写代码的灵活流畅,反而将原生的 CSS 冷落在一旁。
可能许多前端开发人员依然觉得 CSS 预处理器属于比较新的技术,其实不然,最早的 CSS 预处理器 Sass 从 07 年诞生距今已有 12 年,相对较新的的 Stylus 也已发布 9 年了。
前端的技术栈发展突飞猛进,W3C 的 CSS 工作组也一直在持续从社区汲取营养,加快 CSS 的迭代。那么到现在为止,CSS 是否可以取代 CSS 预处理器的地位?CSS 预处理器会不会成为 CSS 过渡时期的产物呢?
react-hooks
React 是主流的前端框架,v16.8 版本引入了全新的 API,叫做 React Hooks,颠覆了以前的用法。
这个 API 是 React 的未来,有必要深入理解。本文谈谈我的理解,简单介绍它的用法,帮助大家快速上手。
阅读本文需要有 React 基础。如果你还没学会 React,可以先看一下它的教程。
web-components
组件是前端的发展方向,现在流行的 React 和 Vue 都是组件框架。
谷歌公司由于掌握了 Chrome 浏览器,一直在推动浏览器的原生组件,即 Web Components API。相比第三方框架,原生组件简单直接,符合直觉,不用加载任何外部模块,代码量小。目前,它还在不断发展,已经可用于生产环境。
Web Components API 内容很多,本篇博客不是全面的教程,只是一个简单演示,大家可以看一下怎么用它开发组件。
css3-transform-matrix
讲道理这个属性其实我很早就接触过了,但是只会最简单的几个方法,这次机缘巧合下,做了移动端的双指缩放功能,所以重新啃起来matrix属性。
当看到上面“Matrix(矩阵)”的时候,难免会心生畏惧(即使你已经学过),正常心理。实际上,这玩意确实有点复杂。
一般来说,CSS门槛低,无需程序基础或数学逻辑能力,也能做出点自我感觉不错的东西。然而,一般能轻松学到的东西,别人也都可以_(:з」∠)_。因此,想要在css里面持续深耕,就要学到一般人学不到的深度,学到一般人学不了的东西。那么matrix是你的不二选择ヾ(◍°∇°◍)ノ゙。