Warning: Undefined global variable $debug in /var/www/ourcoders/tiny4cocoa/application/controllers/baseController.php on line 124
前端大全 的技术动态 - OurCoders (我们程序员)

前端大全的技术动态

前端大全
2020-02-03 20:08:45 发布
《TypeScript和JavaScript混合开发,这或许是配上单元测试的最佳实践》既然你选择了TypeScript,那么尽量不要使用any,特殊情况下可以用索引签名或者泛型解决……TypeScript和JavaScript混合开发,这或许是配上单元测试的最佳实践(by Peter 谭金杰)
前端大全
2020-02-01 08:08:49 发布
《Web 视频播放前前后后那些事》从2000年代初期到后期,网络上的视频播放主要依靠Flash插件。HTML5将 <video> 标签带到当前 Web,这个新标签允许您直接从HTML链接到视频,就像标签对图像所做的一样。Web 视频播放前前后后那些事(jackpu 译)
前端大全
2020-01-31 13:08:49 发布
《各种场景唤起 App 骚操作》起 App 应该是很常见的问题了。我们在开发 H5 的时候,有一些链路上的功能在 H5 不支持,只能去 App 才能完成。比如,下单、支付等功能。那么在更多的场景能够唤起 App 就显得很重要了。各种场景唤起 App 骚操作(by 罗学)
前端大全
2020-01-30 00:00:00 发布
《vue前端交互模式-es7的语法结构?async/await》前端发请求,调用后端接口,来获取特定格式的数据,老板问了,你会前后端交互模式吗?vue的那种。异步接口调用,常常使用到的语法,promise的概念是什么呢?调用接口的方式,第一种为,fetch进行接口调用,第二种为,axios进行接口的调用。vue前端交互模式-es7的语法结构?async/await(by Jeskson )
前端大全
2020-01-27 20:07:42 发布
《字节跳动面试官:请你实现一个大文件上传和断点续传》事实上我在面试的时候确实被问到了这个问题,而且是一道在线 coding 的编程题,当时虽然思路正确,可惜最终也并不算完全答对。那么究竟该如何实现一个大文件上传,以及在上传中如何实现断点续传的功能呢?字节跳动面试官:请你实现一个大文件上传和断点续传(by yeyan1996)
前端大全
2020-01-26 00:00:00 发布
《如何快速提升 JSON.stringify() 的性能?》在一些性能敏感的场合下(例如服务端处理大量并发),或面对大量 stringify 的操作时,我们会希望它的性能更好,速度更快。这也催生了一些优化的 stringify 方案/库。如何快速提升 JSON.stringify() 的性能?(by AlienZHOU)
前端大全
2020-01-25 00:00:00 发布
《通过 Node.js 的 Cluster 模块源码,深入 PM2 原理》Node.js无疑是走向大前端、全栈工程师技术栈最快的捷径(但是一定要会一门其他后台语言,推荐Golang),虽然Node.js做很多事情都做不好,但是在某些方面还是有它的优势。通过 Node.js 的 Cluster 模块源码,深入 PM2 原理(by Peter 谭金杰)
前端大全
2020-01-23 00:00:00 发布
《手把手教你写几个实用的 AST 插件》AST 是非常有用的。上午一直在搬砖,下午听了小组一个老哥做的AST分享,觉得做的很好。为了加深印象,就写了篇总结,顺便分享给大家,希望能给朋友们一些帮助和启发。可能小伙伴要问,AST真有这么厉害?手把手教你写几个实用的 AST 插件(by 南山皮小蛋)
前端大全
2020-01-22 08:08:33 发布
《前端性能优化之自定义性能指标及上报方法详解》性能优化是所有前端人的追求,在这条路上,方法多种多样。这篇文章,说一下利用浏览器的一些API,可以怎样进行自定义性能指标及上报。前端性能优化之自定义性能指标及上报方法详解(by LuckyWinty)
前端大全
2020-01-21 20:08:33 发布
《十分钟上手 ES2020 新特性》ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文以简单的代码示例来介绍 ES2020新特性。这样,你可以很快理解这些新功能,而不需要多么复杂的解释。十分钟上手 ES2020 新特性(by 浪里行舟)
前端大全
2020-01-21 20:08:33 发布
《2020 大前端冲刺大厂面试题必备(上)》越是开放性的题目,更能体现回答者的水平,一场好的面试,不仅能发现面试者的不足,也能找到他的闪光点,还能提升面试官自身的技术。2020 大前端冲刺大厂面试题必备(上)(by Peter 谭金杰)
前端大全
2020-01-19 21:07:53 发布
《前端安全:你必须要注意的依赖安全漏洞》前段时间 Lodash 的一个安全漏洞刷爆了朋友圈,我们先来回忆下这个安全漏洞:攻击者可以通过 Lodash 的一些函数覆盖或污染应用程序。例如:通过 Lodash 库中的函数 defaultsDeep 可以修改 Object.prototype 的属性。前端安全:你必须要注意的依赖安全漏洞(by ConardLi )
前端大全
2020-01-18 00:00:00 发布
《图文并茂,为你揭开“单点登录“的神秘面纱》单点登录( SSO),用于多个应用系统间,用户只需要登录一次就可以访问所有相互信任的应用系统。图文并茂,为你揭开“单点登录“的神秘面纱(by 政采云前端团队)
前端大全
2020-01-15 00:00:00 发布
《如何全方位优化你的超大型 React 应用》React为了大型应用而生,Electron和React-native赋予了它构建移动端跨平台App和桌面应用的能力,Taro则赋予了它一次编写,生成多种平台小程序和React-native应用的能力。如何全方位优化你的超大型 React 应用(by Peter 谭金杰)
前端大全
2020-01-14 20:08:24 发布
《如何进行 web 性能监控》本文就来整理下如何进行 web 性能监控?包括我们需要监控的指标、监控的分类、performance 分析以及如何监控。如何进行 web 性能监控(by liu, summerqy)
前端大全
2020-01-14 12:08:24 发布
《一文带你看透Vue前端路由》vue router是vue.js官方的路由管理器,它和vue.js的核心深度集成,让构建单页面应用变得易如反掌。一文带你看透Vue前端路由(by Jeskson)
前端大全
2020-01-11 00:00:00 发布
《Typescript 那些好用的技巧》一年前刚接触 Typescript 会觉得它加大了代码工作量。写一大堆东西,为了找某个类型东奔西跑,引入第三库还经常报错。然而现在的我想说:真香。Typescript 那些好用的技巧(by peen)
前端大全
2020-01-10 20:08:33 发布
《一道不一样的前端架构师最终面试题》本次写作来源于一次面试,前端架构师岗位,最后面试官临时给我掏出了一道比较少见的面试题 ,终究斩获offer ,虽然这道题并不难,但是考察的东西挺有趣。一道不一样的前端架构师最终面试题(by Peter 谭金杰)
前端大全
2020-01-10 18:08:33 发布
【使用 WebAssembly 的网站中有一半将其用于恶意目的】

在去年进行的一项学术研究项目中,来自德国布伦瑞克工业大学的四名研究人员研究了 WebAssembly 在 Alexa 上排名前 100 万的流行站点上的使用情况,以评估这种新技术的普及程度。他们加载了 100 万个网站中每个网站的三个随机页面,测量了 WebAssembly 的使用情况,以及每个网站运行代码所花费的时间。

研究发现有 1,639 个站点装载了总计 1,950 个 Wasm 模块,只有 150 个模块是独一无二的,有很多站点都在使用相同的 Wasm 模块。

研究小组还对每个网站正在加载的 Wasm 代码的性质进行了研究。他们手动分析代码,查看函数名称和嵌入的字符串,然后映射出相似代码的集群。研究人员表示,他们分析的绝大多数代码样本都用于加密货币挖掘(样本的 32%)和在线游戏(样本的 29.3%)。这两类 Wasm 代码在本质上是恶意的。

(by ZDNet,cnblogs.com 整理)
前端大全
2020-01-09 20:09:16 发布
《PWA 是移动开发的未来吗?》渐进式Web应用程序(Progressive Web Application,简称PWA)是使用常见的Web技术(HTML、CSS和JavaScript)构建的应用程序,其发行方式与其他Web应用程序一样,还拥有类似于原生的功能。PWA 是移动开发的未来吗?(by CSDN)
前端大全
2020-01-07 00:00:00 发布
《用 Docker 搭建你的第一个 Node 项目到服务器》Docker 使用 Google 公司推出的 Go 语言 进行开发实现,基于 Linux 内核 的cgroup,namespace,以及 AUFS 类的 UnionFS 等技术,对进程进行封装隔离,属于操作系统层面的虚拟化技术。用 Docker 搭建你的第一个 Node 项目到服务器(by kaola)
前端大全
2020-01-07 00:00:00 发布
《你连 HTTPS 原理都不懂,还讲“中间人攻击”?》这篇干货不错,把HTTPS的原理讲清楚了,而且容易懂,建议大家好好读一下。你连 HTTPS 原理都不懂,还讲“中间人攻击”?(by leapmie)
前端大全
2020-01-06 00:00:00 发布
《十几道含答案的大厂面试题总结》十几道含答案的大厂面试题总结

年底了,又到了跳槽季啦,该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题,有需要的可以看下~(by winty)

1. 说说JavaScript中有哪些异步编程方式?
2. 有哪些监控网页卡顿的方法?
3. 说说script 标签中的defer 和 async 异同点?
4. margin:auto 为什么可以实现垂直居中?
前端大全
2020-01-03 00:00:00 发布
《如何答一道惊艳面试官的数组去重问题?》数组去重应该是面试必考问题之一。虽然它是一道并不复杂的问题,但是也能看出面试者的广度和深度,还有考虑问题的全面性。当面试官问到时怎么回答?如何答一道惊艳面试官的数组去重问题?(by koalaCoding )
前端大全
2020-01-03 00:00:00 发布
《2008 至今,Chrome 如何成长为霸主》2008 年,微软的 Internet Explorer(IE)浏览器几乎占据了全球浏览器市场份额的 60%。而现在,Chrome 在浏览器市场稳居第一,占有率接近 70%。谷歌是如何在这些年里使 Chrome 从零进入并逐渐主导一个全新的领域?2008 至今,Chrome 如何成长为霸主(by 开源中国)
前端大全
2020-01-02 20:07:41 发布
《Node.js 模块系统源码探微》Node.js 的出现使得前端工程师可以跨端工作在服务器上,当然,一个新的运行环境的诞生亦会带来新的模块、功能、抑或是思想上的革新,本文将带领读者领略 Node.js 的模块设计思想以及剖析部分核心源码实现。Node.js 模块系统源码探微(by 神父)
前端大全
2019-12-31 00:00:00 发布
《package.json 知多少?》package.json 中有非常多的属性,其中必须填写的只有两个:name 和 version ,这两个属性组成一个 npm 模块的唯一标识。package.json 知多少?(by ConardLi)
前端大全
2019-12-29 19:07:44 发布
《JS 引擎 V8 发布 v8 版》JavaScript 引擎 V8 发布了 8.0 版本,此版本除了修复一些 bug,毫无疑问又带来了性能的提高。目前是预览,正式版将于几个星期后随 Chrome 80 Stable 一起发布。JS 引擎 V8 发布 v8 版(by 开源中国)
前端大全
2019-12-29 08:08:03 发布
《npm install 原理分析》开门见山,npm install 大概会经过上面的几个流程,本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。npm install 原理分析(by ConardLi)
前端大全
2019-12-28 20:08:03 发布
《乾坤大挪移!React 也能 “用上” computed 属性》模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。回想我们编写的 React 代码,是否也在 JSX 中放入了太多的逻辑导致 render 函数难以维护?乾坤大挪移!React 也能 “用上” computed 属性(by 不二)
前端大全
2019-12-25 20:08:06 发布
《7 个令人兴奋的 JavaScript 新特性》一个ECMAScript标准的制作过程,包含了Stage 0到Stage 4五个阶段,每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3或者Stage 4阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。7 个令人兴奋的 JavaScript 新特性(by 浪里行舟)
前端大全
2019-12-24 00:00:00 发布
《一步步从零开始用 webpack 搭建一个大型项目》本文从最基础配置一步步到一个完善的大型项目的过程。让你对 webpack 再也不会畏惧,让它真正成为你的得力助手!网页链接(by 罗学)
前端大全
2019-12-23 00:00:00 发布
【2019 年 JavaScript 现状调查报告火热出炉!】StateOfJS 方面表示,因 JavaScript 的生态系统发展未能尽如人意的原因,其又发布了 2019 年的 JavaScript 现状调查报告。今年的 JavaScript 状态是该调查的第四版,覆盖了 21,717 位受访者。2019 年 JavaScript 现状调查报告火热出炉!(oschina 译 )
前端大全
2019-12-20 20:06:47 发布
《来自新时代的 CSS》从1997年 CSS1.0 发布到如今,从最开始只支持简单的文字排版到如今已经可以做出酷炫的3D动画,CSS已经走过了22个年头。CSS不再是内联写几个margin,padding或者HTML一股脑引入几个CSS就足够的…… 来自新时代的 CSS(by 陈大鱼头)
前端大全
2019-12-19 00:00:00 发布
【2019 年前端事件回顾】详细?点击 2019 年前端事件回顾

在过去的一年中,前端开发再次加快了发展的速度,本文总结了2019年以来的所有大事、新闻和趋势。

- React 再次荣登前端流行库的榜首,且用户的数量仍在增长,而 jQuery 出乎意料地保住了第二名的位置,紧随其后的是 Angular 和 Vue。

- 在2019年初发布的StackOverflow调查中,TypeScript 与 Python 并列第二,成为了最受欢迎的语言,仅次于 Rust。
前端大全
2019-12-19 08:07:28 发布
《了解什么是微前端》作为前端开发人员,这些年来你一直在开发单体应用,即使你已经知道这是一个不好的做法。您将代码划分为组件,使用 require 或 import 并将package.json中定义的npm包或已安装的子git仓库添加到项目中,但最终构建了一个整体。了解什么是微前端(by Vincent.W)
前端大全
2019-12-18 20:06:59 发布
《让你的组件千变万化,Vue slot 剖玄析微》Vue 代码中的 slot 是插槽。<slot> 元素作为组件模板之中的内容分发插槽,传入内容后 <slot> 元素自身将被替换。看了上面这句官方解释,可能一样不知道 slot 指的是什么,那么就来看看在 Vue 中,什么时候你需要用到 slot 。让你的组件千变万化,Vue slot 剖玄析微(by 季节)
前端大全
2019-12-18 12:06:59 发布
今晚有一场网易云课堂的免费直播课:
《在网易如何优化请求操作,实现项目加速》
推荐大家去听下,还送前端的课程录像和进阶视频。报名方式见评论
前端大全
2019-12-17 00:00:00 发布
《你可能不知道的 CSS 计数器》CSS 里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的 content 属性,可能现在很多人仅仅以为 content 属性的值只支持字符串,除了字符串外常用到的还有 uri、counter ,今天所要介绍的就是 conter(计数器)。你可能不知道的 CSS 计数器(by 桃翁)
前端大全
2019-12-14 00:00:00 发布
《2019 年前端大事件回顾:流年笑掷,未来可期》React在国际上仍是No.1库,并且还在增长;jQuery作为老牌库仍占据第二的位置,紧随其后的是Angular和Vue。2019 年前端大事件回顾:流年笑掷,未来可期(by 前端劝退师)
前端大全
2019-12-13 00:00:00 发布
《ES7、ES8、ES9、ES10新特性大盘点》从 ECMAScript 2016(ES7)开始,版本发布变得更加频繁,每年发布一个新版本,好在每次版本的更新内容并不多,本文会细说这些新特性,尽可能和旧知识相关联,帮你迅速上手这些特性。ES7、ES8、ES9、ES10新特性大盘点(by 浪里行舟)
前端大全
2019-12-12 00:00:00 发布
《读 koa2 源码后的一些思考与实践》koa2 是由 Express原班人马打造的,是现在比较流行的基于Node.js平台的web开发框架,Koa 把 Express 中内置的 router、view 等功能都移除了,使得框架本身更轻量,而且扩展性很强。读 koa2 源码后的一些思考与实践(by koala)
前端大全
2019-12-11 00:00:00 发布
《可能是最全的 “文本溢出截断省略” 方案合集》文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ,但在实现上却有不同的区分,是单行截断还是多行截断?多行的截断判断是基于行数还是基于高度?可能是最全的 “文本溢出截断省略” 方案合集(by 政采云前端团队)
前端大全
2019-12-11 08:07:12 发布
《关于前端埋点统计方案思考》埋点即监控用户在应用表现层的行为,于产品迭代而言至关重要。埋点数据分析是产品需求的 来源,检验功能是否达预期的 佐证。前端较服务端更接近用户,本小白将在此对前端埋点统计方案述说一二。关于前端埋点统计方案思考(by 呆恋小喵 )
前端大全
2019-12-10 19:07:12 发布
《基于 Vue 的两层吸顶踩坑总结》近日,在做活动页的过程中遇到两层吸顶的需求,并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛,应该不难吧,事实证明还是踩了很多坑才出来。兼容性问题多到吐血,我太难了。基于 Vue 的两层吸顶踩坑总结(by 政采云前端团队)
前端大全
2019-12-10 08:09:00 发布
《不容错过的 Babel 7 知识汇总》Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。本文希望能够帮助你对 Babel 的各种配置有一个更清晰的认识。不容错过的 Babel 7 知识汇总(by 刘小夕)
前端大全
2019-12-09 20:08:55 发布
《前端领域的 Docker 与 Kubernetes》看完本文希望读者能够了解到,Docker 的基本原理,Kubernetes 是怎么工作的, 对于前端 Kubernetes 有哪些优势与玩法。前端领域的 Docker 与 Kubernetes(by 网易云音乐前端团队)
前端大全
2019-12-05 08:07:39 发布
《万字长文之 Serverless 实战详细指南》Serverless = Faas (Function as a service) + Baas (Backend as a service)。Serverless 让我们更专注于业务开发。万字长文之 Serverless 实战详细指南(by winty)
前端大全
2019-12-03 08:07:06 发布
《TCP为啥要3次握手和4次挥手?握两次手不行吗?》TCP有6种标识:SYN(建立联机) ACK(确认) PSH(传送) FIN(结束) RST(重置) URG(紧急)。TCP为啥要3次握手和4次挥手?握两次手不行吗?(by 雨点的名字)
前端大全
2019-11-28 00:00:00 发布
《渲染树怎么形成的你真的很懂吗?》对 HTML 文档结构化的表述,后端服务器返回给浏览器渲染引擎的 HTML 文件字节流是无法直接被浏览器渲染引擎理解的,要转化为渲染器引擎可以理解的内部结构,这个结构就是 DOM。渲染树怎么形成的你真的很懂吗?(by koala)
前端大全
2019-11-26 00:00:00 发布
《一个阿里前端工程师的成长之路》这是在阿里内部前端大学的一个分享,整理了一份对外的版本,希望分享内容能对你有所帮助。一个阿里前端工程师的成长之路(by 蚂蚁金服@ 玉伯)
前端大全
2019-11-25 00:00:00 发布
《常用排序算法之JavaScript实现》笔试面试经常涉及各种算法,本文简要介绍常用的一些算法,并用JavaScript实现。常用排序算法之JavaScript实现(by ywang1724)
前端大全
2019-11-25 00:00:00 发布
《JavaScript 中的位运算和权限设计》根据位运算的特点,设计一个权限系统(添加、删除、判断等)。JavaScript 中的位运算和权限设计(by 云音乐前端团队)
前端大全
2019-11-24 19:07:56 发布
《React 函数式组件性能优化指南》本文只介绍函数式组件特有的性能优化方式,类组件和函数式组件都有的不介绍,比如 key 的使用。另外本文不详细的介绍 API 的使用,后面也许会写,其实想用好 hooks 还是蛮难的。React 函数式组件性能优化指南(by 桃翁 )
前端大全
2019-11-22 20:07:28 发布
《GitHub 四万星标的 axios!如何写一个像它那样牛叉的请求库》前端开发中,经常会遇到发送异步请求的场景。Axios库可以大大降低我们的开发成本,提高开发效率。因此,本文就是要了解下 axios 是如何设计,以及如何实现 HTTP 请求库封装的。GitHub 四万星标的 axios!如何写一个像它那样牛叉的请求库(zhangbao90s 译)
前端大全
2019-11-21 00:00:00 发布
《Nodejs 之 RPC 协议简介》随着 Nodejs 的兴起,越来越多的 Web 服务中间层被搭建起来。如 Node 服务端渲染,BFF(Backend For Frontend))层,而 RPC 是远端过程调用,经常用于 BFF 层。Nodejs 之 RPC 协议简介(by winty)
前端大全
2019-11-19 08:05:56 发布
《JS 框架安全报告:jQuery 下载次数超过 1.2 亿次》根据开源安全平台 Snyk 统计,目前至少十分之六的网站受到 jQuery XSS 漏洞的影响,甚至用于扩展 jQuery 功能的 jQuery 库还引入了更多的安全问题。JS 框架安全报告:jQuery 下载次数超过 1.2 亿次(by 开源中国)
前端大全
2019-11-18 12:05:56 发布
《深入理解 Node.js 进程与线程》Node.js 里通过 node app.js 开启一个服务进程,多进程就是进程的复制,fork 出来的每个进程都拥有自己的独立空间地址、数据栈,一个进程无法访问另外一个进程里定义的变量、数据结构,只有建立了 IPC 通信,进程之间才可数据共享。深入理解 Node.js 进程与线程(by koala)
前端大全
2019-11-15 21:06:35 发布
《经常被面试官考的 JavaScript 数据类型知识你真的懂吗?》解答一下图中的两道题目!本篇文章会以一个面试官问问题的角度来进行分析讲解。经常被面试官考的 JavaScript 数据类型知识你真的懂吗?(by koala)
前端大全
2019-11-13 00:00:00 发布
《一文搞懂 Web 中暗藏的密码学》密开发网站登录功能时,如何保证密码在传输过程/储存的安全?MD5加密啊。诸不知,密码学在网络七层模型,甚至web开发中的应用比我想象得多得多。一文搞懂 Web 中暗藏的密码学(by 前端劝退师)
前端大全
2019-11-11 00:00:00 发布
前端专属卫依(JS盾,所向披靡;404,对象还没找到;Chrome 掉网小恐龙),喜欢可以从评论入手
前端大全
2019-11-11 00:00:00 发布
《JavaScript 运行原理》在本文中,我们仅探讨一个问题:JavaScript 是如何工作的?JavaScript 运行原理(梁天培_Tim 译)
前端大全
2019-11-11 00:00:00 发布
《一篇文章彻底搞定富文本原理 + 实战》单纯的文字已经无法表达他们内心的需求?,于是就想来点样式,顺便加个图片,来篇图文并茂的文章,就像小型 Word 那样,就再好不过了!于是富文本就这样诞生了,开发者们也纷纷开始了踩坑之旅???。一篇文章彻底搞定富文本原理 + 实战(by 尤水就下)
前端大全
2019-11-09 00:00:00 发布
《腾讯CDC团队:前端异常监控解决方案》操作应用过程中如果出现异常,有可能是前端引起,也有可能是后端引起,需要有一个机制,将前后端串联起来,使监控本身统一于监控系统。要根据实际系统的设计,在最终的报表中体现出监控对开发和业务的帮助。网页链接(by Tencent CDC)
前端大全
2019-11-08 00:00:00 发布
《这一次,彻底弄懂 Promise 原理》Promise 必须为以下三种状态之一:等待态(Pending)、执行态(Fulfilled)和拒绝态(Rejected)。一旦Promise 被 resolve 或 reject,不能再迁移至其他任何状态(即状态 immutable)。这一次,彻底弄懂 Promise 原理(by winty)
前端大全
2019-11-07 00:00:00 发布
《Typescript 严格模式有多严格?》"use strict"指令在JavaScript 1.8.5 (ECMAScript5)中新增。至今,前端 er 们基本都默认开启严格模式敲代码。那么,你知道Typescript其实也有属于自己的严格模式吗?Typescript 严格模式有多严格?(by 前端劝退师)
前端大全
2019-11-06 00:00:00 发布
《NPM 如何管理依赖包版本》Nodejs成功离不开 npm 优秀的依赖管理系统。在介绍整个依赖系统之前,必须要了解 npm如何管理依赖包的版本,本文将介绍 npm包 的版本发布规范以、何管理各种依赖包的版本以及一些关于包版本的最佳实践。NPM 如何管理依赖包版本(by ConardLi)
前端大全
2019-11-04 20:05:49 发布
《炫技,从 12.67s 到 1.06s 的网站性能优化实战》今天,我们将从性能优化的三大方面工作逐步展开介绍,其中包括网络传输性能、页面渲染性能以及JS阻塞性能,系统性地带着读者们体验性能优化的实践流程。网页链接(by jerryOnlyZRJ)
前端大全
2019-11-01 20:06:20 发布
《vue-router 的超神之路》本文是vue-router系列。这里从浏览器到vue-router原理到最佳实践都会有详细的讲解。vue-router 的超神之路(by 罗学)
前端大全
2019-10-31 09:05:30 发布
《Chrome 浏览器垃圾回收机制与内存泄漏分析》通常情况下,垃圾数据回收分为手动回收和自动回收两种策略。在 V8 中会把堆分为新生代和老生代两个区域,新生代中存放的是生存时间短的对象,老生代中存放的生存时间久的对象。Chrome 浏览器垃圾回收机制与内存泄漏分析(by LuckyWinty)
前端大全
2019-10-30 08:06:45 发布
《React Hooks异步操作二三事》React Hooks 是 React 16.8 的新功能,可以在不编写 class 的情况下使用状态等功能,从而使得函数式组件从无状态的变化为有状态的。React Hooks异步操作二三事(by 小蘑菇小哥)
前端大全
2019-10-29 21:06:45 发布
《代码美化的艺术》代码质量不仅体现在逻辑上,也要体现在形式上。尤其前端代码,在日渐复杂的单页面开发中,代码格式化不仅是为了美观,也是为了更好的阅读及检查。本文范例主要以 Angular 为主,但是代码美化的建议同样适用于 React 和 Vue。代码美化的艺术(by 叙帝利)
前端大全
2019-10-29 11:06:21 发布
【不用 GPU!在终端用 JS 搞 3D 图形渲染】

Zero 是一个小型的图形演示,它用 JavaScript 来复制 GPU 的功能,并在终端通过 Nodejs 的 stdout 来显示其渲染输出。

开发者称,Zero 是为了好玩而编写的,同时也是为了看看可以在多大程度上合理地提高 JS 性能。已经在 Windows、OSX 和 Linux 的终端上测试过渲染效果。

GitHub repo:网页链接
前端大全
2019-10-28 00:00:00 发布
《微信 H5 页面兼容性解决方案》最近给公司微信公众号,写了微信h5业务页面,总结分享一下前端开发过程中的几个兼容性坑。网页链接(by codercao)
前端大全
2019-10-27 00:00:00 发布
《JavaScript 手写代码无敌秘籍》秘籍主要有实现一个new操作符、JSON.stringify、JSON.parse、call或 apply等。JavaScript 手写代码无敌秘籍(by 前端劝退师)
前端大全
2019-10-24 00:00:00 发布
《面试须知:浏览器相关原理详细总结(1)》问Chrome 打开一个页面需要启动多少进程?分别有哪些进程?面试须知:浏览器相关原理详细总结(1)(by winty)
前端大全
2019-10-22 09:06:03 发布
《如何用120行代码,实现一个交互完整的拖拽上传组件?》本文将讲述如何将现有 React 组件改写为 React Hooks 函数组件,并使用React Hooks编写自己的UI组件库。如何用120行代码,实现一个交互完整的拖拽上传组件?
前端大全
2019-10-21 00:00:00 发布
《如何使用 Proxy 来代理 JavaScript 里的类》Proxy 对象(Proxy)是 ES6 的一个非常酷却鲜为人知的特性。虽然这个特性存在已久,但是我还是想在本文中对其稍作解释,并用一个例子说明一下它的用法。如何使用 Proxy 来代理 JavaScript 里的类(by SHERlocked93)
前端大全
2019-10-19 00:00:00 发布
《JavaScript 工具函数大全》本文总结了JS常见的工具函数。此外,工具函数的命名十分值得借鉴。JavaScript 工具函数大全(by 前端劝退师)
前端大全
2019-10-17 00:00:00 发布
《深入了解 ES6 强大的 ... 运算符》... 运算符,是 ES6 里一个新引入的运算法,也叫 展开/收集 运算符,我们每天都要和它打交道。这篇文章,我就带你系统的回顾下这个运算符,介绍一些基础和进阶的用法。深入了解 ES6 强大的 ... 运算符(by 皮小蛋)
前端大全
2019-10-16 00:00:00 发布
《axios 是如何封装 HTTP 请求的》前端开发中,经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本,提高开发效率。因此,我们有必要了解下 axios 是如何设计,以及如何实现 HTTP 请求库封装的。axios 是如何封装 HTTP 请求的(zhangbao90s 译)
前端大全
2019-10-14 00:00:00 发布
《Chrome Devtools 高级调试指南(新)》Chrome Devtools 能够用于开发预览、远程调试、性能调优、bug跟踪、断点调试等,测试服务端API数据是否正确、审查页面元素样式及布局、页面加载性能分析、自动化测试。Chrome Devtools 高级调试指南(新)
前端大全
2019-10-14 08:05:59 发布
《动手实现一个 react-redux》react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用,而是要动手实现一个简易的 react-redux,希望能够对你有所帮助。动手实现一个 react-redux
前端大全
2019-10-11 19:56:50 发布
《一文搞懂浏览器缓存机制》提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。一文搞懂浏览器缓存机制(by SHERlocked93)
前端大全
2019-10-10 20:06:50 发布
《面向对象之 7 大基本原则(JS版)》如果我们在编写程序的时候,一类或者一个方法里面包含了太多方法,对于代码的可读性来说,无非是一场灾难,对于我们来说。所以为了解决这个问题,出现了单一职责。面向对象之 7 大基本原则(JS版)(by Aaron)
前端大全
2019-10-08 00:00:00 发布
《WebWorker 在文本标注中的应用》在之前数据瓦片方案的介绍中,我们提到过希望将瓦片裁剪放入 WebWorker 中进行,以保证主线程中用户流畅的地图交互(缩放、平移、旋转)。WebWorker 在文本标注中的应用(by 潘与其)
前端大全
2019-10-08 08:07:23 发布
《如何实现 React 中的状态自动保存?》手动保存状态,是比较常见的解决方式,可以配合 React 组件的 componentWillUnmount 生命周期通过 redux 之类的状态管理层对数据进行保存,通过 componentDidMount 周期进行数据恢复。如何实现 React 中的状态自动保存?(by 陈俊宇)
前端大全
2019-10-05 00:00:00 发布
《大前端时代,浅谈 JavaScript 开发重型跨平台应用以及架构》大前端时代以及即将到来的5G时代,3D可视化,音视频直播技术,IM即时通讯场景应用我觉得都是大有可为的。前段时间爆款换脸应用出现,到近段时间头像加?的火爆,这是好事。网页链接(by Peter谭金杰)
前端大全
2019-10-01 00:00:00 发布
《非常全面的前端协作规范》一个人走的更快,一群人可以走得更远,前提是统一的策略,还要不断地反省和优化。本文记录了笔者在制定前端协作规范时的一些思考,希望能给你们也带来一些帮助。非常全面的前端协作规范(by _sx_)
前端大全
2019-09-30 00:00:00 发布
《从零开始手写 redux》Redux 是 JavaScript 状态容器,提供可预测化的状态管理。Redux 除了和 React 一起用外,还支持其它界面库。网页链接(by 刘小夕)
前端大全
2019-09-25 08:58:15 发布
《JS 服务器推送技术 WebSocket 入门指北》最近在工作中遇到了需要服务器推送消息的场景,这里总结一下收集整理WebSocket相关资料的收获。JS 服务器推送技术 WebSocket 入门指北(by SHERlocked93)

前端大全

分享 Web前端 技术干货和资讯。合作、招聘请私信联系。官网:web.jobbole.com

18 112458 4090
关注粉丝微博