H5 知识点 - 收藏集 - 掘金

跨域解决方案总结 - 前端 - 掘金
为何须要跨域？ 就得先知道同源策略. 同源策略 同源策略是为了保证数据的安全性,一个域的脚本不能去操做另一个域的脚本的大多数的方法和属性. 相同域与不一样域 相同域: 两个域具备相同的协议(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的例子，在本文中将继续列举！ 一、表单 获取焦点 $('...

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页面窗口自动调整到设备宽度，并禁止用户缩放页面 //1、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 实现 - 前端 - 掘金
原文连接 排序算法 一、冒泡排序 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来实现具备科幻效果的用户界面。 首先来看看效果，以下图所示： 第一步建立基本的形状元素 首先使用矢量设计软...