前端试炼

其他

这些前端 debug 的奇技淫巧你需要了解

console.log,直接运行下面的代码,可以实时看到你想要的变量。这个方法比较像logpoint,不过不需要找源码去打断点,各有各的应用场景。setTimeout(()
2021年11月29日
其他

React 进阶必备:从函数式组件看 Hooks 设计

副作用在计算机科学中,函数副作用指当调用函数时,除了返回函数值之外,还对主调用函数产生附加的影响。例如修改全局变量(函数外的变量),修改参数或改变外部存储。典型的副作用:发送一个http请求new
2021年5月13日
其他

万字长文!总结 Vue 性能优化方式及原理

中并收集依赖,所以平时使用时要避免频繁访问响应式数据,比如在遍历之前先将这个数据存在局部变量中,尤其是在计算属性、渲染函数中使用,关于这一点更具体的说明,你可以看黄奕老师的这篇文章:Local
2021年5月7日
其他

细数这些年被困扰过的 TS 问题

https://github.com/ionic-team/ionic-native/blob/v3.x/src/%40ionic-native/core/decorators.tsexport
2021年5月6日
其他

前端也要懂编译:AST 从入门到上手指南

error找到函数声明(FunctionDeclaration)父节点,提取函数名信息将函数名信息包装成字符串字面量(StringLiteral)节点,插入函数调用表达式的参数节点数组中const
2021年5月3日
其他

面试分享:三年工作经验成功面试字节、阿里 P6 总结

来自群友大佬授权发表,如果感觉大佬写的不错,可以点击阅读全文给大佬点个赞。作者:塔阁,原文链接:https://juejin.cn/post/6956992439097753631,前言第一次写文章不太熟悉,以前都是在自己的博客写写学习笔记啥的,还请大家见谅。这次面试的话是从去年
2021年5月2日
其他

死磕 36 个 JS 手写题(搞懂后,提升真的大)

类手写题,前半部分可以归纳为是常见需求,后半部分则是对现有技术的实现;对常用的需求进行手写实现,比如数据类型判断函数、深拷贝等可以直接用于往后的项目中,提高了项目开发效率;对现有关键字和
2021年4月27日
其他

【干货】996 前端人如何持续学习

如何选书作为前端开发者,我应该看哪些书?首先,前端开发者本身就是在计算机领域下,上文提到的一些计算机基础相关的书,都值得看。然后就是一些业界比较流行的前端相关的书,比如红宝书、蝴蝶书、你不知道的
2021年4月20日
其他

注释,今晚我不关心代码,我只想你

一世上本没有注释,垃圾代码写多了,也便有了注释。注释仿佛是依赖于代码存在的。你会要求代码干净,整洁,优雅,虽然你自己都做不到这三点。但是从来没听过你要求注释要押韵,要是七言绝句,要形散而神不散。编译器,都会把注释忽略掉。甚至有人说好的代码即是注释,你看,其实连人都不需要注释。即便面试吹逼,你也不会说自己喜欢写注释。怎么了,是注释不配吗?你明明忘了,刚开始学代码时,你能看懂的只有注释啊!我职业生涯最大的挑战,不是看不懂代码,而且看不懂注释。尤其注释只有六个字:“别动,后果自负”。在单个函数超过一千行屎山代码和一天开发两天上线的傻X需求之前,能拯救我的只有注释。没有注释,我只能骂娘。但我不会骂娘,因为我会要求自己干净,整齐,优雅。所以,即便是注释,我也要认真写,用中英日德法语写,重构着写,甚至用设计模式写。而今天,和大家分享一些有趣的注释。二也可参考
2021年4月17日
其他

假如易立竞吐槽程序员。。。太扎心了。。。

公众号后台回复【小炼】邀请你加入纯净技术交流群(上班划水摸鱼群)🙏如果觉得这篇文章还不错来个【分享、点赞、在看】三连吧让更多的人也看到
2021年4月16日
其他

看了就会的 Node.js 常用三方工具包

https://www.npmjs.com/交流讨论欢迎关注公众号「前端试炼」,公众号平时会分享一些实用或者有意思的东西,发现代码之美。专注深度和最佳实践,希望打造一个高质量的公众号。❤️
2021年4月6日
其他

看了就会的 Node.js 三大基础模块常用 API

/Users/xiaolian/Code/node-api-test/template/README.mdpath.resolve(...paths)path.resovle
2021年3月31日
其他

实现 CLI 常用工具包 - 终端交互相关(问卷、彩色文字、loading、进度条)

后面的时间都不一样,这对于用户体验来说是比较友好的,能够较为准确地告知用户此次异步操作需要多少时间。比如一次下载模板的网络请求,用户需要了解自己这一次请求还需要多久。代码const
2021年3月16日
其他

2020 年前端面试复习必读文章【超三百篇】

MDN[224]如何理解HTTP响应的状态码?[225]你所知道的3xx状态码[226]👉关于浏览器缓存你知道多少浏览器缓存[227]HTTP协议头部与Keep-Alive模式详解[228]HTTP
2020年11月2日
其他

入门支撑了淘宝上亿日活的跨端框架 Rax

一些废话❝沉寂了两个月,我又回来了。❞跟你们猜的一样,我已经到淘系实习了一段时间了,从上一篇文章之后就放了更多的心思在工作上。上篇文章发出去之后,我去腾讯实习了一段时间,等待阿里实习生入职流程开启。收到淘系的实习生
2020年10月20日
其他

TypeScript 是什么【附两题 TS 相关面试题】

具有以下优势:更好的可维护性和可读性引入了静态类型声明,不需要太多的注释和文档,大部分的函数看类型定义就知道如何使用了在编译阶段就能发现大部分因为变量类型导致的错误...TypeScript
2020年4月2日
其他

webpack loader 从上手到理解系列:vue-loader

`?vue&type=template${idQuery}${scopedQuery}${attrsQuery}${inheritQuery}`
2020年3月28日
其他

webpack loader 从上手到理解系列:style-loader

require("!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js")(content,
2020年3月27日
其他

关于浏览器缓存你知道多少

当浏览器再次访问一个已经访问过的资源时,它会这样做:看看是否命中强缓存,如果命中,就直接使用缓存了;如果没有命中强缓存,就发请求到服务器检查是否命中协商缓存;如果命中协商缓存,服务器会返回
2020年3月2日