- Видео 273
- Просмотров 42 146
水哥澎湃
Гонконг
Добавлен 18 июл 2022
🚀 10+ 年 IT 经验 追求透彻 乐于分享 💖
进一寸, 有一寸的欢喜.
进一寸, 有一寸的欢喜.
ts-05丨聊聊协变与逆变丨可赋值性
首先, 不建议过度研究, 然后分享了自己对协变与逆变的理解.
00:00 祛魅
01:09 变形
03:02 协变
05:07 逆变
11:30 小结
#frontend #typescript #前端 #程序员 #协变 #逆变
00:00 祛魅
01:09 变形
03:02 协变
05:07 逆变
11:30 小结
#frontend #typescript #前端 #程序员 #协变 #逆变
Просмотров: 25
Видео
TS-04-对象索引的类型丨变量vs字面量赋值
Просмотров 3616 часов назад
通过3行简单代码, 演示字面量与变量赋值时的区别, 延展到对象索引的类型问题 00:00 基本说明 03:32 拓展示例 10:06 小结和补充 #程序设计 #前端 #frontend #typescript #字量量
JS基础 丨001 - ECMA、TC39、ECMAScript 啥关系？
Просмотров 72День назад
简要说明了 JavaScript 的地位与发展, 介绍了ECMA与T39,以及JavaScript三者之间的关系 00:00 占比大 00:47 发展中 03:37 哪儿练 04:56 简单代码 07:51 注释 10:09 基本要求 11:50 小结 #javascript #frontend #前端 #程序设计 #tc39 #ecmascript
程序员练英语丨通过尤雨溪的一条推特, 学习几个英文单词
Просмотров 9221 день назад
通过尤雨溪的一条推特, 学习几个英文单词。 shout out to / nothing short of 00:00 什么是PR 00:20 推文原文 05:17 评论原文 09:17 PR内容与小结 #english #programming #程序设计
TS 基础知识分享丨type丨联合类型丨交叉类型
Просмотров 5621 день назад
分享类型即范围的认知, 演示使用 type 定义新类型, 以及定义联合类型, 交叉类型. 00:00 类型即范围 02:57 type 06:11 联合类型 07:50 交叉类型 15:03 小结 #typescript #programming #frontend #联合类型 #交叉类型 #type #前端 #ts小技巧
TS 应该少写一些丨类型推导
Просмотров 957Месяц назад
个人观点: 尽量用类型推导, 让代码更有可读性. 00:00 抛出观点 00:17 简单类型 02:15 对象 04:07 函数 06:27 默认值 08:07 请求结果 09:09 联合类型 10:25 已有类型 12:35 小结 #typescript #typeerror #frontend #typeof #type #前端 #ts小技巧
前端找工作丨都要求会TypeScript?
Просмотров 1092 месяца назад
根据自己的理解, 分享使用 typescript 的三个优点: 1.报错提前. 减少排错时间 2.代码提示. 减少记忆,快速输入,避免敲错 3.重构时问题提醒 00:00 引言 00:11 优点1-错误提前 04:36 优点2-代码提示补全 06:06 优点3-确保重构稳健 07:05 小结 #typescript #typeerror #frontend #前端 #ts小技巧
TS小经验丨把数组的元素值变成类型丨typeof、as const
Просмотров 482 месяца назад
通过一个代码示例说明需求，结合两个知识点实现了需求。 00:00 需求说明 01:06 代码实现 #typescript #typeof #前端 #ts小技巧 #as const
TS小经验丨把对象的值变成类型约束丨typeof、keyof
Просмотров 893 месяца назад
通过一个代码示例说明需求，结合三个知识点实现了需求。 00:00 需求 00:57 分析 01:29 操作 04:57 小结 #typescript #typeof #keyof #前端 #ts小技巧 #as const
TS小经验丨类型不一致丨as const 范围收窄
Просмотров 563 месяца назад
通过一个代码示例, 演示错误, 分析问题, 然后使用 as const 解决 00:00 问题呈现 01:38 分析 03:20 解决 #typescript #前端 #ts小技巧 #as const
TS小经验丨父类型与子类型关系丨允许多,不能少
Просмотров 764 месяца назад
分享自己对父类型与子类型的理解. 00:00 父类型-子类型 03:50 理解报错 #typescript #前端 #ts小技巧
TS小技巧丨联合类型中,只保留含有指定内容的
Просмотров 534 месяца назад
从推特上学到在模板字符串中使用 ${string} , 来对联合类型进行过滤 00:00 使用keyof 02:06 结合${string} 04:45 包含过滤 #typescript #frontend #前端 #ts技巧
10分钟掌握 trpc 中间件的全部8个点
Просмотров 574 месяца назад
首先对"中间件"的概念进行解释, 然后先介绍下面知识点: 1.基本写法与执行时机 2.验证处理 3.后置处理 4.扩展 ctx 5.代码抽离 t.middleware 6.use(中间件)得到新的procedure 7.合并 procedure 8.合并 middleware 00:00 什么是中间件 00:56 基本写法 03:32 用于验证 04:50 后置处理 07:24 ctx扩展 09:41 代码抽离 11:46 其它 #trpc #前端 #nextjs #context #middleware #procedure #frontend
trpc 的 context 处理丨3步搞定
Просмотров 144 месяца назад
3步搞定nextjs trpc下的context处理 00:00 整体说明 00:59 封装函数 03:41 配置 04:28 检查结果 #trpc #前端 #nextjs #context #frontend
【简单】NextJS 中如何使用 tRPC
Просмотров 444 месяца назад
本节视频演示了在 nextjs 中是如何使用 trpc 的 00:00 搭建 01:00 服务端 05:16 客户端 #trpc #next #frontend #前端
tRPC 核心概念丨服务端和客户端丨router & procedure丨query & mutation
Просмотров 564 месяца назад
tRPC 核心概念丨服务端和客户端丨router & procedure丨query & mutation
Astro 使用JavaScript脚本 - 给Hamburger组件添加点击事件
Просмотров 515 месяцев назад
Astro 使用JavaScript脚本 - 给Hamburger组件添加点击事件
Type annotations 确实不需要，毕竟极大部份情况下compiler比人还要精确。不止代码更干净，也少了不必要的代码维护
非常棒的教程，清晰明了，易理解，，很适合入门，看了好多你的教程了，谢谢。
谢谢你的肯定😁
增加可读性 挺好的
請問這項目的後端是可以公開開放使用嗎？
Vue3项目中接口服务器到期, 接口改成如下: const request = axios.create({ baseURL: "mock.apifox.cn/m1/2401164-0-default", })
的確，很多初學TS的同學，就像拿著鐵鎚，看到什麼都像釘子。 好像字數是KPI的一部分一樣
也说到我心里了. 之后的视频中想用这个比喻的😁
TS最初是微軟首席架構師發明的，本意是為了大型應用程式、專案而存在，目的是解決多人共同編輯，常常因誤用型別導致JAVASCRIPT BUG發生。 應該要告訴大家什麼情況下建議直接使用JS，而什麼情況下建議一定要使用TS。 故標題有點誤導，本質不存在TS少寫議題，而不同專案類型，應審慎評估要使用的語言和工具，才能大幅避免很多前人踩到過的雷點。
水哥好呀，您啥时候讲讲React Native，就那个应用比讲语法更容易吸引粉丝
这个...难了. 因为我是一点也不会~😅
typescript 的提示真的方便，但是要先做繁瑣的定義，先花時間節省後面的時間
我后续的内容就是针对 "先做繁琐定义", 尝试分享如何尽量的 化繁为简😁
很有用， 一直找地方打印 真是太累了。 谢谢分享
谢谢评论留言😀
第一次见这么详细的教程，订阅了❤
39.97.218.60 ping不通, 502报错
Vue3项目中接口服务器到期, 接口改成如下: const request = axios.create({ baseURL: "mock.apifox.cn/m1/2401164-0-default", })
666
謝謝水哥教學👏一鍵三連支持🙌
谢谢评论留言😀
👍👍
谢谢你的鼓励😀
對了版主分享的 type Key = keyof Obj & {} 能夠檢視到具體型別的技巧 使用在 enum 好像就無法看到 先定義一個字面值列舉變數為 enum Enum { North = 'north', South = 'south', East = 'east', West = 'west' } type enumNames = keyof typeof Enum type enumValues = typeof Enum[enumNames] & {} 這樣也僅顯示 type enumValues = Enum QQ
import { ElMessage, ElMessageBox } from 'element-plus';
謝謝！很棒的小技巧
谢谢评论留言😀
看到水哥發布ASTRO實作的第一時間就想趕緊收看🤩 礙於事務繁忙，近期終於有空隨自己步調開始一集集學習起來🙌 這個目錄結構的操作和NUXT好像呀(也看過水哥NUXT教學系列🙋♂)
谢谢评论留言😁
非常感谢，大陆几乎看不到Astro教程，还得是油管😂
哈哈. 谢谢评论留言
这次我给你点赞啊！你就这么做会成大v，以前的视频水的没法看。就这么规则走。辛苦一点但是有价值啊。
你是指什么？ 这节视频只是提前踩坑了，然后告诉大家。还有就是代码以图片形式，减少时间。现在看读英文似乎没啥必要。导致视频还是太长。
水哥这次选题经典
第一，是自己要学习了解的。第二，同时准备基础知识了，希望观众基数能大一些😁
Thanks for the video, could you put the link to the repository...
Hello, after I finish recording this series of videos, I will post the code repository address.😀
github.com/2xx/astro-blog shuige-haha.netlify.app/
Muchas gracias... 🙂🙂🙂
水哥 现在nextjs在国外是比用的框架，你可以简写它的案例，这样容易吸粉
好的. 关于nextjs, 我还想把文档过一下. 之前的demo练习不够简炼, 也不够全面. 案例, 我是想学习国外大佬的案例, 然后用自己的语言录制, 哈哈哈哈
想问个问题 就是打包后 element plus 组件整个丢失了，开发时一点问题都没有，这是什么问题啊
报歉, 后续的实际部署, 我只做了两次, 没有遇到你说的情况. 另外你说的组件丢失, 是样式丢失, 还是说连同element元素也丢失?
@@shuidi 我找到问题了 是 vue-router 的问题， vue-router 必须得用hash 路由， 我的是electron 项目， 谢谢您的回复
@@user-matriox1003 也谢谢你分享的经验😃
又見水哥🤩簽到✍
谢谢留言😁
太快了，水哥，
我想着快点更新完这个, 然后做别的内容. 也想着尽量多发视频😄
终于又见水哥
哈哈.视频没播放有点泄气. 调整心态继续努力😁
簡單明瞭～感謝
谢谢你对视频的肯定
推
谢谢你的评论留言
水哥什么时候讲讲rust ，就爱听您讲的，一听就懂
我可是一点都不会~~
水哥教程很教人受益，感谢
谢谢你的评论留言😁
學到了
感谢评论留言😀
謝水哥教學
谢谢你的评论回复😀
@@shuidi 水哥無私教學 祝福您一生平安 上廁所都有衛生紙
剛起步學習Nuxt，官網文檔容易消化不良，中文教學材料稀有，謝謝老師分享~
谢谢你的评论回复😀
水哥，国内nextjs跑起来后，不能走vpn代理，做不了google授权登录等服务。应该是nodejs不走代理的原因，有没有解决方案？
这个...我目前还没试. vpn 一般会有全局代理, 你可以试试. 我在用npm或git时偶尔会用全局代理解决.
@@shuidi 有时会发现，终端不走全局代理
@@mecil9 将代理端口号，设置上去。 clash默认代理端口号 7890 设置如下： git config --global http.proxy 127.0.0.1:7890 git config --global https.proxy 127.0.0.1:7890 取消代理 git config --global --unset http.proxy git config --global --unset https.proxy 这是我的一些经验, 供参考. 端口号需要取决你自己本地情况
@@shuidi 水哥，发现问题了。nodejs服务走它自己的通道，不走vpn。是vpn软件设置的问题。要让clash开启增强模式才行，也就是要打开TUN通道。不然nextjs服务走不了vpn。谢谢答疑解惑！
@@mecil9 谢谢你的经验分享😁
水哥讚!感謝你的教學與分享！
谢谢您的评论留言😁
The content of this lesson is both important and excellent
谢谢夸奖😁
你好，看了你的zustand讲解，很赞！可以分享那个代码输入的插件是什么吗
因为我乱装了一些. 另外我备课的时候敲了一遍, 所以录制的时候提示就比较准确了. 我用的是国内免费的 CodeGeeX
你好，很棒的讲解。请问代码输入时的vscode插件是什么
谢谢. 我用了 CodeGeeX 应该是这个辅助插件.
中国需要水哥这样的好人
哈哈哈哈， 谢谢夸讲😁
跟新这么多了，水哥威武
😁 是在努力中
继续点赞，终于录制速度起来了，加油
嗯... 我继续努力
点赞....
谢谢点赞支持...无以为报，唯有加速录视频😁
必须继续点赞
谢谢点赞评论支持😁🤝
赞起来！.... 等待下一集
多谢评论. 我会加油的~
没声音😂水哥
上传后,提示有版权问题,给静音掉了😂
贊～感覺在切版用選取器時，就不用滾輪一直上下確認怕寫錯，但還是要看實戰開發的體驗哈哈
催更，催更奥...。 关注水哥
嗯。收到。刷短视频有点停不下来~😅
必须点赞！ 学技术 又学英语
为更好的发展准备着😁
支持一下！ 嗯好
学了技术，又学学英语~ 博主辛苦
谢谢支持😀