JavaScript
微信公众号:晨曦大前端
前阿里手淘架构研究,专注于大前端十二年!微信公众号:晨曦大前端!
前端交流群:954854084获取前端进阶面试资料以及了解前端行业相关内容!
展开
-
前端高级之路:写一个高逼格可视化“圆环”
日常生产生活中,我们会经常读到或使用各种类型的图表。圆环(圆弧)便是一种较常见的类型,用于直观展现某一数据指标占整体的比例。本文以 HTML Canvas 的实现为主(当然,SVG 党可以在了解原理后自行实现),逐层介绍圆环图表开发的一些主要思路和原理。 图1 所示是一些我们平时比较常见的一些圆环(圆弧)效果。虽然图形的主体构成都是圆弧,但不同效果在信息传达的功能上却略有差异。如: 闭合的圆环可以表示流程 “进度” 的概念非闭合圆环一般用于状态量(标量)的展示,一般也称为 “仪表盘” 效果不同的色相可用.原创 2020-09-28 21:27:28 · 4098 阅读 · 1 评论 -
深入理解谷歌最强V8垃圾回收机制
有很多人都听说过V8引擎,但可能不是很了解,V8名称叫Chrome V8,是由谷歌开源的一个高性能 JavaScript 引擎。该引擎采用 C++ 编写,Google Chrome 浏览器用的就是这个引擎。V8 可以单独运行,也可以嵌入 C++ 应用当中。和其他的 JavaScript 引擎一样,V8 会编译、执行 JavaScript 代码,并一样会管理内存、垃圾回收等。就是因为 V8 的高性能以及跨平台等特性,所以它也是 Node.js 的 JavaScript 引擎。 V8引擎是前端开发者想升值加薪原创 2020-09-26 16:33:29 · 3166 阅读 · 0 评论 -
前端开发常用免费资源,显著提升工作效率
最近几个月我收集了大量可以显著提升开发效率的资源链接,在这篇文章中我会分享其中一些。这些资源对我很有帮助,希望对你也是如此。闲话少叙,下面是一些很棒的免费资源! 原作:Jatin Rao 翻译编辑:晨曦 震惊:阿里腾讯一线大厂前端面试学习经验,最完整面试真题分享! 震惊:阿里腾讯一线大厂前端面试学习经验,最完整面试真题分享! 震惊:阿里腾讯一线大厂前端面试学习经验,最完整面试真题分享! HTML W3C Markup Validator 检查网页文件的标记是否合法Meta Tags 编辑生成用于原创 2020-09-25 16:20:27 · 488 阅读 · 0 评论 -
震惊:阿里腾讯一线大厂前端面试学习经验,最完整面试真题分享!
送福利啦! 历经两个月发展,本人终于回归前端岗位!裸辞的艰辛已然消逝 在这里特地讲我自己这两个月整理的相关面试题分享给大家,免费获取哦~ 内容: 基础题(293题) 进阶题(30题) 高级题(91题) 计算机基础题(14题) 高频考点(37题) 综合问题(125题) 大厂面试真题(阿里、网易等) 个人面试经验思维导图 获取方式: 一、搜索QQ群,前端学习交流群:954854084 二、点击此加入群聊,与前端大牛一起进步! 三、QQ扫描下方二维码! ...原创 2020-09-24 14:10:04 · 1109 阅读 · 0 评论 -
看完不会打死我:从零实现一个Promise
一、Promise/A+ 规范 需要前端最新进阶面试学习资料以及了解前端行业相关内容可以加交流群:954854084或者关注微信公众号:晨曦大前端需要前端最新进阶面试学习资料以及了解前端行业相关内容可以加交流群:954854084或者关注微信公众号:晨曦大前端需要前端最新进阶面试学习资料以及了解前端行业相关内容可以加交流群:954854084或者关注微信公众号:晨曦大前端 ① Promise 是一个类或者函数,内部拥有3个状态,分别为pending(等待)、fulfilled(执行、完成)、rejec原创 2020-09-23 20:37:46 · 983 阅读 · 1 评论 -
你期待已久的Vue 3 正式发布啦!
Vue.js 3.0 "One Piece" 已正式发布,此框架新的主要版本提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新 API,并为框架未来的长期迭代奠定了坚实的基础。 3.0 版本的开发周期长达两年多,期间产生了 30+ RFCs、2600+ commits、628 pull requests,以及核心仓库之外的大量开发和文档工作。 Vue 3.0 的发布标志着此框架整体上已处于可用状态。尽管框架的某些子项目可能仍需要进一步的开发才能达到稳定状态(特别是原创 2020-09-19 14:37:08 · 17192 阅读 · 13 评论 -
Vue3 Composition API
vue3.0在7月发布了rc版本,vue-cli4.5后也支持选择vue3作为备选版本可以体验了,vue3的正式版本相必也不远了。学不动了呀!!!! 相比vue2.0版本(Option API),Composition API(组合API)应该算是3.0的重大变更之一了。 概述 Composition API 主要灵感来源于React Hooks,目的是通过一组低侵入式的、函数式的 API,使得我们能够更灵活地「 组合 」组件的逻辑。 示例 <template> <d原创 2020-09-18 21:02:03 · 407 阅读 · 0 评论 -
Vue生命周期——小白看了都懂的
最近一直在学习Vue,而vue生命周期是我们不可能绕开的一个很核心的知识点,今天来简单的梳理一下大概的内容。 一、钩子函数 在一开始学习的时候,总有钩子函数这个名词冒出来,而且在vue官网文档中也频繁出现,也相信给很多初学者带来了困扰。那到底什么是钩子函数呢? 按我个人的理解,钩子函数就是一个函数,他最大的特点就是在生命周期执行流程中去执行的。 钩子函数钩子函数,就是挂载一些东西的,我们把需要实现的一些功能代码写在对应的钩子函数中,当生命周期在执行的时候,就能执行我们挂载的代码。 钩子函数的实现,基本原原创 2020-08-24 20:50:31 · 323 阅读 · 0 评论 -
阿里、网易、携程前端最新面试题总结
前言 由于上一期的文章排版疏忽了,导致有重复的文字,表示非常的抱歉! 在这里把我整理了很久的阿里、网易、携程的面试题分享给大家 面试官都挺好,阿里面试的内容估计是最全面的,问题也没有特别刁钻,都比较符合工作场景。 项目很重要,除了项目之外的技术,也要关注下项目的业务和框架,最好把他们融合在一起 面试多了,你就会发现很多东西并不是你想的那样,需要有人去给你”一锤“才会醒悟。 阿里 29 问 1. 使⽤过的koa2中间件2. koa-body原理3. 介绍⾃⼰写过的中间件4.原创 2020-08-22 18:51:05 · 1698 阅读 · 0 评论 -
有赞、饿了么前端最新面试题总结
前言 上一期给大家分享了滴滴、字节的面试题总结,这一期给大家分享有赞、饿了么的面试题总结 阿里、网易的面试题还没整理好,下期分享给大家,可以点下关注避免找不到哦! 希望大家能顺利通过面试拿到大厂offer!我们都是一步一个脚印走过来的! 技术菜的就要努力多学习啦!想系统的学习下也可以私信我! 有赞 24 问 1. Linux 754 介绍2. 介绍冒泡排序,选择排序,冒泡排序如何优化3. transform动画和直接使⽤用left、top改变位置有什.原创 2020-08-21 16:53:11 · 3382 阅读 · 0 评论 -
滴滴、字节前端最新面试题总结
前言 最近我朋友面试了几家公司,其中包括有腾讯、阿里、字节、滴滴﹑饿了么等互联网一线大厂,最后收获了今日头条的 offer,整理了一些大厂的面试题给大家学习! 希望大家能顺利通过面试拿到大厂 offer! 技术菜的就要多学习学习啦! 滴滴 28 问 1. react-router怎么实现路由切换2. react-router⾥的<Link>标签和<a>标签有什么区别3. <a>标签默认事件禁掉之后做了什么才实现了跳转4. Reac原创 2020-08-20 20:36:48 · 3201 阅读 · 0 评论 -
我是学渣,但是我零基础自学web前端成功了
从专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的“丰富”。 最后的机缘巧合下,走上了前端开发之路,作为一个非计算机专业且低学历的人来说,自学编程其实不是件容易的事情,不过庆幸的是自己坚持下来了。目前工作还算不错,收入在目前所在的城市不算高,不算低,生活也还过得去,继续加油努力,也希望自己在今后更上一层。 从 16 年下半年开始,我真正接触前端,到现在 2 年多的时间。开始之初,我没有任何的语言基础,完全从零的小白开始,就连「对象」我都弄不明转载 2020-06-23 15:43:10 · 302 阅读 · 0 评论 -
深入解析Vue.js项目API、Router配置拆分实践
前后端分离开发方式前端拥有更高的控制权 随着前端框架技术的飞速发展,Router这个概念也被迅速普及到前端项目中,在早期前后的没有分离的时期下,并没有明确的路由概念,前端页面跳转大多是通过后端进行请求转发的,比如在Spring MVC项目中,进行一个页面跳转如下(画红线部分): 前端需要一个超链接,链接的href=/manager,这样这个超链接被转发到scs/waitFollowed路径指定的页面。 前后的分离后,前端页面跳转的方式发生了变化,不再需要后端处理了,数据交换方式也改变了,由此前端需要定义Ro原创 2020-06-13 16:58:46 · 461 阅读 · 0 评论 -
gulp构建前端工程
什么是gulp? gulp是新一代的前端项目构建工具,你可以使用gulp及其插件对你的项目代码(less,sass)进行编译,还可以压缩你的js和css代码,甚至压缩你的图片,gulp仅有少量的API,所以非常容易学习。 gulp 使用 stream 方式处理内容。Node催生了一批自动化工具,像Bower,Yeoman,Grunt等。 gulp和grunt的异同点 易于使用:采用代码优于配置策略,Gulp让简单的事情继续简单,复杂的任务变得可管理。 高效:通过利用Node.js强大的流,不需要往磁盘写中间原创 2020-06-10 20:31:12 · 254 阅读 · 0 评论 -
提高你的 JavaScript 技能10 个面试题
刷题是我们提高自己技术的一种好方法。下面的问题很有挑战性和“指导性”。如果你知道该怎样回答,那意味着自己的水平很好,但是如果你发现自己答错了,并能够搞清楚 为什么 错,我认为那会更好! 数组排序比较 看以下数组,在各种排序操作后都下输出什么? 1const arr1 = ['a', 'b', 'c']; 2const arr2 = ['b', 'c', 'a']; 3 4console.log( 5 arr1.sort() === arr1, 6 arr2.sort() == arr2, 7 ar原创 2020-06-10 16:11:21 · 247 阅读 · 0 评论 -
深入浅出javascript (1)—— 变量提升
提到前端面试,对于 javascript 语言层面的考察,这几个概念是避不开的:执行上下文,变量提升,闭包,This,作用域,作用域链,Event Loop等。 与其说面试很机械,倒不如说这就是 javascript 语音最最核心的概念,弄不清楚这些概念,那你一定不是一名合格的前端开发er。 所以,接下来我会分几篇文章来讲这几个核心概念,并将他们串起来,让大家可以更好的全方位理解。 下面进入正题,今天第一批文章我们来说 —— 变量提升。 先看代码: showName() console.log(mynam原创 2020-06-09 21:56:38 · 323 阅读 · 0 评论