blog
blog copied to clipboard
Developer27149
My blog on Next.js and TypeScript.
大家好，现在是 2023 年 5 月 13 日上午。不知道大家有没有注意到，前天`Vue`发布了`3.3`版本。我今天才看了一下，新的一些特性非常有用，因此想在这里给还没看过的开发者朋友稍微介绍一下最新的特性和使用案例。  > “This release is focused on developer experience improvements” - 此版本主要专注开发人员的体验提升 ### 总结 “献给时间紧急的朋友 🚀” Vue 3.3 已发布，改进了开发人员体验、新语法和宏以及对 `TypeScript` 的改进。该版本包括通用组件、定义插槽和`emit`类型、定义组件选项以及响应式`props`解构和定义模型语法糖等实验性功能。该版本还包括弃用 Reactivity Transform。新宏之一，`defineOptions`，用于定义...
Hello， 大家好。这里是妙才的周刊第 35 期，这里将会分享笔者每周接触到的科技内容亦或是 Web 开发的一些新知识，甚至是一些有趣的非技术性人、事、物 🚀  > 封面图：象象的猫咪在巡视领地 以下是本周话题： ### Vue Toastification [Vue-Toastification](https://vue-toastification.maronato.dev/)：支持`vue2 和 vue3`的通知组件，扩展性很好，非常适合作为`vue`项目独立的消息通知组件。 以下是一些截图：  这个组件的动画效果还挺不错的，如果需要自定义一些样式也可以通过添加覆盖样式来满足需求。 ### CSS BEM 命名规范 > *here are only two hard...
Next.js v13.4 真的来了  2023 年 5 月 5 日，Tim Neutkens 在 NextJS 官网发布了最新的文章来宣告最新版本`Next.js`正式发布。 今天，就让笔者来分享一下关于`Next.js`最新版本`v13.4`的一些消息吧。 ### Next.js ？ 为了方便不熟悉`Next.js`的朋友阅读本文，笔者先简单介绍一下`Next.js`是什么。 [Next.js by Vercel - The React Framework for the Web](https://nextjs.org/)：Next.js 是一个基于...
每天免费向 chatGPT 4 问一个问题，你会询问它什么？  现在是 2023 年 4 月 24 日，`chatGPT`已经将我国用户完全封锁了，除非我们使用一些非常规的手段来获得使用机会，否则几乎可以说国内用户已经和官方提供的服务绝缘了。 > +gpt 什么是 chatGPT 4 ? > ChatGPT 4 是指 Chat Generator Pre-trained Transformer 4，它是一个预训练的自然语言处理模型，旨在生成与人类对话相似的响应。ChatGPT 4 是 GPT-4...
习惯是如此之轻，以至于无法察觉。又是如此之重，以至于无法挣脱。 ——沃伦·巴菲特  Hello， 大家好。这里是妙才的周刊第`31`期，本周要分享其他的内容如下： ### 哈佛大学Python课程  [Week 0 Functions - CS50's Introduction to Programming with Python](https://cs50.harvard.edu/python/2022/weeks/0/)：考不上哈佛没关系，这里有一份哈佛著名的 CS 50 计算机科学入门课程之一：Python 编程介绍。既可以练听力又能学 Python ！一举两得，希望你喜欢！ > CS50是哈佛大学的一门计算机科学入门课程，旨在教授学生计算机科学的基本概念和编程技能。该课程涵盖了计算机科学的广泛领域，包括算法、数据结构、计算机系统、网络、安全性和人工智能等方面。CS50课程由哈佛大学教授David J. Malan主讲，并且已经成为全球最受欢迎的在线计算机科学课程之一。 ### 堆友...
--- description: 这几天晚上，我打算花点时间直接通关 Vuejs 挑战。 cover: https://user-images.githubusercontent.com/23721611/223744407-a1ee28c4-e490-470c-93b1-5b7549113d23.png ---  感谢[Vue.js挑战 | Vue.js挑战](https://cn-vuejs-challenges.netlify.app/questions/10-lifecycle/README.zh-CN.html)系列文章，本文是笔者自己进行`vue`挑战的知识总结。推荐在阅读时配合[Introduction | Vue.js](https://vuejs.org/guide/introduction.html)“食用”！ > PS：本文全文使用`typescript`和`vue3 options api with setup syntax suger`! ## 内置 API 挑战 ### DOM 传送门 vue...
老舍的《谈幽默》：机智是将世事人心放在X光线下照透，幽默则不带这种超越的态度，而似乎把人都看成兄弟，大家都有短处。  嘿嘿！大家好，新的一周又开始了，下面是上周的周刊内容分享： ### 人工智能代码建议 [Codeium](https://codeium.com/)：免费的人工智能代码建议插件，支持的平台很多：  如果你喜欢 github 的 `copilot`却像找一个免费的人工智能代码工具，非常推荐试试这个工具！ ### VS Code 和 chatGPT 4 [mpociot/chatgpt-vscode: A VSCode extension that allows you to use ChatGPT](https://github.com/mpociot/chatgpt-vscode)：免费的`vscode`插件，不需要`OpenAI`密钥就能使用现在最火热的人工智能模型来辅助编程！ 你可以询问问题，甚至是基于代码进行提问、review 建议、优化等。目前`chatGPT3.5`无限制，`chatGPT4`限制了访问的数量和速率，但是基本不影响使用。 ...
不要让你的热情被磨灭。  我本想在本周一发布本周的分享内容，但是周一开始就被耽搁了，直到今天23:58:30才开始动笔，糟糕的经历。 好了，本周的周刊分享如下： #### PopClip for Mac [PopClip for Mac](https://pilotmoon.com/popclip/) 是一个 MacOS 应用程序，当你使用在系统上选中某些文本之后，为系统增加一个增强性的功能。举个例子，当我们选中一段文字之后，`popClip`将会调用其功能来展示一些功能选项在选择的文本上方（你可以调整这个位置），这样一来就可以实现很多自定义的功能，举个我用到的例子：选择文本，弹出复制、粘贴、搜索、询问 chatGpt 疑问等一系列功能？你想要的是什么功能呢？或许可以在`PopClip`的插件列表这里找到你需要的插件，亦或者自己编写插件。 #### Typewind [Typewind – Typesafe Tailwind](https://typewind.dev/) 是一个为`tailwindcss`提供基于`TypeScript`类型安全功能的辅助库。 良好的代码补全功能，将`tailwindcss`以另一种方式在构建时生成完整的`css`文件。以我个人的视角来看，这种链式书写的方式很棒。 另外，这个库是框架无关的，我们可以将之轻松融合到现有的技术栈里，也就是说我可以同时在`Vue`和`React`中无缝切换地使用。 #### Planetscale [PlanetScale: The world’s...
我用`macOS`苹果系统已经很久了，最开始要算到大四那会折腾了自己的宏碁笔记本装黑苹果，再到后来自己组装`ITX`小主机来装黑苹果。不过最后还是回归白苹果，在很长一段时间内我都有翻译的需求（自己英语不好），并且尝试过好几种方案，比如：词典、系统自带的翻译功能、浏览器翻译插件、浏览器自带的网页翻译功能甚至是独立的翻译软件。  我看到有些朋友也有翻译的需求，因此我想或许我可以分享一下自己的翻译方案。 总的来说，我最喜欢的方案是：独立翻译软件“Bob”！ 没错，就是上面这个应用。我猜这个应用图标应该跟作者本人的长相有一定的关系😂，开个玩笑~ 今天，我来分享给大家我是如何使用这个翻译软件的。 #### Bob简介 [Bob](https://bobtranslate.com/)：一款`macOS`平台的翻译软件，支持`OCR`光学字符识别和强大的插件系统。其界面简洁，结构紧凑，绝对是一款经典的小而美的软件。 其支持的功能如下所示： - 划词翻译 - 截图翻译 - 输入翻译 这些功能涉及的翻译基本都需要第三方API来提供支持，内置的翻译功能比较弱，其官方文档非常简明且精炼，用户只需要照着文档说明就可以轻松配置翻译功能。 #### 使用建议 `Bob`支持配置一系列的自定义快捷键来使用其功能，例如我会选择自己常用的`command+7`来支持选中文本后的翻译功能，亦或是`OCR`截图识别翻译，并且支持配置历史记录和窗口位置和状态。这样一来，可以非常方便的随时切换翻译窗口。 此外，我觉得`Bob`最好用的还是要属插件功能。社区里有非常多的翻译插件，开发者甚至可以定义自己的翻译插件来做自己想做的任何事情。 举个例子，在翻译的同时记录用户的未知词汇，后期进行统计和重复记忆练习等。 #### 推荐插件 我安装了三个非常好用的插件，首先就是：[tingv/bobplugin-google-translate: Bob 的 Google 翻译插件，无需申请 API...
在这像X一样的人生中，我们必须扔掉一些东西，总是要有需要照看的东西，你还有时间。 But ease donot enter into grown-up life. -《The weatherman》  Hello， 大家好。这里是妙才的周刊第27期，本周要分享其他的内容如下： ### 易书 [易书 电子书聚合搜索引擎](https://search.yibook.org/)：免费+资源丰富+无广告的电子书聚合搜索站。 ### Language Reactor [LocalSend](https://localsend.org/)：百万用户量的油管Netflix双语字幕Chrome浏览器插件，如果你想学习英语或者辅助理解英语音频内容，这个插件非常好用。 ### Zsh-autosuggestions [zsh-users/zsh-autosuggestions: Fish-like autosuggestions for zsh](https://github.com/zsh-users/zsh-autosuggestions): 像用`fish shell`一样用`zsh...