前端
文章平均质量分 74
明天回火星
less is more
展开
-
前后端渲染和同构渲染
转自:阿里camsong1. 引言我为什么要选这篇文章呢?十年前,几乎所有网站都使用 ASP、Java、PHP 这类做后端渲染,但后来随着 jQuery、Angular、React、Vue 等 JS 框架的崛起,开始转向了前端渲染。从 2014 年起又开始流行了同构渲染,号称是未来,集成了前后端渲染的优点,但转眼间三年过去了,很多当时壮心满满的框架(Rendlr、L转载 2017-04-28 13:47:08 · 8680 阅读 · 1 评论 -
如何优雅的选择字体(font-family)
大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下:一、首先我们看看各平台的默认字体情况1、Window下:宋体(SimSun):Win下大部分游览器的默认字体,宋体在小字号下(如12px、14px)的显示效果还可以接受,但是字号一大就非常糟糕转载 2017-07-04 14:39:39 · 1635 阅读 · 0 评论 -
HTML中引入CSS的方法
在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。2.嵌入式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下: ...此处写转载 2017-05-27 16:36:26 · 545 阅读 · 0 评论 -
javascript程序的执行与顺序详解
函数的声明和调用 JavaScript是一种描述型脚本语言,由浏览器进行动态的解析与执行。函数的定义方式大体有以下两种,浏览器对于不同的方式有不同的解析顺序。 代码如下: 复制代码代码如下://“定义式”函数定义 function Fn1(){ alert("Hello World!"); } //“赋值式”函数定义 var Fn2 = functi转载 2017-05-05 15:10:01 · 362 阅读 · 0 评论 -
JavaScript的执行上下文(与上下文不同,此点常被混淆)
在JavaScript的运行过程中,经常会遇到一些”奇怪”的行为,不理解为什么JavaScript会这么工作。这时候可能就需要了解一下JavaScript执行过程中的相关内容了。执行上下文在JavaScript中有三种代码运行环境:Global CodeJavaScript代码开始运行的默认环境Function Code代码进入一个Jav转载 2017-05-05 14:42:10 · 369 阅读 · 0 评论 -
css引用的两种方式,link和@import的区别
页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:XML/HTML代码[html] view plain copylink rel="stylesheet" rev="stylesheet转载 2017-05-12 16:12:19 · 481 阅读 · 0 评论 -
JavaScript 内存泄漏教程
(转)作者:阮一峰一、什么是内存泄漏?程序的运行需要内存。只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存。对于持续运行的服务进程(daemon),必须及时释放不再用到的内存。否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃。不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak)。有些语言(比如 C转载 2017-05-03 15:27:40 · 421 阅读 · 0 评论 -
优化浏览器前端
译者 | 京东金融-移动研发部-前端工程师 田腾原作者 | Sanjay Purswani来源 | Software Engineer at comparethemarket.com优化事关速度和满意度为了提升用户体验(User Experience,UX),我们希望前端提供快速加载和执行的网页。而对于提升开发者体验(Developer Experience,转载 2017-05-11 16:49:29 · 916 阅读 · 0 评论 -
大数据浪潮下的前端工程师
马云曾经说过『人类正从IT时代走向DT时代』。正如他说言,今天几乎所有的互联网公司背后都有一支规模庞大的数据团队和一整套数据解决方案作决策,这个时代已经不是只有硅谷巨头才玩数据的时代,是人人都在依赖着数据生存,可以说如今社会数据价值已经被推到前所未有的高度。我作为一名前端工程师在阿里巴巴数据团队工作多年,深入了解数据生产加工链路与产品化。我们这群前端是与界面最近的工程师们,似乎与数据离转载 2017-05-03 14:58:31 · 2378 阅读 · 0 评论 -
React虚拟DOM浅析
在Web开发中,需要将数据的变化实时反映到UI上,这时就需要对DOM进行操作,但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因,为此,React引入了虚拟DOM(Virtual DOM)的机制。什么是虚拟DOM?虚拟DOM VS 直接操作原生DOM?虚拟DOM VS MVVM?对React虚拟DOM的误解?一、什么是虚拟DOM? 在R转载 2017-05-03 13:49:41 · 543 阅读 · 0 评论 -
脏检查及其优点
什么是脏检查脏检查即一种不关心你如何以及何时改变的数据, 只关心在特定的检查阶段数据是否改变的数据监听技术.本节包含内容什么是脏检查脏检查是如何进行的何时进行脏检查regularjs为何选择脏检查这里会统一使用angularjs生态圈的术语,方便开发者理解相信对于熟悉angularjs的开发者而言, 脏检查这个概念不会太陌生.以插值{post.title转载 2017-05-03 13:47:52 · 8431 阅读 · 0 评论 -
DOM优化
优化节点修改。使用cloneNode在外部更新节点然后再通过replace与原始节点互换。var orig = document.getElementById('container');var clone = orig.cloneNode(true);var list = ['foo', 'bar', 'baz'];var content;for (var i = 0; i转载 2017-05-03 11:47:42 · 488 阅读 · 0 评论 -
通过nginx搭建一个简单的代理服务器
原文:http://nginx.org/en/docs/beginners_guide.htmlnginx另一个使用的比较多的情况是作为代理服务器,代理服务器接收请求,然后把请求传递到代理服务器,nginx最后会提取代理服务器的回复,并把这些回复发送给客户端。我们将配置一个基本的代理服务器,图片文件的请求在本地目录中服务,其他的所有请求发送到代理服务器。这个示例中,两个服务都被定义在同一个转载 2017-05-03 10:39:01 · 1469 阅读 · 0 评论 -
前端工程
不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位,虽然身份之争多少有些无谓,但我对这种偏见还是心存芥蒂,酝酿了许久,决定写一个系列的文章,试着从工程的角度系统的介绍一下我对前端,尤其是Web前端的理解。只要我们还把自己的工作看作为一项软件开发活动,那么我相信读过下面的内容你也一定会有所共鸣。前端,是一种GUI软件现如今前端可转载 2017-04-14 18:20:05 · 583 阅读 · 0 评论 -
前端开发的若干编程技巧
作者:csdn:Topepy;原文出处:http://blog.csdn.net/u013084331/article/details/510371111、首次给变量赋值是切记使用var关键字(闲谈:清楚的记得有次去面试前端,一个项目经理同时面我和另外一个人,面试官开始就是要我们俩手写一个数组去重函数,哗哗的一下写完交了,面试官看来下之后直接给了一旁的竞争对手,叫她给我指出我代转载 2017-04-28 15:15:20 · 277 阅读 · 0 评论 -
奇技淫巧之前端冷知识和小技巧
HTML篇浏览器地址栏运行JavaScript代码这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开头后跟要执行的语句。比如:javascript:alert('hello from address bar :)');将以上代码贴到浏览器地址栏回车后alert正常执行,一个弹窗神现。需要注意的是转载 2017-07-07 16:56:08 · 414 阅读 · 0 评论