blog
blog copied to clipboard
Developer27149
My blog on Next.js and TypeScript.
--- description: 大家好~今天继续给大家带来我的新周刊内容。 cover: https://github.com/Developer27149/blog/assets/23721611/3c5f8d90-980e-45c3-8e0e-f3921fed1fd8 --- hello 大家好~今天继续给大家带来我的新周刊内容。  > 封面图：大耗子咪咪 OK！继续来分享上一周接触到了一些讯息！ ## 编程字体预览 [Programming Fonts - Test Drive](https://www.programmingfonts.org/)：支持 `132` 种编程字体效果预览，轻松找到一款你喜欢的字体。 ## Verctorizer AI [Trace Pixels To Vectors in Full...
--- description: 给 JavaScript 开发者关于 JavaScript 函数的建议。 cover: https://github.com/Developer27149/blog/assets/23721611/e861d7e8-86d4-408f-9ef7-6862835e7751 ---  ## 创建简明函数 > 声明：实际开发中的代码可能会更加复杂，后续的示例将尽可能简单。 编写简明的 JavaScript 函数需要注重的有以下几点 - 简明的函数名 - 结构良好的函数参数 - 简明的函数注释（可选） 其中，函数名即变量名，因此我可以参考上一篇关于变量的命名建议来命名。其次，函数参数不宜超过 2 个，单一的函数参数易于测试。 超过两个函数参数就可以使用对象进行传参，并且使用`ES6`的解构语法进行解构。使用对象传参和对象解构能提高可读性，阅读者可以通过函数签名轻松了解函数参数。而在函数内，开发者也可以灵活地使选用传入的参数来处理自己的逻辑。 在函数解构的时候将会从传入的对象克隆其原始数据类型的属性，而对象和数组不会进行克隆，在使用的时候需要明确这一点，以免修改了外部的属性，从而引发难以察觉的`Bug`。 通过解构还有一个好处，那就是诸如`ESLint`此类工具可以检测开发者解构了未使用的变量，这对于优化代码可读性和整洁性很有帮助。...
--- description: 给 JavaScript 初级开发者关于变量的一些建议 cover: https://github.com/Developer27149/blog/assets/23721611/433603f0-6583-44ab-a195-a89768b36e17 --- ## 含义明确且可发音朗读的变量名 举个例子，我们需要一个变量保存当前的日期 ```js // 不够好的命名 // momentjs 提供的格式化函数，将给定特殊的字符串匹配模式传入生成一个与之匹配的字符串 const yyyymmdstr = moment().format("YYYY/MM/DD"); // 推荐的命名 const currentDate = moment().format("YYYY/MM/DD"); ``` ## 可搜索、可重用的名称...
--- description: 第一次吃大闸蟹，这滋味简直回味无穷啊！ cover: https://github.com/Developer27149/blog/assets/23721611/c27d919e-2266-4dfe-a383-1911caaa2142 --- hello 大家好~今天继续给大家带来我的新周刊内容。 > 苏州的大闸蟹真好吃啊！ > > 首先去买两只大闸蟹，首选青背百肚黄毛的大闸蟹。其次准备生姜切丝、大蒜切丝，热水半开后捆绑放入开蒸一分钟，然后开盖将之翻肚皮放置，撒上之前的生姜大蒜丝，给每只大闸蟹肚子淋上一勺黄酒或白酒，中火十分钟后再熄火焖上三分钟。这三分钟期间可以小块生姜切碎配上两勺醋和一勺生抽搅拌做酱料。  > 封面图：大耗子咪咪 OK！继续来分享上一周接触到了一些讯息！ ## 重生之我是土耳其人 [[最新教程] 国内用户订阅土耳其区 iCloud+ 攻略 - Justin写字的地方](https://zblogs.top/how-to-subscribe-to-turkey-icloud/)：这篇博客分享了作者如何创建土耳其苹果账户并且进行充值，订阅了低价的`icloud`空间共享给国区家庭用户的教程。如果你需要较多的苹果`icloud`存储空间，可以考虑考虑这个方法。 最新消息：土耳其区的`icloud`订阅价是国区的一半。 > 最最新消息，算了还是闲鱼厉害（啥都有，真的省钱） ## Logo...
--- description: 今天分享的是一份我的特殊周刊。 cover: https://github.com/Developer27149/blog/assets/23721611/ce509ac2-369f-4b6c-bee6-a57cb9502921 --- 今天分享的是一份我的特殊周刊。 学生时代见到台上某些人在分享自己的一些观念、经历、成果等等，无一例外都是些能“激励人心”的东西。谢谢分享，那些激励至少能在我身上发挥三分钟到三天时间的效果。 我一直觉得让自己保持自律是一件反人类的事情，对我来说，给自律做事的人献上掌声简直是最自然不过的事情，而那些能保持自律成自然的人，我更是由衷地佩服（无论对方在自律做什么事，无论什么事）。 或许像笔者这样的普通人，有时候需要的并不是更多“激励人心”的东西，而是反过来。 今天，我来分享一些最近自己没有坚持做完而半途而废的项目（小玩具）或学习经历。 > 此刻在听《Speechless》Dan + Shay (网易云音乐) ## Rust CLI Rust 是新世代的系统级编程语言，我或许可以学习一下，未来可以给自己写一些系统小应用。 某个时间点，我看到[[sharkdp/bat: A cat(1) clone with wings.](https://github.com/sharkdp/bat/blob/master/doc/logo-header.svg)](https://github.com/sharkdp/bat/blob/master/doc/logo-header.svg)这样的 CLI 工具，它完全由`Rust`开发。相对于老旧传统的`cat`命令来说，简直华丽无比。或许我可以学习`Rust`，然后把自己那么喜欢的`Terminal`小工具都给重新写一遍！ ......
--- cover: https://de4965e.webp.li/blog-images/2024/08/18a5cd57026124622fb19fa53766745f.png description: 学习 html canvas 技术 --- # Canvas 通过`HTML`的`canvas`元素和`JavaScript`，我们可以在浏览器环境下绘制各种图形、创建动画、数据可视化，照片处理和实时视频处理等功能。 ## Basic Example HTML canvas element exmaple: ```html ``` JavaScript: ```js const canvas = document.querySelector('#canvas') // 获取元素 const...
hello 大家好~今天继续给大家带来我的新周刊内容。 这一周接触的讯息较少，因此周刊稍微分享一下我自己在用的谷歌插件吧！  > 封面图：我的小闪电⚡还挺喜欢新的猫抓板的嘛！ OK！继续继续！作为一个`Chrome 插件`重度使用者和开发者，今天我就来分享分享我自己在用的 chrome 插件！排名不分先后！ ### 扩展管理器（Extension Manager）  [扩展管理器（Extension Manager） - Chrome 应用商店](https://chrome.google.com/webstore/detail/extension-manager/gjldcdngmdknpinoemndlidpcabkggco?authuser=1 "扩展管理器（Extension Manager） - Chrome 应用商店")：快速管理我的所有扩展程序，相对于谷歌官方的管理页面来说会更好用一些。 ### Thunder下载管理器  [Thunder下载管理器 - Chrome...
这一周特别想分享看圆桌派的时候听到的一句话，大致意思就是：“当我们没有获得 60 分的满足时，我们很容易会去追寻 100 分的满足，而追寻 100 分的满足注定只会感受到深深的孤独感。”  > 封面图：我的小闪电⚡ OK！继续来分享上一周接触到了一些讯息！ ### Atropos  [[Atropos - Stunning touch-friendly 3D parallax hover effects](https://atroposjs.com/)](https://atroposjs.com/ "Atropos - Stunning touch-friendly 3D parallax hover effects")...
Hello， 大家好。这里是妙才的周刊第 45 期，这里将会分享笔者每周接触到的科技内容亦或是 Web 开发的一些新知识，甚至是一些有趣的非技术性人、事、物 🚀  > 封面图：咪咪 以下是本周分享的内容： ### Vidhub  Vidhub 是一款可以挂载`SMB`、`WebDAV`、`谷歌云盘`、`阿里云盘`、`百度网盘`等云盘服务的资源管理软件，其主打视频管理和媒体播放功能，目前仅支持`MacOS`客户端，其他客户端正在开发中。  笔者体验挂载了阿里云盘，查阅文件和播放视频都很方便，目前可以作为免费版的`Infuse`食用 😂 ### Million  Banner](https://raw.githubusercontent.com/aidenybai/million/main/.github/assets/banner.png) [Million.js](https://million.dev/) 使用和`React`不同的虚拟`DOM`算法，仅需在原`React`组件外包装一层`million/react`的`block`函数，即可加速组件更新效率 `70%`! > Github stars 超...
Hello， 大家好。这里是妙才的周刊第 44 期，这里将会分享笔者每周接触到的科技内容亦或是 Web 开发的一些新知识，甚至是一些有趣的非技术性人、事、物 🚀  > 封面图：我的小闪电~ 以下是本周分享的内容： ### Driverjs  [Driver.js](https://driverjs.com/) 是一个用户提供产品用户引导交互效果的第三方 JavaScript 库，使用 TypeScript 编写并且无第三方依赖。如果你的产品需要做一个新手引导交互，或许可以考虑[Driver.js](https://driverjs.com/)! 这个库的用法非常简单，直接使用`CDN`脚本或`npm`安装都可以，举个例子： ```js import { driver } from "driver.js"; import "driver.js/dist/driver.css";...