JavaScript 中简写逻辑运算符 ?? 与 || 的区别

?? 与 || 的区别

1)相同点:

?? 和 || 的用法相同,都是前后是值,中间用符号连接,根据前面的值来判断最终是返回前面的值还是后面的值。

One ?? Two One || Two

阅读全文 »

Angular 开发代理配置

Angular 开发代理配置

代理可以将全部请求都代理走,包括路由,之前不小心写了*,结果无法匹配路由。所以一定要加上指定规则。

  • {
  • "/api/*": {
  • "target": "http://localhost:3700",
  • "secure": false,
阅读全文 »

git 仓储功能

执行仓储

git stash -m '仓储标记',如果不增加-m标签,标签会使用最近的commit记录。

查看仓储列表

git stash list

释放仓储

阅读全文 »

canvas 文本自动换行 实显

主要是利用 canvas 的 measureText API

方法名 描述
TextMetrics measureText(DOMString text) 返回一个TextMetrics对象,包含的width属性代表传入文本的像素宽度,该宽度是基于当亲啊的字形而计算出来的。

具体实显

  • // 文字自动换行
阅读全文 »

Angular 16 新特性

Angular 16 is come

在之前的 Angular v15 中,Angular 团队通过将独立 API 从开发者预览版升级至稳定版,在 Angular 的简易性和开发者体验方面达到了一个重要的里程碑。如今,Angular 将继续这一改进的势头,发布了自 Angular 最初推出以来最大的一次版本更新;在 Reactivity、服务器端渲染和工具方面取得了巨大的飞跃。 ng16

重新思考 Reactivity

作为 v16 版本的一部分,Angular 带来了全新的 Reactivity 模型的开发者预览,它为性能和开发者体验带来了显著的改进。

完全向后兼容并可与当前系统互操作的,并且能够:

阅读全文 »

moment.js 的新变体项目 Luxon.js

This is not meant to be a comprehensive showcase of Luxon's capabilities, just a quick flavoring.

  • Info.features() // => {'relative':true}
  • DateTime.now() // => [ DateTime 2023-06-04T10:15:57.197+08:00 ]
  • DateTime.now().toUnixInteger() // => 1685844957
  • DateTime.now().toJSDate() // => [ Date Sun Jun 04 2023 10:15:57 GMT+0800 (中国标准时间) ]
  • DateTime.utc().toISO() // => '2023-06-04T02:15:57.220Z'
阅读全文 »

Angular 项目中 tsconfig.json 与 tsconfig.app.json的作用

Angular 项目中 tsconfig.json 与 tsconfig.app.json的作用

今天在新布属一个多project项目时,按照以往的理解,设置好 path 的 tsconfig.json 与 tsconfig.app.json 时发显,打包、启动项目都没问题,就是IDE一直标红。

因为平时的项目打多都是单project,若有问题也就直接改tsconfig.josn了,也没太在意这个问题。

也是多方查询了一下资料,也没找到原因,更没有解决方案。

阅读全文 »

音乐播放器

开发思路

之前把网易云音乐的IFRAME加到侧边栏,这样虽然可以收缩,但在进入文章时侧边就会和文章导航挤在一起非常不友好。后面就准备做一个音乐播放器的收缩插件。

思路是正常打开页面,左侧会有一个音乐播放的图标,点击图标会通过动画打开个界面,里面装载着音乐播放器,点右上角的关闭按钮,再隐藏音乐播放界面。

过程

阅读全文 »