跳到主要内容

prefetch 和 preload 等的区别

· 阅读需 2 分钟

网络解析​

  • dns-prefetch：DNS 预解析。<link rel="dns-prefetch" herf="//example.com">；
  • preconnect：不光会解析 DNS，还会建立 TCP 握手连接和 TLS 协议（如果需要)。<link rel="preconnect" href="http://css-tricks.com">；

Godzilla 前端框架简介

· 阅读需 6 分钟

Godzilla 是什么？​

简单介绍下在公司从 0 到 1 参与实现的前端工程化整体解决方案。Godzilla，中文可发音为哥斯拉，一个高度集成的企业级 React 微前端应用框架。Godzilla 框架以低代码理念为指导，封装了众多金融资管业务属性的组件，能够帮助开发人员快速构建项目。除此之外，还可以利用 Godzilla 高效实现旧系统整合、异构技术整合，打造统一用户体验。

理解 JSON Schema

· 阅读需 26 分钟

什么是 JSON Schema？

JSON Schema 是一个描述和验证 JSON 数据结构的强大工具。Schema 可以理解为模式或规则。

优势:

  • 描述现有数据格式。
  • 提供清晰的人机和机器可读文档。
  • 验证数据：
  • 自动化测试。
  • 确保客户端提交数据的格式。

通过测试用例学习前端

· 阅读需 5 分钟

在现在前端工程化的时代，测试越来越显得不可或缺了。当我们封装好了一个些公共组件或类库，我们都要求书写相关功能的测试案例，当测试案例达到一定的覆盖率且都通过的时候才能保证我们封装组件或库是有质量保证，同时也避免开发人员在界面进行手动测试。

NPM 版本升级规则

· 阅读需 2 分钟

NPM 版本规则​

版本号中引用了 ~ 和 ^ 符号：

  • ~：当安装依赖时获取到有新版本时，安装到 x.y.z 中 z 的最新的版本。即保持主版本号、次版本号不变的情况下，保持修订号的最新版本。
  • ~：如果在比较器上指定了次要版本，则允许补丁程序级别的更改。 如果不允许，则允许进行次要更改。
  • ^：当安装依赖时获取到有新版本时，安装到 x.y.z 中 y 和 z 都为最新版本。 即保持主版本号不变的情况下，保持次版本号、修订版本号为最新版本。
  • ^：允许所做的更改不会修改 [major, minor, patch] 元组中最左边的非零元素 。

transform 导致 css 定位异常

· 阅读需 3 分钟

前言​

当在做让浏览器支持字体小于 12px 的功能的时候，遇到了一个奇怪的问题，当我使用了 transform 对内容进行缩小的时候，发现原来的绝对布局的位置有异常。

发版规则

· 阅读需 5 分钟

发布周期​

  • 修订（patch）版本号：每两周会进行日常的 bugfix 更新。（如果有紧急的 bugfix，再需求及方案评估通过后，则可按需发布）。
  • 次（minor）版本号：每月发布一个带有新特性的向下兼容的版本。
  • 主（major）版本号：含有破坏性更新和新特性，不在发布周期内。
  • 每个发布周期的下一周发布 stable 版本。
  • 每个发版周期的上一个周五可以先发布一个 patch/beta 版本进行测试。

写一个 Webpack 的插件

· 阅读需 4 分钟

起因​

某一天突然打包项目代码的时候，突然出现了一大坨的 warning ，具体为 mini-css-extract-plugin 的Conflicting order between 警告。