1秒加载的网站,你需要做到这些
网站加载的速度一直都是一个很值得研究的性能问题,这里我们提供一些小技巧,我们曾使用这些技巧让一个网站的加载速度只要0.8s,lighthouse的性能得分到97分。 技巧1 不要使用大的DOM tree 假如你的DOM...
东哥和系统设计开荒小分队的基地
网站加载的速度一直都是一个很值得研究的性能问题,这里我们提供一些小技巧,我们曾使用这些技巧让一个网站的加载速度只要0.8s,lighthouse的性能得分到97分。 技巧1 不要使用大的DOM tree 假如你的DOM...
2020年最新的Web开发路线图已经出炉了,这个路线图主要分成四个部分:通用的技能,前端技能,后端技能以及Devops。通用技能就是所有人都需要知道的,而前后端技能则是根据你的选择来学习,当然假如你的目标是全栈工程师的话,那前后端技能都是需要学习的。 本文的路线图其实是由Kamranahmedse制作的,他发布在他的github上。 通用技能 不管你是想做前端还是后端,有一些通用技能是都需要学习的,如下图所示: Git...
Github上有很多关于Javascript的学习资源,这些资源有教程,有博客,有源码等等。下面就简单介绍一些我看过的Github上的项目: JavaScript Algorithms and Data...
自从手机有了摄像头之后,我们可以很方便地把生活中的瞬间记录下来。我们可以通过照片和视频来回顾那些美好的瞬间。自然而然,和我们最爱的朋友和家人分享这些照片和视频就成为了一个必然的需求。 所以,在你写一个app的时候,很可能就希望他能支持拍照和拍视频的功能。假如你还不太清楚怎么来实现的,本文就是来简单介绍如何使用React Native实现相关的功能。 预先安装的包: expo-camera:这个包是用来拍照和视频的。...
很多人来问我,如何成为一个更好的前端开发者,当我们已经有了一些前端的开发经验之后,如何进入下一个level呢? 本文就像一个清单,而不是一个文章。我觉得我们就像朋友之间聊天一样,假如有什么你不是很清楚的,可以再搜搜看相关的内容。 好吧,让我们来看看具体的内容。 理解你的编程语言 其实这个部分是最常的,甚至可以拿出来单独写一篇文章。不过,我们还是放在这里,和别的建议一样。...
就像设计一个产品,你的网页也需要一个很好的蓝图来进行设计,在UI/UX设计的时候,我们称之为原型,这里我们使用“Web应用架构”这个名词。 本文,我们就从开发者的角度来讨论一下这个话题并介绍相关的知识。 什么是Web应用架构 所谓web应用架构就是一个用来处理内外部各个组件的框架,他主要处理这些组件之间的连接和交互(中间层,用户接口以及数据库等等)。这样,web就可以被客户所使用。 它最初的功能就是让所有的组件都能够同时工作,然后为之后的扩展打下一个更好的基础。...
最近这些年,Node.js已经成为创建可伸缩web应用的首选技术。基于他所提供的各种好处,有很多开发者都会使用它。2020年Stack Overflow的调查,51.9%的开发者认为node.js是最受欢迎的web开发框架。 从目前的趋势来看,基于下面的这些优势,Node.js在2020仍然会成为开发者的首选。 Node.js为实时应用提供了很好的性能 用Node.js支持多任务,这使得其上开发的应用有很多的好处。和其它平台不同,他单线程,事件驱动的架构可以有效地处理多个并发请求,而不会阻塞RAM。他的事件循环,非阻塞的IO操作可以让代码有序执行,这会显著地影响应用的整体性能。...
我们写这篇文章当然不是说Javascript不好,只是说它有些特性和我们通常理解的面向对象的语言有些差别。而这些差别很有可能和你所想的有很大的差别。但并不是说他们就不好,从另外一个方面来讲,假如你习惯了,也许这也是Javascript独特的魅力。 1. 三个等号 假如你学过别的编程语言,比如Java之类的,你肯定知道一个等号表示赋值,两个等号表示比较。但是在Javascript中,你会发现这里不仅有两个等号,还有三个等号===。我们应该使用哪个呢?他们之间有什么差别的呢?其实两个等号,简单说就是只比较他们的值,而不管他的类型,比如: 这里会返回true,因为他们的值是相等的,哪怕他们是不同的类型。...
1. Lazysizes Lazysizes是一个非常快捷(无垃圾),对SEO非常友好且可以自动初始化的一个延迟加载器。它支持图片(包括响应的图像图片/密码集),iframe,脚本、小工具等等。 GitHub网址: https://github.com/aFarkas/lazysizes...
Follow:
More
Recent Comments