Git操作指南

Git操作指南

整理的一些Git常用命令,以及进阶命令git rebase,从这里你可以学到基础的Git配置命令、分支管理、fetch指令、git撤销、状态查询、文档查询、文件暂存、差异比较、基本操作、git进阶之rebase

阅读更多
前端代码规范简易版本

前端代码规范简易版本

eslint 规范

1
pnpm add eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -D
  • eslint:eslint 核心代码,用于代码校验
  • eslint-plugin-vue:eslint 插件,用于 vue 文件的校验
  • @typescript-eslint/parser:eslint 插件,用于解析 typescript 文件
  • @typescript-eslint/eslint-plugin:eslint 插件,用于 typescript 文件的校验
阅读更多
Mocha完成单元测试
浅谈单点登录

浅谈单点登录

单点登录:用户只需要登录一次,就可以访问多个系统,避免频繁授权
单系统登陆功能主要是用 Session 保存用户信息来实现,但我们清楚的是:多系统可能有多个 Tomcat,而 Session 是依赖当前的 Tomcat,所以 A 的 Session 和 B 的 Session 是不共享的。

阅读更多
Npm、Yarn详解

Npm、Yarn详解

记录日常使用到的 npm 灬 yarn 常用命令

基本命令

查看全局安装的包

bash zsh
1
2
npm list -g --depth 0
yarn global list --depth 0

检测可以更新的包
可选择性更新

bash zsh
1
2
3
4
npm install npm-check -g
npm-check -u

yarn upgrade-interactive
阅读更多
Macos 使用问题记录以及一些简单的技巧
React基础

React基础

基于create-react-app进行React学习,React个人感觉与Vue最大的区别在于高复用性,每一个组件都只做一件事,组件的业务逻辑可以放在父级去做(状态提升)。这与Vue2.0相差甚大,不过随着Vue3.0的到来,Vue也完全可以采取这种方式。弊端是React采用jsx、tsx进行DOM书写,需要额外学习一下语法糖,不过都是小问题🙁

阅读更多
Math basic api

Math basic api

Math 是一个内置对象,它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象。Math 用于 Number 类型。它不支持 BigInt

与其他全局对象不同的是,Math 不是一个构造器。Math 的所有属性与方法都是静态的。引用圆周率的写法是 Math.PI,调用正余弦函数的写法是 Math.sin(x),x 是要传入的参数。Math 的常量是使用 JavaScript 中的全精度浮点数来定义的。

阅读更多
什么是Source Map

什么是Source Map

在日常开发过程中,我们编写的源代码通过多重处理(编译,封装,压缩…),最后形成的产物代码,在浏览器中调试时,我们会发现代码变得面目全非,根本没办法调试。
因此,我们需要一种将产物代码回溯到源代码的功能,Source Map就是实现这一功能的工具。
Source Map的基本原理是,在编译过程中,在生成产物代码的同时也生成基于源代码的一份映射关系表。有了这张映射关系表,我们就可以通过 chrome 控制台中的“Enable JavaScript source map”来实现调试时的显示与定位源代码的功能。
生成Source Map的方式有很多种,他们的构建速度、质量(反解代码与源代码的接近程度以及调试时行号等辅助信息的对应情况)、访问方式(在产物文件中或单独生成 source map)、文件大小都各不相同。在开发和生成环境下我们对 source map 的期望也有所不同。

  • 在开发环境中,我们更关心构建速度、质量,以便于提升开发效率,而不关心文件大小与访问方式
  • 在生产环境中,我们更关注的是,是否需要开启 source map,生成文件的大小和访问方式是否对页面性能造成影响,其次才是质量和构建速度。
阅读更多
AbortController👀
Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×