全栈修炼

hello，大家好呀，我是你们的猫哥，猫哥又来跟大家唠家常了。因为上上周是猫哥的生日，所以在上上周请了 5 天年假，去大西北旅游了一周。这周末终于抽空写了这篇文章，记录一下自己沿途看过的风...

大家好，我是你们的猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~这一期的内容有点不一般哦，先来几个在线绘图类的工具吧。1. draw.iodraw.io 是一款免费的在线图表编辑工具, 可...

来自群友大佬授权发表，如果感觉大佬写的不错，可以点击阅读全文给大佬点个赞。作者：塔阁，原文链接：https://juejin.cn/post/6956992439097753631前言第一...

五一期间，花了 3 天时间，边学 Vue3 和 Vite2，边重构自己的项目，终于都用 Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + ...

最近状态一直不是很好，情绪波动很大，不是很稳定，所以这篇文章就现在的心情，想写什么就写什么了，先说点开心的事情吧。开心的事思否 - 人气顶流奖自从 2018 年开始写作以来，一直有写年终总...

大家好，我是你们的 猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~GitHub 上面有个 Trending 榜 (趋势榜)，在 Trending 页面，你可以看到最近一些热门的开源项目或者...

很多开发人员都只是略知道一些浏览器 DevTool 调试的基础知识。使用最多的 console.log() 对于在代码运行时输出值非常有用，通常可以帮助查明错误。但是，还有一高级的用法还有...

大家好，猫哥今天给大家推荐的是排名前十的 10 大前端开源项目，每个都有 100K 左右的 Star，都开源了些啥？相信很多人都不知道吧，今天猫哥带大家来了解一下吧。1. freeCode...

最近这几年，云计算的普及和 HTML5 技术的快速发展，越来越多的应用转向了浏览器 / 服务器（B/S）架构，这种改变让浏览器的重要性与日俱增，视频、音频、游戏几大核心场景也都在逐渐往 W...

大家好，我是你们的 猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~相信很多人都没有逛 GitHub 的习惯，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。从 20...

性能指标对于网站来说是一个长期需要努力优化提升的目标，谷歌为此推出了一系列工具，本文我想给大家介绍 web-vitals[1]这个由谷歌工程师编写的小而美的性能指标测量 sdk。本文是 s...

为什么要做性能优化？性能优化到底有多重要？ 网站的性能优化对于用户的留存率、转化率有很大的影响，所以对于前端开发来说性能优化能力也是重要的考察点。性能优化的点非常的多，有的小伙伴觉得记起来...

Vue 3 将不会支持 IE11凌晨时分，尤雨溪突然在知乎上发布了一个消息，宣布了一个提案：Vue3 将不再支持 IE11。摘要Vue 3 将不会支持 IE11原定投入 Vue 3 IE1...

大家好，我是你们的 猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~关于猫哥，大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 乾坤未定，你我皆黑马。猫哥从 2016 年加入 ...

在写本文时，本文提到的新的 JavaScript 提案功能已进入第 4 阶段，并且几乎肯定会包含在 ES2021 中。你已经可以开始在 最新版本的浏览器，Node.js 和 Babel 中...

在上一篇文章中，我们介绍了ES2020的相关九大特性，里面不少实用的新特性让我们受益良多。而每年，JavaScript都会更新添加新的特性新标准，在今年ES2020发布了，而ES2020（...

作为国内使用广泛的框架之一，Vue几乎是面试必问内容。尤其是近期去大厂面试的程序员，相信你们深有体会：去年面试官问我怎么用Vue，今年却开始问我Vue的实现原理？Vue 3为什么要用 Pr...

大家好，我是你们的 猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~1. 为什么要学习源码 ?阅读优秀的代码的目的是让我们能够写出优秀的代码。不给自己设限，不要让你周围人的技术上限成为你的上...

程序员的十大崩溃，全中了 ！如果想取视频号中的动态图片，请点击原文：加班的最佳理由。。。多动态图警告！ ...

最近在做一个支持多进程请求的 Node 服务，要支持多并发请求，而且请求要按先后顺序串联同步执行返回结果。对，这需求就是这么奇琶，业务场景也是那么奇琶。需求是完成了，为了对 Node.js...

在 1995 年 9 月，网景公司的一位名叫 Brendan Eich 的程序员只用了 10 天就开发出来一个新的脚本语言。最初，这个脚本语言被命名为 Mocha，但是很快又被称为 Liv...

背景我们经常使用 Chrome Dev Tools 来开发调试，但是很少知道怎么利用它来分析页面性能，这篇文章，我将详细说明怎样利用 Chrome Dev Tools 进行页面性能分析及性...

原文：加班的最佳理由。。。多动态图警告！

你是不是有过以下困难：•多个方法互相嵌套，但是最终还是蒙对了•不是很明白为什么浏览器有时候会卡死•事件循环好像知道那么点，但是就是讲不出来为啥•……本篇文章就把你的问题给一一解答，当然这些...

万万没想到啊！原来高手在我身边！

作为国内应用最广的两个框架，Vue 和 React 是前端必须掌握的内容，也是面试的重点。但大多数读者都只擅长其中一个框架，当面试涉及到另一个框架的内容时，就答不好了。比如虚拟dom，两个...

大家好，我是你们的 猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~初级前端与高级前端之间，很多时候并不是懂的知识点有多难的差别，很大原因就是投入学习前端的时间、经验的差别，其实就是信息差。...

本文将分成以下 7 个小节：技术选型统一规范测试部署监控性能优化重构部分小节提供了非常详细的实战教程，让大家动手实践。另外我还写了一个前端工程化 demo 放在 github 上。这个 d...

前言在Vue.js中，父子组件进行数据通信是一个老生常谈的话题，父级组件通过Prop向子组件传递数据，而子组件如何向父级组件进行数据交流沟通呢？一、父子组件数据交互 - 第一种方式业务需求...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼...

大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~前言猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。公众号：前端...

作者：陈大鱼头github：KRISACHAN为了减少加班，从而挤出更多的时间来陪女朋友，我就厚着脸皮向一些BAT大佬求来了这 15 条 JS 技巧，现在分享给大家，千万别错过。正文返回日...

时间来到了 2021 年，新的一年有新的期待，而我亦有新的祝福如果说在过去的一年，经历太多，心酸、迷茫、焦虑、幸福、喜悦那么在 2021 年，希望你可以去过一种遇见自己的生活，恬淡、热情，...

年底了，又到了跳槽季啦，该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题，有需要的可以看下～1. 谈谈你对 dns-prefetch 的理解DNS 是什么-- Domain Name...

本文由字节跳动折曜原创，授权前端铁蛋公众号发表，原文链接：https://juejin.im/post/6881078539756503047Vite是什么Vite，一个基于浏览器原生ES...

读者受益研发效能定义：知道研发效能是什么？（对「研发效能」的定义有一个经得起推敲的参考）研发效能提升：知道如何提升技术团队的研发效能？（对提升自己所在团队研发效能有一些想法/灵感）技术的价...

程序员最幽默（ID：humor1024）整理图片来自：网络【0】加班的最佳理由【1】代码虽然有点Bug，但能用【2】实习生在资深程序员面前演示产品时【3】修复一个Bug【4】第一次尝试新框...

0、放假前：学习编码的事情1、第一次尝试新语言2、一个难以复现的 bug3、当我第一次测试我的代码时4、测试刚写完的代码5、打开debug日志6、当我的尝试捕获却不起作用的时候7、当有人不...

他是真的想看电影啊

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，...

前言在vue2.0时代，我们经常会有这样的需求，写代码逻辑的时候希望将组件写在某个模板之下，因为这样我们很好的使用组件内部的状态数据，控制组件的展示形态。但是从技术的角度上我们又希望将这段...

今年年三十中午吃饭时，老爸突然说给我安排了一场相亲，我 ????。。。真的是 生活艰难，落魄少年，被迫营业。相亲就是认识一个人，还是要聊聊和接触了才能知道是否合适，比如三观（人生观、世界观...

当你看到这篇文章的时候，猫哥已经在回家的路上了 ????猫哥明天就能回家了，当然不是放假了，而是请了两天假的 ???? ，所以就不更新技术文章了，今晚有空就和大家随便聊聊。至于聊聊什么，因...

ECMAScript 2020 是 ECMAScript 语言规范的第11版。自1997年出版第一版以来，ECMAScript 已发展成为世界上使用最广泛的通用编程语言之一。ES2020(...

尤大的 Vue3.0 已经发布有一阵子了，已经很成熟了。而且 Element Plus + Vite 也出了一段时间了，是时候该上手体验分享一波了。主要是要熟练一下 Vue3，好准备用 ...

本文将重点介绍4个可以用来提高页面渲染速度的CSS技巧。1. Content-visibility一般来说，大多数Web应用都有复杂的UI元素，它的扩展范围超出了用户在浏览器视图中看到的...

高阶函数是对其他函数进行操作的函数，可以将它们作为参数或通过返回它们。简单来说，高阶函数是一个函数，它接收函数作为参数或将函数作为输出返回。例如Array.prototype.map，...

为什么要优化打包？项目越做越大，依赖包越来越多，打包文件太大单页面应用首页白屏时间长，用户体验差我们的目的减小打包后的文件大小首页按需引入文件优化 webpack 打包时间优化方式1、 ...

美味值：????????????????????口味：仔梅烧小排本文同步视频版01 浏览器架构演进开篇我们先来简单回顾下历史，从 1993 年发布的第一款“好用”的浏览器 Mosaic，...

前言 最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。制作呢，当然也不是拍拍脑袋就开始...

用了一年时间的 TypeScript 了，项目中用到的技术是 Vue + TypeScript 的，深感中大型项目中 TypeScript 的必要性，特别是生命周期比较长的大型项目中更应...

大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~前言猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。公众号：前...

前言年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个...

这是前端食堂的第53篇原创「观感度：????????????????????」「口味：秘制烤板筋」「烹饪时间：15min」本文已收录在前端食堂同名仓库Github github.com...

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可...

原文地址 https://segmentfault.com/a/1190000022795484这篇作为之前一篇文章的延续，以及对过去3个月我模拟面试过的30多位同学的面试情况总结，我们...

「观感度：????????????????????」「口味：赛螃蟹」「烹饪时间：5min」ECMAScriptECMAScript 是 Ecma International 颁布的一部语...

最近和一个猎头聊天，说到现在前端供需脱节的境况。一方面用人方招不到想要的中高级前端，另一方面市场上大量初级前端薪资要不上价。特别是用 Vue 框架的，因为好上手，所以很多人将 Vue 作...

Hello，小伙伴们好呀！又一年过去了，新年快乐呀！极其魔幻 2020 终于都过去了，庆幸的是我们还活着，感谢那些逆行者们，感谢！又到总结一年成长的时刻，我 2020 的关键词是：成长不...

要说当下前端人的标配是啥，我认为非 Vue 不可！虽然 React 也有不小的体量，但是根据业内的数据统计 Vue 在国内还是有绝对性优势的！百度、阿里、腾讯、滴滴等大厂已经在大面积应...

「观感度：????????????????????」「口味：海底捞」「烹饪时间：15min」本文已收录在前端食堂同名仓库Github github.com/Geekhyt[1]，欢迎光...

监听组件的生命周期比如有父组件 Parent 和子组件 Child，如果父组件监听到子组件挂载 mounted 就做一些逻辑处理，常规的写法可能如下：//Parent.vue<...

因为最近在做 Node 相关的项目，涉及到版本号的处理，根据版本号大小做升级 js 处理的，而因为多加了一位数，导致线上的 js 不能升级。所以只能重写一个支持任意位数的版本号对比方法。...

介绍 CSS 从 1994 年 10 月首次被提出，到目前为止已经20余年，但是 CSS 早已发生了天翻地覆的变化，2020的CSS 又是如何的呢？我们现在可以使用 CSS Grid ...

作者：padakerhttps://padaker.com/blog/post/5fc73352cb81362ed96f2fb9作为技术人员，随时保持技术同步是很重要的事情。虽然Vue3...

作者：lzg9527https://juejin.cn/post/6906028995133833230Vue 自定义指令在 Vue，除了核心功能默认内置的指令 ( v-model 和 ...

大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~前言猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。公众号：前...

大家好，我是你们的 超级猫，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~前言一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目...

来自：机器之心报道编辑：杜伟、蛋酱https://mp.weixin.qq.com/s/vrV_a02zNNxPBNnHzuwuLw2020 年的 GitHub Octoverse 报...

Element Plus for Vue 3.0 来了，这次真的来了！Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本，Element Plus 是...

大家好，我是你们的 超级猫，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~如果 CSS 是女孩子，肯定如上图那样吧 ???? ~简介一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没...

TypeScript是 JS 的一个超集，主要提供了 类型系统 和 对 ES6 的支持，使用TypeScript可以增加代码的可读性和可维护性，在react和vue社区中也...

今天 Chrome 更新了 87 最新版，这是今年最后一次 Chrome 更新了，这个版本是多年来 Chrome 性能获得最大提升的一次，开发者工具也进行了大幅度更新。有用户认为，原本 ...

根据《2019 年度JavaScript趋势报告》显示，目前React 在前端领域流行度最高， Vue 排名位居第二，但从“使用过并且将再次使用”的比例来看，Vue和React相比仍有不...

大家好，我是你们的 前端章鱼猫，一个不喜欢前端、又不喜欢吃鱼的超级猫 ~当程序员谈论开发设计时，常常会聊到非常多的定律，而 GitHub 上的一个名为「hacker-laws」的仓库收录...

大家好，我是你们的 超级猫，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~简介一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目...

大家好，我是你们的 前端章鱼猫，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~简介前端章鱼猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。相信很多人都没有逛...

在开发 web 应用程序时，性能都是必不可少的话题。对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说 tree-shaking、模块懒加载、利用 ...

1、连接方面区别TCP 面向连接（如打电话要先拨号建立连接）。UDP 是无连接的，即发送数据专之前不需要建立连属接。2、安全方面的区别TCP 提供可靠的服务，通过 TCP 连接传送的数据...

前 言Vue 3.x 的Pre-Alpha 版本。后面还有 Alpha、Beta 等版本,要等到之后才有可能发布 3.0 新版，所以应该趁还没出来加紧打好 Vue2.x 的基础。Vue基...

趣图：外行眼中“ 加一个小功能” vs 开发的实际工作量

外行眼中“ 加一个小功能”的工作量vs程序员的实际工作量↓↓↓推荐阅读趣图：程序员相亲记 ...

大家好，我是你们的 前端章鱼猫，一个不喜欢喵、又不喜欢吃鱼的超级猫 ~今天给大家带来的是 在 GitHub 上如何精准搜索的神仙技巧。【前端GitHub】，专注于挖掘 GitHub 上优...

可怕！研究表明：该秃还是秃

Hello，大家好，我是你们的 前端章鱼猫。简介前端章鱼猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。相信很多人都没有逛 GitHub 的习惯，因此...

程序员最幽默（ID：humor1024）整理图自：掘金、网络今天又是一年一度的1024程序员的大节日啦！按照惯例，先黑为敬！作为和猫头鹰并称的“深夜兄弟”，今天是不是又要熬夜改Bug了...

来源：公众号“信息安全老骆驼”9月4日 ——7:30：正带着大娃在理发店理发，老婆过来告诉我，她在小区门口推着二娃蹲下买水果时婴儿车袋子里的手机被偷了。这时看到P40 pro上市，一年一...

国庆这几天，我收集了大量可以显著提升开发效率的前端导航链接。这些导航链接对我很有帮助，希望对你也是如此。这些好用的导航链接都已经部署到这个网站 https://www.kwgg2020...

更好的放松，才能更好的学习！假期余额已经严重不足了，捉紧学习的同时，也总要时间放松一下才行。所以，有空把那些好看的电影都看了吧！豆瓣评分 9.0 以上的 100 部电影 ????，马住！...

在下最近遇到要在服务器上安装 Mysql、Nginx、EasyMock 等工具的场景，这里记录一下我使用 Docker 安装的过程，希望也能在类似的场景中帮助到大家～本文前备知识需要一些...

学多少返多少 |“ Web全栈架构师”0门槛就业涨薪计划Web全栈架构师课程培训真实大厂项目案例实操1年涨薪幅度低于2万额外赔偿国内一流讲师团队直播教学正式签约加入W3C组织第一期奖学金...

最近在项目中遇到了IE浏览器因缓存问题未能成功向后端发送 GET类型请求的bug，然后顺藤摸瓜顺便看了看缓存的知识，觉得有必要总结跟大家分享一下。在前端开发中，性能一直都是被大家所重...

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和...

Vue 团队于 2020 年 9 月 18 日晚 11 点半发布了 Vue 3.0 版本。那个男人总喜欢在深夜给我们带来意外惊喜！以下为 Vuejs Release 3.0 机器翻译文章...

“作者：阿里巴巴淘系技术链接：https://www.zhihu.com/question/21775016/answer/1358336033”超干货长文预警。这次把网页布局方案讲得...

本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新~感兴趣的同学可以加文末的微信群，一起讨论吧～1. 类型强制转换1.1 string强制转换为数字可以...

1. 介绍浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。其原理是：垃圾收集器...

工欲善其事必先利其器，一个优秀的程序员除了代码写得好，善于利用各种开发工具同样可以事半功倍。本专题精选了一些优质的工具推荐类文章，希望大家看完文章，能够选到自己心仪的工作，达成高效开发、...

很多前端开发者发自真心的觉得Vue简单，看两眼文档就能上手写，不用怎么费心学就能拿来做项目。但在实际面试或是工作中，如果不能“熟练掌握”Vue，就会遇到种种问题：1.对 Vue只停留...

前段时间在下开发了个微信小程序，开发过程中总结了一些我觉得对我有用的小技巧，提炼出来，相当于一个总结复盘，也希望可以帮助到大家。如果对大家确实有帮助，别忘了点赞哦 ???? ～微信开发者...