跨域解决方案总结 – 前端 – 掘金
为什么需要跨域？ 就得先知道同源策略. 同源策略 同源策略是为了保证数据的安全性,一个域的脚本不能去操作另外一个域的脚本的大多数的方法和属性. 相同域与不同域 相同域: 两个域具有相同的协议(http),相同的端口port,相同的host. …
前端编码风格规范（3）—— JavaScript 规范 – 前端 – 掘金
全局命名空间污染与 IIFE 总是将代码包裹成一个 IIFE(Immediately-Invoked Function Expression)，用以创建独立隔绝的定义域。这一举措可防止全局命名空间被污染。 IIFE 还可确保你的代码不会轻易被其它全局命名空间里…
ES 6 新特性汇总（一图全览） – 掘金
本文首发于 前端学习指南…
视频 H5 の Video 标签在微信里的坑和技巧 – 前端 – 掘金
随着 4G 的普遍以及 WiFi 的广泛使用，手机上的网速已经足够稳定和高速，以视频为主的 HTML5 也越来越普遍了，相比帧动画，视频的表现更加丰富，前段时间开发了一个以视频为主的移动端 HTML5，在这里介绍一些实践经验。 统一播放效果 …
国内值得关注的官方 API 集合 – 工具资源 – 掘金
项目地址：https://github.com/marktony/A… 本页仅收集国内部分官方API，如需查看其他版本，请点击这里。 目录 …
不要过度依赖 jQuery（一） – 前端 – 掘金
毫无疑问，JQuery是一款非常优秀的JavaScript库，它让我们开发项目变得更加便捷容易。 不过，当你准备在一个项目（特别是移动项目）中使用JQuery时，你真的该好好思考一下，你会用到JQuery的哪些功能，是否真的需要jQuery。因为随着Java…
不要过度依赖 JQuery（二） – 前端 – 掘金
为什么说不要过度依赖JQuery呢？从项目方面来讲，一些项目在开发中实际用到JQuery内置功能不多，这样会造成项目臃肿；另一方面，目前的主流已经倾向于原生开发。 而在之前一篇《不要过度依赖JQuery（一）》一文中已经介绍了部分使用原生JavaScript…
2017 年度视觉设计趋势 – 设计 – 掘金
大家好，去年HJUED团队完成了16年设计趋势报告，在一年的实践过程中验证了数个关键词确实如我们所预测有了较大范围的应用。在上个月中旬整个沪江用户体验设计团队开始了新一年的交互和视觉设计趋势研究，从大量的高质量素材采集到合并提炼，几乎所有成员都参与到了这个研究…
不要过度依赖 JQuery（三） – 前端 – 掘金
在这里先拜个年，祝大家新年快乐，阖家幸福，步步高升！ 回归正题，在不要过度依赖JQuery（一）和不要过度依赖JQuery（二）两篇文章中已经列举了大量的使用原生JavaScript替代JQuery的例子，在本文中将继续列举！ 1、表单 获取焦点 $(‘…
2017 年度设计大奖 + 构建色彩平衡的 6 个小技巧 – 设计 – 掘金
编者按：本栏精选了优设的精选微博，人气不一定最高，但一定能帮你扩大设计视野，学到实战设计知识的。 想学习更多的设计知识，欢迎关注优设微博主编：@爆炒地瓜 权威设计杂志 Wallpaper* 2017 设计大奖揭晓 轻松搞…
身为设计师，你也许需要一些算法 – 设计 – 掘金
Sidebar 是我最近常去的一个小站, 每天会更新五篇关于设计的文章，读一个帮你打一个勾，在工作之余看看很是舒服。上周的推送中有一篇 How UX helped me learn English 让我想到了自己——英文阅读能力的薄弱让我对设计前…
前端优化不完全指南 – 前端 – 掘金
篇幅可能有点长，我想先聊一聊阅读的方式，我希望你阅读的时候，能够把我当作你的竞争对手，你的梦想是超越我。你想超越我，就得了解我懂什么对吧，好，开始阅读~ ~ 哈哈哈 ~ ~ ~ 历时144000000毫秒出山的前端优化篇，若你问我有什么感悟？那我告诉你，看到毫…
50 款创意卡片式网站设计欣赏 – 设计 – 掘金
摘要：创意卡片式设计鉴赏 AIGA CSSDSGN AWWWARDS SHOPIFY THEMES WORDPRESS.COM THEMES POLAROID CASUAL S…
H5 项目常见问题汇总及解决方案 – 前端 – 掘金
转自 https://github.com/FrontEndZQ… H5项目常见问题及注意事项 Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构…
不定期更新 JavaScript 技巧 – 前端 – 掘金
JavaScript技巧，偶尔更新。 计算数组的极值 function smallest(array){ return Math.min.apply…
极客学院前端练习题 – 前端 – 掘金
此内容是参考Github上这个位置的信息的总结，前端学习的作业是在课程13中按照作业的要求上传到Github上开源的，如果涉及侵权请及时联系我，我会移除此信息，详细的内容请参考上面的连接。 …
JavaScript 中的多线程 — Web Worker – 前端 – 掘金
Web Worker 介绍 Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外，他们可以使用XMLHttpRequest执…
深入了解 CSS 字体度量，行高和 vertical-align – 前端 – 掘金
编辑推荐： 掘金是一个高质量的技术社区，从 CSS 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。 点击链接查看最新前端内容，或到各大应用市场搜索「 掘金」下载APP，技术干货尽在掌握中。 line-height和…
前端常见算法的 JS 实现 – 前端 – 掘金
原文链接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i+…
按照 ESDoc 规范编写代码注释 – 前端 – 掘金
介绍 ESDoc 是一个 JavaScript 文档生成器，按照规范编写代码注释，即可生成友好的 JavaScript 代码文档。 应用场景 …
SVG 滤镜创造液态滚动沾粘（Gooey）效果 – 前端 – 掘金
在codepen发现这样一个效果： 效果链接 从代码中可以发现，它是使用了SVG中的滤镜来实现这个效果的，主要是运用高斯模糊和颜色矩阵以及混合这三个滤镜组合来实现的。 下面就来学习下SVG中的滤镜知识，来分析下如何使用SVG的…
基于原生js拖拽库, 顺便封装成 vue 组件, 写文档时间比写代码时间还长, 分享给大家~~~ – 前端 – 掘金
dnd.js 拖放库 drag and drop 查看DEMO …
教你如何在 web 应用程序中使用本地文件•上传图片file✔ – 前端 – 掘金
使用在HTML5中添加到DOM的File API，现在可以让Web内容要求用户选择本地文件，然后读取这些文件的内容。此选择可以通过使用HTML ) 元素用来创建基于web表单的可交互控件.”><input> 元素或…
原生 JavaScript 中 DOM 节点相关 API 合集 – 前端 – 掘金
原生 JS 中 DOM 节点相关 API 合集，现在 jQuery 渐渐没有优势，推崇原生 JavaScript 了，赶紧学起来……
SVG 滤镜原来还可以这么用 – 前端 – 掘金
开始之前先来看张图： 可以看到图中使用到了一个特殊的模糊效果，而且这个模糊效果主要有以下几个特点： 模糊效果是独立于原图片的。也就说这里的模糊效果，并不是在设计软件中事先设计好的 只需要几行代码就可以…
走进网页虚拟现实 WebVR – 掘金
最近几年，虚拟现实VR的概念火了一把，各种VR概念的游戏、设备、视频受到人们的广泛关注。笔者在逛商场的时候也经常会看到有VR设备体验的地方让游人体验一把，各种酷炫的头盔和酷炫的设备着实抓人眼球。但是作为一个前端工作者，我们肯定也希望在我们的网页里也能看到这么酷…
30 分钟搞定 ES6 常用基础知识 – 前端 – 掘金
ES6基础智商划重点 在实际开发中，ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。 ES6彻底改变了前端的编码风格，可以说对于前端的影…
无缝、动态地下载并注册定制字体（Google 字体或其它字体资源）到应用内 – iOS – 掘金
Introduction In brief, Inkwell is a font library to use custom fonts on the fly. Inkwell takes respons…
使用 SVG 轻松打造具有科幻元素的用户界面 – 前端 – 掘金
在浏览器越来越先进的今天，我们可以充分发挥想象力来使用代码来打造非常漂亮舒畅的用户界面，比如今天这篇文章就介绍使用SVG来实现具有科幻效果的用户界面。 首先来看看效果，如下图所示： 第一步创建基本的形状元素 首先使用矢量设计软…
