FED之必备技能 - 收藏集 - 掘金

摘要：收藏优秀组件库合集前端掘金开源的优秀组件库合集教你如何在应用程序中使用本地文件上传图片前端掘金使用在中添加到的，现在可以让内容要求用户选择本地文件，然后读取这些文件的内容。

『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金
github 开源的 Vue 优秀 UI 组件库合集✔...

教你如何在 web 应用程序中使用本地文件•上传图片file✔ - 前端 - 掘金
使用在HTML5中添加到DOM的File API，现在可以让Web内容要求用户选择本地文件，然后读取这些文件的内容。此选择可以通过使用HTML   ) 元素用来创建基于web表单的可交互控件."> 元素或...

详解 Javascript十大常用设计模式 - 前端 - 掘金
一：理解工厂模式    工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。    简单的工厂模式可以理解为解决多个相似的问题;这也是她的优点;比如如下代码：&...

通过分析 github 代码库总结出来的工程师代码书写习惯 by @AlloyTeam - 前端 - 掘金
最佳原则 坚持制定好的代码规范。 无论团队人数多少，代码应该同出一门。 如果你想要为这个规范做贡献或觉得有不合理的地方，请访问New Issue。 命名规则 项目命名 全部采用小写方式， 以下划线分隔。 例：my_project_name 目录命名 参照项目命...

前端灰度效果的实现（filter:grayscale()）兼容所有浏览器 - 前端 - 掘金
分享一个最近在工作中遇到的新需求以及解决方案，希望对开发的朋友门有帮助，鄙人能力有限，有不妥的地方还请大家多多指教。 需求直接看图，需要在某种状态时将B.2模块整体置灰。一开始想直接处理所有图像，但是涉及东西太多，尤其是icon得重新切图，重新合成，工作...

一个 H5lock - 前端 - 掘金
发现一个 H5lock，挺有意思。作者 github:https://github.com/lvming6816...

是时候替换你的 for 循环大法了~ - 前端 - 掘金
《小分享》JavaScript中数组的那些迭代方法~...

CSS 中一个冒号和两个冒号有什么区别？ - 前端 - 掘金
《小分享》~ FED新手必备…...

动态加载 / 删除 css 文件以及图片预加载 - 前端 - 掘金
最近，工作中遇到了一个比较奇葩的需求：要在一个页面（PC端）增加一个功能模块，但是这个页面在不久之后要重构，为了新增加的模块可以继续复用，必须做到这个模块的样式对页面其他模块不能造成影响，旧版页面使用bootstrap样式，新版模块只使用normalize.c...

【译】2017 年你应该学习的编程语言、框架和工具 - 前端 - 掘金
在过去的一年里，软件开发行业继续大踏步地向前迈进。回顾 2016 年，我们看到了更多新兴的流行语言、框架和工具，它们改变着我们的工作方式，让我们看到更多的可能。但在这个行业，紧随潮流是很难的。所以在每年年底，我们都会给你提供一些建议，它涉及什么是最重要的，以及...

JS Tips - 每天一个 JavaScript 小技巧 - 前端 - 掘金
New year, new project. A JS tip per day! With great excitement, I introduce short and useful Javascript tips per day that will a...

常用有用的 Git Tips · 简单心理技术团队 - 工具资源 - 掘金
Git 除了 add, commit, push, 其实还有好多有用有意思的方法用好Git Log 你应该用过 git log, 但是 log 支持很多有用的参数也许你不知道，下面列出一些比较有用的 --author="jack" : 只显示jack提交...

CSS 布局的未来：网格布局 · 张小伦爱学习 - 前端 - 掘金
在这片文章中，我们一起来探索 CSS 网格布局的美妙世界。网格布局是 W3C 规范中相对较新的部分，已经在浏览器中开始绽放属于自己的光芒。 在我们深入研究这项新鲜的 CSS 技术之前，让我们先快速的复习 grid 原理的相关知识。 网格布局的简短介绍 原作者的...

ES6 你可能不知道的事 - 进阶篇 - 前端 - 掘金
前言这篇文章主要会针对上篇未涉及到的进阶特性展开；而与前一篇文章相同，本文主要介绍这些特性的一些容易忽略的部分，希望能对大家正确认识和使用 ES6 有帮助。 还是那句话，时间和能力有限，针对文章中的问题或不同意见，欢迎随时拍砖、指正！ 正文Module模块化是...

谈谈 CSS3 的长度单位（vh、vw、rem） - 前端 - 掘金
在CSS3中，新增了很多长度单位，今天就来谈谈：1、vw、vh、vmin、vmax vh、vw、vmin、vmax这四个单位都是基于视口的，含义如下： （1）vw、vh vw是相对视口（viewport）的宽度而定的，长度等于视口宽度的1/100。 假如浏览器...

flex.css快速入门，极速布局 - 掘金
什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它，但是我想我们都会有一个共同的经历，面对它的各种版本，各种坑，傻傻的分不清楚，flex.css就是对flex布局的一种封装，通过简洁的属性设置就能使得它完美的运行在移...

用github来展示你的前端页面吧 - 掘金
前言 经常会有人问我如何才能将自己做的静态页面放到网上供他人欣赏，是不是需要自己有一个服务器，是不是还要搞个域名才能访问？对于以上问题我都会回答：用github来展示你的前端页面吧。 工欲善其事，必先利其器。github是一个很好的代码管理与协同开发平台，在程...

了解真实的『REM』手机屏幕适配 - 前端 - 掘金
rem 作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。 rem 的官方定义『The font size of the root element...

实现图片懒加载(Lazyload) - 掘金
本文标题:实现图片懒加载(lazyload)文章作者:Jake发布时间:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始链接:http://i.jakeyu.top/2016/11/26/实现图片懒加载/许可协议:...

Android 和 H5 交互 - 基础篇 - Android - 掘金
hybrid App开发也不是什么新鲜事了，其中native和h5之间的交互则是必不可少的。Android中是如何和H5交互的？ 1、webView加载页面 我们都知道在Android中是通过webView来加载html页面的，根据HTML文件所在的位置不同...

预加载显示图片的艺术 - 掘金
前言 一般情况下网页中的图片都是随文档流依次加载的，什么时候用到则什么时候加载，但是有些时候这样的加载方式往往会影响用户体验，比如鼠标hover变换背景图片的时候，只有鼠标移入才会对变换的图片进行加载，这样就可能会出现片刻的加载空白现象。 为了在必要的时候增加...

AlloyTouch Button 插件 - 不再愁 click 延迟和点击态 - 掘金
移动端不能使用click，因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover会有不消失的问题，所有大家一般用:active。利用 :activ...