前端杂货铺 - 收藏集 - 掘金

那些年，那些跨域问题 - 掘金
浏览器在请求不同域的资源时，会因为同源策略的影响请求不成功，这就是通常被提到的“跨域问题”。作为前端开发，解决跨域问题应该是一个被熟练掌握的技能。而随着技术不断的更迭，针对跨域问题的解决也衍生出了多种解决方案。我们通常会根据项目的不同需要，而采取不同的方式。这...

你不知道的 XMLHttpRequest - 掘金
本文详细介绍了 XMLHttpRequest 相关知识，涉及内容： AJAX、XMLHTTP、XMLHttpRequest详解、XMLHttpRequest Level 1、Level 2 详解 XHR 上传、下载数据、XHR 流式传输、XHR 定时轮询和长...

如何让你的 github 项目更加高大上 - 前端 - 掘金
前言 昨天把这个博客网站的代码开源放在了github上，然后刚好不巧看到百度EFE写的文章前端开源项目持续集成三剑客，突然想起好多项目的ReadMe文件确实看着很酷炫，有很多的徽章，于是就想着自己博客代码也可以这样做，显得自己高大上(偷笑)。。...

前端图像处理指南 - 阅读 - 掘金
计算机图像处理是一门很成熟的技术，任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制，处理起来会有诸多不便，这里所说的前端图像处理，是真的指不借助任何后端服务纯前端实现的图像处理。本文会介绍canvas位图处理，...

JS 瀑布流 - 前端 - 掘金

1. 前言 在我们浏览各大网站，网页，手机APP的时候，可能会遇到很多图片大小不一，看起来杂乱无章，其实，它们是狠有顺序的，排列在一起。这就应用到了网站中一种很流行的页面布局---瀑布流，又称瀑布流布局。 ...

前端 Ajax 跨域请求方案沙里淘金 - 前端 - 掘金

1. 所谓跨域 跨域是一种浏览器同源安全策略，也即浏览器单方面限制脚本的跨域访问。很多人可能误认为资源跨域时无法请求，实质上请求是可以正常发起的（指通常情况下，部分浏览器存在部分特例），后端也可能正常进行了处理，...

教你如何搭建一个超完美的 React.js 服务端渲染开发环境 - 前端 - 掘金
Github地址: https://github.com/chikara-ch... 目录 ...

减少前端代码耦合 - 前端 - 掘金
什么是代码耦合？代码耦合的表现是改了一点毛发而牵动了全身，或者是想要改点东西，需要在一堆代码里面找半天。由于前端需要组织js/css/html，耦合的问题可能会更加明显，下面按照耦合的情况分别说明：1. 避免全局耦合这应该是比较常见的耦合。全局耦合就是几个类、...

【翻译】这个 API 很 “迷人”- 新的 Fetch API - 前端 - 掘金
原文：https://hacks.mozilla.org/201... 原标题是This API is So Fetching，Fetching也可以表示迷人的意思——译者注 JavaScript 通过XML...

前端高性能滚动 scroll 及页面渲染优化 - 前端 - 掘金
最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为...

前端开发中的 JS 调试技巧 - 前端 - 掘金
有请提示：文中涉及较多Gif演示动画，移动端请尽量在Wifi环境中阅读 前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越...

使用 Chrome 直接、并行调试 Node.js 及 JavaScript - 前端 - 掘金
Good News： 现在我们可以用浏览器调试node.js了!!! 前提 配置就目前来说，在浏览器端并行调试JavaScript与Node.js还属于新特性，新体验。为了能够正常使用，你还需要做如下配置： 输入url：chrome://flags/#ena...

Web 开发中的渲染性能 - 前端 - 掘金
这篇文章主要关注的是资源加载之后的性能，因为大多数用户关注的不是应用如何加载而是具体的使用。所以要快速响应用户，尤其是无线端，我们有必要了解浏览器渲染性能。 RAIL 性能模型 首先一个需要思考的问题，怎样的网站是顺畅的？我们可能可以给一个大概的感觉，如：...

浏览器渲染性能深度解读，你到底知道多少？ - 前端 - 掘金
渲染卡顿是怎么回事？ 网页不仅应该被快速加载，同时还应该流畅运行，比如快速响应的交互，如丝般顺滑的动画等。大多数设备的刷新频率是60次/秒，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成，超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。为了保证...

【译】唯快不破：Web 应用的 13 个优化步骤 - 前端 - 掘金
原文地址: 12 Steps to a Faster Web App -- Auth0时过境迁，Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用，看看哪些可以用来改善延迟，渲染时间以及整体性能吧！更快...

前端优化实践总结 - 前端 - 掘金
记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《前端工程与性能优化》。里面有提到根据雅虎14条优化原则，《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优化点梳理出来的优化方向：张云龙...

RESTful Web 服务：教程 - 后端 - 掘金
随着 REST 成为大多数 Web 和 Mobile 应用的默认选择，势必要对它的基本原理有所了解。在它提出十多年后的今天，REST 已经成为最重要的 Web 应用技术之一。随着所有技术朝着 API 方向发展，它的重要性有可能持续快速地增长。每门主要编程语言现...

前后端分离，最佳实践 - 掘金
前后端分离，可以让各端变得更专注。今天的话题，结合我之前的项目场景，重新思考“前后端”的定义，并讨论下《前后端分离，最佳实践》。原文地址：前后端分离，最佳实践博客地址：http://blog.720ui.com/ 前后端分离是什么 我们来回顾下传统的 MVC...

跨域问题，解决之道 - 掘金
跨域问题，在日常开发过程中，是一个非常熟悉的名词。今天的话题，结合我之前的项目场景，讨论下《跨域问题，解决之道》。 原文地址：跨域问题，解决之道博客地址：http://blog.720ui.com/ 跨域是什么 跨域问题，是由于JavaScript出于安全方...

前端跨域整理 - 掘金
前言 原文地址：前端跨域总结 博主博客地址：Damonare的个人博客 相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。 正文 1. 什么...

利用CSS、JavaScript及Ajax实现图片预加载 - 掘金
原文：3 Ways to Preload Images with CSS, JavaScript, or Ajax链接:http://i.jakeyu.top/2016/11/28/图片预加载/ 预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器...

跨域问题，解决方案 - Nginx反向代理 - 掘金
原文地址：跨域问题，解决方案 - Nginx反向代理博客地址：http://blog.720ui.com/ 跨域问题，解决之道 链接文章：跨域问题，解决之道 解决思路 跨域问题，是由于JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。如果...

跨域问题，解决方案 - CORS方案 - 掘金
原文地址：跨域问题，解决方案 - CORS方案博客地址：http://blog.720ui.com/ 跨域问题，解决之道 链接文章：跨域问题，解决之道 解决思路 CORS 全称为 Cross Origin Resource Sharing（跨域资源共享）。整...