案例 - 收藏集 - 掘金

摘要：同行这么做使用实现圆形进度条前端掘金在开发微信小程序的时候，遇到圆形进度条的需求。实现也谈数组去重前端掘金的数组去重是一个老生常谈的话题了。百度前端技术学院自定义前端掘金一标签概念元素表示用户界面中项目的标题。

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

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

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

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

初学 Canvas 仿知乎登录页面动画 - 前端 - 掘金
写了一个demo 具体git地址  https://github.com/sunweiling... 因为做成动图以后压缩的问题会看不到线，所以就把颜色都改成不透明的了 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元素内，或者是用作其属性。这样的控制称作lab...

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

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

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

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