若川视野

其他

分析 vant4 源码,如何用 vue3 + ts 开发一个瀑布流滚动加载的列表组件?

获取元素的大小及其相对于视口的位置https://vant-contrib.gitee.io/vant/#/zh-CN/use-rect获取元素的大小及其相对于视口的位置,等价于
2023年2月16日
其他

跟着 vant4 源码学习如何用 vue3+ts 开发一个 loading 组件,仅88行代码

https://router.vuejs.org/zh/api/index.html#router-view-%E7%9A%84-v-slot[13]
2023年2月14日
其他

聊聊 npm 的语义化版本(Semver)

规范实际上,语义化的版本控制并不是一个创新性的想法,即便我们不知道这些,我们也在做类似的事情,但一个明确的规范将会让版本逻辑更清晰的传达给其他开发者。所以由
2022年9月7日
其他

读者问我:如何管理好时间和制定有价值的目标

写于2017年07月09日23:29。现在整理重新发下。”最近又有小伙伴问我,我是如何管理自己的时间的。他下班后就很晚了,回家只剩一两小时自由时间了。根本没时间参加我组织的源码共读。“工作很累,确实完全不想动,我也一样。但我觉得还是觉得就看想不想看了,真正专注想学习的话还是能抽一些时间学的。这时候我想起张鑫旭大佬的一篇文章《学不进去,没时间学怎么办?》,分享给大家。我们不需要像大佬那么拼,虽然比我们优秀的人比我们还努力。利用好业余时间,把任务拆解,每天做一些,一周也差不多能做到一定程度了。假如能坚持一年做一些事,一定能有所小成。而且某种意义上来说能够超过很多人。公司会制定一系列目标,个人也可以制定一些目标,有利于自我学习成长。那么看我这篇文章可以告诉你如何制定有价值的目标。会制定有价值的目标,绝对超越很多人。SMART原则王健林之前说定个小目标,先赚它一个亿。然后就火了一把,各种推文,主要是关于定计划的。我清晰得记得有一天早上,去上班时路过一所学校,广播里校长引用了王健林这句话。其实目标管理要量身定做,且有一定原则。这时召唤下同级校友做的一页PPT,SMART原则。助力目标管理-SMART原则如果转换成简单好记一点就是:什么时间内,做什么事情,做到什么程度。记录时间不过定目标不是那么容易,可以试着记录自己一周的时间或者说一个月的时间都做了什么。关于如何记录可以利用艾力老师的
2022年9月1日
其他

前端好还是后端好,看看7年前端和后端怎么说

年的前端和后端同学的想法。同时在看这篇内容的朋友也藏龙卧虎,大家也可以各抒己见,说说自己对当前工种的看法,给新同学一点帮助。我在阿里招前端,我该怎么帮你?(现在还可以加模拟面试群)如何拿下阿里巴巴
2022年8月22日
其他

如何在繁重的工作中持续成长?

里面的收集阶段,但是又不完全一样。「我在记录的时候会明确的将这件事情打上标签」,比如:「工作执行上的」:老板临时安排了一件什么工作、昨天评审了一个需求;「技术写作上的」:刚刚收到邮件,Chrome
2022年8月18日
其他

还在用开发者工具上传小程序? 快来试试 miniprogram-ci 提效摸鱼

包含包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue
2022年8月16日
其他

Web 3.0 到底是什么,未来会如何发展?

MetaTribe(M.T)DAO发起人,曾与朋友合著书籍《区块链:重塑经济与世界》。汇集了老郭多年来身处行业的深度思考和最前沿的观察。所以,通过这门课程,你不仅可以了解到
2022年8月11日
其他

Git实战进阶教程

--amend就可以修改上次提交,需要注意的是上一次提交并没有被删除,只是没有分支引用,变成了游离状态,在未来的某个时间会被
2022年8月2日
其他

听说你还在用开发者工具手动上传小程序,快来试试 miniprogram-ci 提效摸鱼

使用的时候接收参数和配置对象。2CI抽象类:BaseCIpackages/taro-plugin-mini-ci/src/BaseCi.ts(代码有删减):import
2022年5月6日
其他

GitHub 最受欢迎的Top 20 JavaScript 项目

Promise.all(input);console.log(result);GitHub:https://github.com/sindresorhus/p-limit9.
2022年4月5日
其他

超4000人参加源码共读,喊你来一起学习成长~打开新世界

进群,拉你进群,一起学习共同进步。微信公众号订阅号改版,你可能经常看不到我的消息推送。如果不想错过我的公众号推送,可以点击上方卡片——点击更多(...)——设为星标,就不容易错过了。感谢~
2022年4月5日
其他

Web:你知道我这十几年是怎么过来的吗?!

启动为开发者提供了一种在浏览器中进行编辑的简便方法。网页设计博物馆保留网页设计的历史。https://www.webdesignmuseum.org/Photopea由一个人开发的
2022年4月3日
其他

一直惧怕看源码?来参加源码共读活动教会你学会看源码

大家好,我是若川。按照从易到难的顺序,前面几期(比如:validate-npm-package-name、axios工具函数)很多都只需要花2-3小时就能看完,并写好笔记。但收获确实很大。开阔视野、查漏补缺、升职加薪。已经有400+笔记了~有的人因为参加活动学以致用,得到了公司的1000元奖励。从8月份到现在2月份了。每周一期,一起读200行左右的源码,撰写辅助文章,截止到现在整整6个月了。由写有《学习源码整体架构系列》20余篇的若川【若川视野公众号号主】倾力组织,召集了各大厂对于源码感兴趣的同学共同参与,每周一起学200行左右的源码。目前近3000人参与。为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。这事也不赚钱,但也算是尽全力了,花费了很多时间在上面。当然现在还有很多问题:比如参与度不高,需要持续迭代优化。虽然很难,但目前没有放弃的想法,坚持做难且正确的事情。扫码加我微信
2022年3月6日
其他

若川的 2021 年度总结,弹指之间

1前言从2014年开始,每一年都会写年度总结,已经坚持了7个年头。7年的光阴就是弹指之间,转瞬即逝。正如孔子所说:逝者如斯夫,不舍昼夜。回顾2014,约定2015(QQ空间日志)2015年总结,淡化旧标签,无惧未来(QQ空间日志)2016年度总结,毕业工作2017年度总结,一如既往2018年度总结,平淡无奇2019年度总结,波澜不惊2020年度总结,水波不兴如今第8年了,2021年的年度总结比往年晚很多。本打算1月份,在回家前写完,无奈,工作比较忙,周末和工作日完全都提不起兴趣继续撰写。此刻,正在回家的高铁上,看着窗外的风景,继续完成2021年的年度总结。此刻,正在江西老家继续把写完。回到家手机都很少拿起,电脑更是很少打开。此刻,正在返回的高铁上,看着窗外的风景,继续完成2021年的年度总结。写了好多此刻,都被我删了又保留了。此刻还是回到工作地的电脑旁,继续完善2021年的年度总结。这也从侧面说明了写作难、写年度总结更难。就像我的2020年年度总结,在语雀平台显示竟然改了200多遍。2月4日才写完发布。朋友圈都有好友催年度总结了:你2021年是不是没写总结。元宵都过完了,现在才发布十分惭愧。因为根据以往经验每篇文章后续都可能会需要修改。所以写完了也要多留几天时间复核下,晚些时候再发。回想起过去的这一年,又是普通的一年。我只是作为一个创作者,用文字记录下这一年,方便以后回顾总结。以下几句话基本可以概括。这一年,去了沈阳和西安两个城市出差,分别出差约2个多月和10多天,坐了很多次飞机,体验过10多个小时的高铁。这一年,公众号持续运营了300+天,几乎每天不间断,涨粉1w+,微信好友增长
2022年2月27日
其他

近3000人参与的前端源码共读活动,诚邀您免费参加~

大家好,我是若川。按照从易到难的顺序,前面几期(比如:validate-npm-package-name、axios工具函数)很多都只需要花2-3小时就能看完,并写好笔记。但收获确实很大。开阔视野、查漏补缺、升职加薪。已经有400+笔记了~有的人因为参加活动学以致用,得到了公司的1000元奖励。从8月份到现在2月份了。每周一期,一起读200行左右的源码,撰写辅助文章,截止到现在整整6个月了。由写有《学习源码整体架构系列》20余篇的若川【若川视野公众号号主】倾力组织,召集了各大厂对于源码感兴趣的同学共同参与,每周一起学200行左右的源码。目前近3000人参与。为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。这事也不赚钱,但也算是尽全力了,花费了很多时间在上面。当然现在还有很多问题:比如参与度不高,需要持续迭代优化。虽然很难,但目前没有放弃的想法,坚持做难且正确的事情。扫码加我微信
2022年2月19日
其他

可能是全网首个前端源码共读活动,超3000人参与,诚邀您加入学习~

大家好,我是若川。祝大家新年快乐,开工大吉。可以领取专属红包封面。时刻提醒自己学习源码~从8月份到现在2月份了。每周一期,一起读200行左右的源码,撰写辅助文章,截止到现在整整6个月了。由写有《学习源码整体架构系列》20余篇的若川【若川视野公众号号主】倾力组织,召集了各大厂对于源码感兴趣的同学共同参与,每周一起学200行左右的源码。目前近3000人参与。为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。这事也不赚钱,但也算是尽全力了,花费了很多时间在上面。当然现在还有很多问题:比如参与度不高,需要持续迭代优化。虽然很难,但目前没有放弃的想法,坚持做难且正确的事情。扫码加我微信
2022年2月8日
其他

面试官:项目中常用的 .env 文件原理是什么?如何实现?

https://github.com/motdotla/dotenv/blob/master/lib/main.js·················
2021年12月30日
其他

面试官:请手写一个带取消功能的延迟函数,axios 取消功能的原理是什么

https://github.com/sindresorhus/delay/blob/main/index.js更多点击阅读原文查看。·················
2021年12月21日
其他

axios源码中的10多个工具函数,值得一学~

"q=URLUtils.searchParams&topic=More+webdev"searchParams.delete("topic");searchParams.toString();
2021年12月19日
其他

Vue团队核心成员开发的39行小工具 install-pkg 安装包,值得一学!

'/Users/install-pkg/pnpm-lock.yaml'path.basename('/Users/install-pkg/pnpm-lock.yaml')
2021年12月13日
其他

可能是全网首个前端源码共读活动,诚邀加入学习

大家好,我是若川。从8月份到现在11月结束了。每周一期,一起读200行左右的源码,撰写辅助文章,截止到现在整整4个月了。由写有《学习源码整体架构系列》20余篇的若川【若川视野公众号号主】倾力组织,召集了各大厂对于源码感兴趣的同学共同参与,每周一起学200行左右的源码。目前近3000人参与。为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。这事也不赚钱,但也算是尽全力了,花费了很多时间在上面。当然现在还有很多问题:比如参与度不高,需要持续迭代优化。虽然很难,但目前没有放弃的想法,坚持做难且正确的事情。加我微信
2021年12月8日
其他

从 vue-cli 源码中,我发现了27行读取 json 文件有趣的 npm 包

路径。举例来说,当前模块主文件的路径是https://foo.com/main.js,import.meta.url就返回这个路径。如果模块里面还有一个数据文件
2021年12月6日
其他

从 vue3 和 vite 源码中,我学到了一行代码统一规范团队包管理器的神器

https://github.com/lxchuan12/only-allow-analysis.git最近组建了一个江西人的前端交流群,如果你是江西人可以加我微信
2021年11月30日
其他

整整4个月了,尽全力组织了源码共读活动~

大家好,我是若川。从8月份到现在11月结束了。每周一期,一起读200行左右的源码,撰写辅助文章,截止到现在整整4个月了。由写有《学习源码整体架构系列》20余篇的若川【若川视野公众号号主】倾力组织,召集了各大厂对于源码感兴趣的同学共同参与,每周一起学200行左右的源码。目前近3000人参与。为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。这事也不赚钱,但也算是尽全力了,花费了很多时间在上面。当然现在还有很多问题:比如参与度不高,需要持续迭代优化。虽然很难,但目前没有放弃的想法,坚持做难且正确的事情。加我微信
2021年11月30日
其他

可能是全网首个前端源码共读活动,诚邀你加入一起学习

大家好,我是若川。众所周知,从8月份开始,我组织了源码共读活动,每周学习200行左右的源码,到现在持续了3个多月,坚持答疑解惑。帮助了不少人,还是挺开心的。另外,涌现了很多优秀的读者朋友,比如有就职于字节、阿里、腾讯等人参与,投稿了很多优秀的笔记。比如:有工作一年的小伙伴从不会看源码到现在已经输出了6期笔记。23届的小姐姐,提交了5次笔记22届的小哥哥提交了8次笔记等等我很多源码都写了文章作为辅助。目前大三23届的小姐姐都提交了5次笔记,所以完全不用担心自己学不会。而且不用担心不会vue/vue3/react的问题,主要是学会学习源码,学习原生JS和学习Node.js(前端基本必学)。还有大家一起答疑解惑,同时很多都是一学就能用上的。3个月以来,共计近3000人加入群聊,但仅有30左右提交了五次及以上笔记,100人左右提交了一次笔记。这样的结果我也不知道是好还是不好。但我知道主动学习的人肯定是少。点上方#源码共读标签可以查看往期投稿。同时点击原文可以查看语雀仓库
2021年11月27日
其他

每次新增页面复制粘贴?100多行源码的 element-ui 的新增组件功能教你解愁

element-analysis,求个star^_^[1]最近组织了源码共读活动,大家一起学习源码,每周学习200行左右的源码,已进行到13期。于是搜寻各种值得我们学习,且代码行数不多的源码。其中
2021年11月22日
其他

面试官:请实现一个通用函数把 callback 转成 promise

remote-git-tags-analysis,求个star^_^[1]我们经常会在本地git仓库切换tags,或者git仓库切换tags。那么我们是否想过如果获取tags呢。本文就是学习
2021年11月16日
其他

新手向:前端程序员必学基本技能——调试JS代码

说明调试走到不是想看的文件时(或者完全不是这个目录下的文件时),可以选择单步退出按钮或者重新调试。5其他调试由于很多项目都配置了代码压缩,难于调试。所以开发环境下,一般通过配置生成
2021年11月14日
其他

每次启动项目的服务,电脑竟然乖乖的帮我打开了浏览器,100行源码揭秘!

https://github.com/lxchuan12/open-analysis.git[2]更多参考资料可以点击阅读原文查看最近组建了一个江西人的前端交流群,如果你是江西人可以加我微信
2021年11月8日
其他

初学者也能看懂的 Vue2 源码中那些实用的基础工具函数

性能更好。如果对于call、apply、bind的用法和实现不熟悉,可以查看我在面试官问系列中写的面试官问:能否模拟实现JS的call和apply方法面试官问:能否模拟实现JS的bind方法3.25
2021年11月4日
其他

尤雨溪推荐神器 ni ,能替代 npm/yarn/pnpm ?简单好用!源码揭秘!

https://github.com/vuejs/vue-next/blob/master/.github/contributing.md#development-setup[4]ni:
2021年11月1日
其他

尤雨溪写的100多行的“玩具 vite”,十分有助于理解 vite 原理

process.cwd();app.use(vueMiddleware())app.use(express.static(root))app.listen(3000,
2021年10月27日
其他

Vue 团队公开快如闪电的全新脚手架工具,未来将替代 Vue-CLI,才300余行代码,学它!

源码。源码中还有很多细节文中由于篇幅有限,未全面展开讲述。学完本文,可以为自己或者公司创建类似初始化脚手架。目前版本是3.0.0-beta.6。我们持续关注学习它。除了create-vue
2021年10月19日
其他

vue-cli 将被 create-vue 替代?初始化基于 vite 的 vue3 项目为何如此简单?

object,相信这个也是面试的时候常考的一个题目,具体的思路就是如果都是对象的话就继续递归,递归到原始类型的时候就可以直接赋值来实现赋值了,而数组的话直接用解构赋值来一个浅拷贝就行了。const
2021年10月10日
其他

为什么 Vue2 this 能够直接获取到 data 和 methods ? 源码揭秘!

(在JS中一般指内部变量标识)开头,如果是警告。除去这些判断,我们可以看出initMethods函数其实就是遍历传入的methods对象,并且使用bind绑定函数的this指向为vm,也就是new
2021年9月24日
其他

50行代码串行Promise,koa洋葱模型原来这么有趣?

包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十余篇源码文章。其中最新的两篇是:Vue
2021年9月14日
其他

我历时3年才写了10余篇源码文章,但收获了100w+阅读

你好,我是若川。最近来了一些读者朋友,在这里简单介绍自己的经历,也许对你有些启发。之前发过这篇文章,现在修改下声明原创,方便保护版权。最近组织了源码共读活动1个月,200+人,一起读了4周源码,很多小伙伴表示对工作和面试都很有帮助,感兴趣可以点击链接加我微信
2021年9月11日
其他

1个月,200+人,一起读了4周源码

大家好,我是若川。8月份马上过去了,时间很快。这个月写了4篇文章,当然也有发在掘金被说是水文的文章。但这基本是我一个月写文章的极限了。大多数人关注我,是因为我的公众号源码文章。于是,何不带着大家一起学源码,让大家知道怎么读源码,并且学我所学,为我所用,最后还可以帮助他人。如果你也想参与源码共读,欢迎扫码加我微信ruochuan12。刚好8月份工作相对不忙,加班不多。于是我组织了4期源码共读,每周一起读200行左右的源码。大群两个,近800人,设置了20个小组群,每个小组十余人。大家一起学习答疑解惑,很多小组都有很多小伙伴提交了自己的笔记,部分如下图。yuque.com/ruochuan12。如果你也想看往期源码任务,可以点击阅读原文查看。语雀部分笔记截图很多小伙伴觉得收获很大。比如:有小伙伴从看不懂源码到愿意探究源码。再比如有小伙伴连续投稿三次,也有小伙伴把自己所学应用到了自己实际项目中。当然还有很多小伙伴太忙,再一次领略到互联网行业加班的疯狂。如今很多企业相继说取消996,也算是好事。2019年,996.icu火起来了,当时我还在2019年的年度总结里提到了996.icu。程序员(新生代农民工)真是不易啊。源码共读开始时设置了调查问卷,发现大部分人都是看过源码的。这时公布下调查问卷给大家看看。调查问卷和本文看完了有何感想,欢迎评论区留言讨论~我们下次见。
2021年8月28日
其他

Vue 3.2 发布了,那尤雨溪是怎么发布 Vue.js 的?

修改,次版本号:当你做了向下兼容的功能性新增,修订号:当你做了向下兼容的问题修正。先行版本号及版本编译信息可以加到“主版本号.次版本号.修订号”的后面,作为延伸。3.1.4
2021年8月23日
其他

若川邀你进 源码共读 群~长期交流学习

群最近组织了近200人每周源码共读免费活动,分15个人每组,共计20组。活动进行的比较顺利,而且很多小伙伴都表示收获颇丰,而且看源码上瘾,工作0-5年都可以参与。所以你感兴趣也可以扫码加我微信
2021年8月21日
其他

学习尤雨溪写的 Vue3 源码中的简单工具函数

是一个信息文件,里面储存着位置信息,转换后的代码的每一个位置,所对应的转换前的位置。有了它,出错时出错工具将直接显示原始代码,而不是转换后的代码,方便调试。3.
2021年8月20日
其他

初学者也能看懂的 Vue3 源码中那些实用的基础工具函数

vue-next/packages/shared/dist/shared.esm-bundler.js,文件也就是纯js文件。也接下就是解释其中的一些方法。当然,前面可能比较啰嗦。我可以直接讲
2021年8月16日
其他

小姐姐笔记:我是如何学习简单源码拓展视野的

函数的重载在【launch-editor-middleware】的入口函数这里,使用了函数重载的写法,这种写法在很多源码中都很常见,目的是方便用户调用时传参,针对不定量的参数对应不同的操作内容。//
2021年8月9日
其他

尤雨溪开发的 vue-devtools 如何安装,为何打开文件的功能鲜有人知?

是英文的会阻拦一部分人,但如果真的看不懂还可以通过谷歌翻译等翻译工具。再次友情提醒:插件我已经打包好,放到百度网盘中,在我的公众号:若川视野,回复关键词【插件】即可获取到两个版本的
2021年8月8日
其他

面对 this 指向丢失,尤雨溪在 Vuex 源码中是怎么处理的

用户自定义的函数,也就是对应上文的例子increment函数。store实例对象一路往下传递,到handler执行时,也是用了call函数,强制绑定了第一个参数是store实例对象。actions:
2021年8月2日
其他

若川诚邀你加源码共读群,帮助更多人学会看源码~

小提醒:若川视野公众号面试、源码等文章合集在菜单栏中间【源码精选】按钮,欢迎点击阅读,也可以星标我的公众号,便于查找。回复pdf,可以获取前端优质书籍。最近我创建了一个源码共读的前端交流群,希望尝试帮助更多人学会看源码,感兴趣的小伙伴,加我微信回复
2021年8月1日
其他

若川诚邀你加源码共读群,帮助更多人学会看源码~

小提醒:若川视野公众号面试、源码等文章合集在菜单栏中间【源码精选】按钮,欢迎点击阅读,也可以星标我的公众号,便于查找。回复pdf,可以获取前端优质书籍。最近我创建了一个源码共读的前端交流群,希望尝试帮助更多人学会看源码,感兴趣的小伙伴,加我微信回复
2021年7月31日