案例 - 收藏集 - 掘金

闲话图片上传 - 掘金
作者：孙辉，美团金融前端团队成员。15年毕业加入美团，相信技术，更相信技术只是大千世界里知识的一种，个人博客: https://sunyuhui.com 陆陆续续做了不少需要上传图片的项目，场景各种各样，从前后端数据交互来看，有直接从浏览器里发ajax到后端...

如何优雅安全地在深层数据结构中取值 - 掘金
古有赵子龙面对“冲锋之势，有进无退，陷阵之志，有死无生”的局面，能万军丛中取敌将首级。在我们的Javascript中，往往用对象（Object）来存储一个数据结构。如果这个结构非常复杂，那么想要安全优雅地取出一个值，也并非简单。 这篇文章将会详细阐述在一个嵌套...

16种方法实现水平居中垂直居中 - 掘金
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素,...

17 个数据可视化方面有影响力的 twitter 账号 - 前端 - 掘金
对数据可视化感兴趣的同学可以关注这些账号，拿走不谢...

初学 Canvas 仿知乎登录页面动画 - 前端 - 掘金
写了一个demo 具体git地址  https://github.com/sunweiling/zhihu-canvas 因为做成动图以后压缩的问题会看不到线，所以就把颜色都改成不透明的了 demo里面还是跟知乎里的一样。 主要的知识点 ...

使用 SVG 轻松实现波浪 (wave) 动画效果 - 前端 - 掘金
如下图所示的波浪动画效果，实现方法有很多，比如CSS或者是js等方法都可以实现。不过，要是使用SVG来实现的，我觉得比其它两种方法都要简单。这篇文章就来讲讲使用SVG来实现类似这样的波浪动画效果是多么的简单。 先来分析下这个波浪效果的实现原理...

黑科技：CSS 定制多行省略 - 前端 - 掘金
什么是多行省略？ 当字数多到一定程度就显示省略号点点点。最初只是简单的点点点，之后花样越来越多，点点点加下箭头，点点点加更多，点点点加更多加箭头...。多行省略就是大段文字后面的花式点点点。 同行这么做： ...

使用 css3 实现圆形进度条 - 前端 - 掘金
在开发微信小程序的时候，遇到圆形进度条的需求。使用canvas绘图比较麻烦： 1、为了实现在不同屏幕上面的适配，必须动态的计算进度条的大小； 2、在小程序中，canvas的画布具有最高的层级，不易于扩展。 但使用css3...

图片延迟加载策略（JavaScript） - 掘金
注：文章最末尾有个人公众号二维码，会分享更多技术文章等，敬请关注 不管是在移动端开发还是在PC端开发，基本都会用到图片的懒加载，这其中最大的原因就是为了保证页面打开的速度（正常情况下3秒之内如果首页打不开，就已经算是死亡时间了）。 延迟加载的的基本做法一般是这...

AlloyTouch 相关文章聚合 - 前端 - 掘金
Welcome to the AlloyTouch wiki! AlloyTouch源码分析-未完待续 AlloyTouch 无限循环Select AlloyTouch Simple Select AlloyTouch学习笔记...

前端开发面试题总结之——JAVASCRIPT（三） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAS...

浅析 js 实现网页截图的两种方式 - 前端 - 掘金
Web端的截图(生成图片)并不算是个高频的需求，资料自然也不算多，查来查去，也不过Canvas 和 SVG两种实现方案，原理大概相似，都非真正义上的截图而是把DOM转为图片，然而实现方式却截然不同。 Canvas 实现 ...

也谈 JavaScript 数组去重 - 前端 - 掘金
JavaScript的数组去重是一个老生常谈的话题了。随便搜一搜就能找到非常多不同版本的解法。 昨天在微博上看到一篇文章，也写数组去重，主要推崇的方法是将利用数组元素当作对象key来去重。我在微博转发了“用对象key去重不是个好办法…”然后作者...

深入剖析 JavaScript 的深复制 - 前端 - 掘金
一年前我曾写过一篇 Javascript 中的一种深复制实现，当时写这篇文章的时候还比较稚嫩，有很多地方没有考虑仔细。为了不误人子弟，我决定结合 Underscore、lodash 和 jQuery 这些主流的第三方库来重新谈一谈这个问题。 第三方库的...

js 对数组去重的完整版 - 前端 - 掘金
数组去重是很常见的一个需求，而各种各样的姿势也很多，常见的如indexOf，或者hash，但是他们还是有缺陷，这里我查了一些资料做补充。 一般方式 //一般方法->使用indexOf Ar...

ECharts 水球图教程 - 前端 - 掘金
水球图是一种适合于展现单个百分比数据的图表类型，ECharts 的水球图插件使你能够通过非常简单的配置，实现酷炫的数据展示效果。那么，今天我们就一起来学习一下，如何使用 ECharts 水球图。...

2017 百度前端技术学院 - 自定义 checkbox/radio - 前端 - 掘金
一. label标签 1. 概念： HTML <label>元素表示用户界面中项目的标题。它通常关联一个控件，或者是将控件放置在label元素内，或者是用作其属性。这样的控制称作lab...

2017 百度前端技术学院 - 自定义右键菜单 - 前端 - 掘金
转载自：http://www.jianshu.com/p/731488a8a3e6 效果预览 ...

前端面试经典问题：CSS 中居中的几种方式 - 前端 - 掘金
作为面试常客，学会这些，面试多点把握，同学间逼格升高周五，老大说他面试了一个问题，是css居中的问题，然后我们在这边就讨论了一番，周末嗨玩，尾巴上想起这件事，特来总结，希望能帮助到求职和学习的朋友！参考了这篇文章，快速传送门内容都是我手敲实践过的可靠！ ...

javascript array js 缓存算法，数组去重、数组随机抽取、字母串转数字，数字转字符串 - 前端 - 掘金
前言 因为平时在写代码的过程中，有些算法会经常重复写，比如数组去重、数组抽取随机值等！虽然这些不是很难的逻辑，但是每次刚开始遇到需求的时候，还是需要琢磨一些时间才能想出来，所以此文档把这些常见算法的思想记录下...

轮播无缝循环思路 - 前端 - 掘金
轮播插件是前端开发中必不可少的组件，很多页面都会用到它。常用的轮播插件有 swiper、slick、slidesjs、Bootstrap Carousel等等。这些轮播插件通常都有一个设置是否可循环的属性 loop。实现思路通常有两种。...