![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Front-end
文章平均质量分 75
HEYLeonL
这个作者很懒,什么都没留下…
展开
-
前端开发工程师最常问的问题
本文收集总结了一些优质的前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。万不可投机取巧,只求面试过关是错误的!前端界新的行业标准, 框架, 库不断在更新和新增,正如赫门在2015深JS大会上《前端服务化之路》主题演讲中说的一句话:“每18至24个月,前端都会难一倍”,这些变化使前端的能力更加丰富、创造的应用也会更加完美,所以前端程序员们,继续转载 2016-04-08 17:46:32 · 4874 阅读 · 0 评论 -
JavaScript Module Systems Showdown: CommonJS vs AMD vs ES2015
Introduction: Why Are JavaScript Modules Needed?If you are familiar with other development platforms, you probably have some notion of the concepts of encapsulation and dependency. Different piece转载 2016-11-30 09:40:37 · 788 阅读 · 0 评论 -
Understanding ES5, ES2015 and TypeScript
What is the difference between ES5, ES2015 (formerly known as ES6), and TypeScript? Which should we learn and use?First, let’s create a foundation for our discussion for each of these. TypeScript转载 2016-11-30 09:29:52 · 733 阅读 · 0 评论 -
WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px转载 2016-09-14 15:02:11 · 17998 阅读 · 0 评论 -
前端模板与渲染
1 页面级的渲染 在刚有web的时候,前端与后端的交互,非常直白,浏览器端发出URL,后端返回一张拼好了的HTML串。浏览器对其进行渲染。html中可能会混有一些php(或者php中混有一些html)。在服务端将数据与模板进行拼装,生成要返回浏览器端的html串。 这与我们现在做一个普通网页没什么区别。只不过现在,我们更常使用模板技术来解决前后端耦合的问题。 前端使用模板引擎转载 2016-09-14 15:00:29 · 3770 阅读 · 0 评论 -
HTML元素坐标定位
视口坐标是相对于窗口的坐标,而文档坐标是相对于整个文档而言。例如,在文档坐标中如果一个元素的相对于文档的Y坐标是200px,并且用户已经把浏览器向下滚动了75px,那么视口坐标中元素的Y坐标为200px – 75px = 125px。 如何获取浏览器滚动条的位置?Window对象的pageXOffset和pageYOffset属性在所有浏览器中提供这些值,除IE8以及更早的版本。IE和所转载 2016-09-14 14:58:29 · 2210 阅读 · 0 评论 -
10 Best Hybrid Mobile App UI Frameworks: HTML5, CSS and JS
Native developers love working with native code but that doesn't always go well with the business case or result in effective use of effort and time. We often see scenarios where developers end up bui转载 2016-09-01 17:23:41 · 1218 阅读 · 0 评论 -
此像素非彼像素
本文由99根据Patrick H. Lauke的《A pixel is not a pixel is not a pixel》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html,以及作者相关信息转载 2016-08-02 17:01:08 · 815 阅读 · 1 评论 -
常用meta整理
元素概要标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 —— W3School必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信转载 2016-08-02 16:58:11 · 193 阅读 · 0 评论 -
Which Layout? Static, Liquid, Adaptive, or Responsive
When discussing a page layout, web designers will often use terms like fixed, static, liquid, adaptive, responsive, and a few others. If you’re a web designer, a web developer, or even a project stake转载 2016-07-19 16:54:21 · 388 阅读 · 0 评论 -
史上最全的浏览器兼容性问题和解决方案
浏览器兼容性问题是指因为不同的浏览器对同一段CSS代码解析不同导致页面显示效果不统一的情况。一般情况下,我们希望用户无论使用什么浏览器来查看网页效果都应该是一样的。浏览器的兼容性问题是Web前端开发人员经常会碰到的和必须要解决的问题。下面PHP程序员雷雪松整理出来了史上最全的浏览器兼容性问题和解决方案。一、浏览器兼容性问题总结1、双倍浮动边距:原因:多个并列浮动元素设置了左或右边界转载 2016-06-17 13:44:08 · 385 阅读 · 0 评论 -
js禁用鼠标右键菜单(加强版)
之前我们也介绍过一些用javascript禁用右键的方法,比如:javascript禁止网页右键的方法与javascript禁止页面操作(右键、复制、F5刷新)等代码 ,今天介绍的这个可以算是这些版本的加强版。费话不多说了,看代码吧。script type="text/javascript">function doProhibit(){ if(window.Event)转载 2016-07-01 15:46:29 · 6344 阅读 · 0 评论 -
Web前端开发工程师需要掌握的核心技能
Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?1.开发语言HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单,不就是制作网页 嘛,其实不然,web前端需要掌握的核心语言xHTML+CSS+JavaScript,JavaScript作为最难的语言之一,转载 2016-06-15 08:20:25 · 675 阅读 · 0 评论 -
跟着9张思维导图学习Javascript
学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将 po 出我收集的 9 (+1 BOM的内容)张 javascript 相关的思维导图(非原创)。原文链接: http://www.spotty.com.cn/archives/98/思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图转载 2016-06-12 09:22:16 · 531 阅读 · 0 评论 -
JavaScript 练习题
找出数字数组中最大的元素(使用Math.max函数)var arr = [61, 22, 31, 4, 5];// 方法1var max = 0;arr.forEach(function (value, index) { max = Math.max(value, max);});// 方法2Math.max.apply(null, arr)转化一个数字数组为funct转载 2016-06-12 09:12:13 · 997 阅读 · 0 评论 -
how-to-create-and-use-your-own-icon-fonts
Here are two amazing website:1. http://fontello.com/2. http://app.fontastic.me/原创 2016-05-18 10:09:49 · 267 阅读 · 0 评论 -
* { Box-sizing: Border-box } FTW
One of my least favorite parts about layout with CSS is the relationship of width and padding. You’re busy defining widths to match your grid or general column proportions, then down the line you star转载 2016-05-24 09:53:08 · 411 阅读 · 0 评论 -
前端通信进阶
在几年前,天空一声巨响,ajax 闪亮登场. 前端宝宝们如获至宝~ 已经表单提交神马的, 真的太 心累了. 有了ajax之后, 网页的性能可大幅提升,告别刷新,告别如水的流量. 不过,长江后浪推前浪,一代更比一代强. 由于ajax被同域限制着, 导致, 多服务器配置,云服务资源的存储 没办法充分利用. 所以,业界想到另外一种方法--JSONP. JSONP实际上和ajax没有半点关系,唯一相同的就转载 2016-04-14 10:20:02 · 512 阅读 · 0 评论 -
RxJS: Don’t Unsubscribe
RxJS: Don’t UnsubscribeWell… okay, just don’t unsubscribe quite so much.I’m often enlisted to help someone debug an issue with their RxJS code or figure out how to structure an app that is com转载 2016-12-09 17:39:10 · 1169 阅读 · 0 评论