当前位置: 首页 > Web前端 > CSS

案例-合集-掘金

时间:2023-03-31 11:01:39 CSS

八卦图上传-掘金作者:孙辉,美团点评金融前端团队成员。2015年毕业后,我加入了美团。我相信技术,我相信技术只是世界上的一种知识。我的个人博客:https://sunyuhui.com我做过很多需要上传图片的项目,场景五花八门,从前后端数据交互来看,有ajax直接从浏览器发送到后端...如何优雅安全的在深层数据结构中取值-赵子龙上古金块,面对“冲锋之势,进无退,有志投战,有死无生”的局面,千军万马之中,一举拿下敌将之首。在我们的Javascript中,对象(Object)经常用来存储一个数据结构。如果结构非常复杂,安全优雅地检索值并不容易。本文将详细阐述一个嵌套...实现水平居中和垂直居中的16种方法-掘金熟知水平居中和垂直居中的方法,不为别的,只为能够信手拈来.下面步骤直接进入正题。原文:实现水平居中、垂直居中和水平居中的16种方法1)如果是内联元素,为其父元素设置text-align:center,即可使内联元素水平居中。2)如果是块级元素,...数据可视化中有影响力的17个twitter账号-前端-掘金一个demo具体的git地址https://github.com/sunweiling...因为压缩后的问题制作动画后,线条将不可见,所以我将颜色更改为不透明。demo还是和知乎一样。相同的。主要知识点...利用SVG轻松实现波浪(wave)动画效果-前端-掘金下图波浪动画效果的实现方式有很多种,比如CSS或者js。但是,如果是用SVG实现,我觉得比其他两种方式要简单。这篇文章将讲述使用SVG实现这样的波浪动画效果是多么容易。先来分析一下这个波浪效果的实现原理……黑科技:CSS自定义多行省略号-前端-掘金什么是多行省略号?当字数达到一定程度时,会显示省略号。一开始只是一个简单的点,后来花样越来越多,点加向下箭头,点加多,点加多加箭头。。。文本。同行是这样做的:...利用css3实现圆形进度条-前端-掘金在开发微信小程序时遇到了圆形进度条的需求。用canvas绘图比较麻烦:1、为了实现不同屏幕的适配,必须动态计算进度条的大小;2.在小程序中,canvas的画布级别最高,不易扩展。但是使用css3...图片延迟加载策略(JavaScript)-掘金注:文末有个人公众号二维码,更多技术文章会分享,是否开发于上敬请期待移动端或者PC客户端开发基本都会采用图片懒加载,最大的原因是为了保证页面打开的速度(一般3秒内不能打开首页就算deadtime).延迟加载的基本方法一般是这样的...AlloyTouch相关文章聚合-前端-掘金欢迎来到AlloyTouchwiki!AlloyTouch源码分析-未完待续AlloyTouch无限循环选择AlloyTouchSimple选择AlloyTouch学习笔记...前端开发面试题目总结-JAVASCRIPT(三)-前端-掘金相关知识点数据类型、操作、对象、函数、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAS……简单分析两种js实现网页截图(生成图片)的方式,不是高频需求,资料自然不会太多。查了一下,有Canvas和SVG两种实现方式。原理大概是差不多的,都不是真正的截图而是DOM变成图片,只是实现方式大不相同。Canvas实现...也说说JavaScript数组去重-前端-掘金JavaScript数组去重是一个常见的话题。只需搜索即可找到许多不同版本的解决方案。昨天在微博上看到一篇文章,也写了数组去重。主要推荐的方法是使用数组元素作为对象键去重。我在微博上转发了《使用objectkey去重不是一个好办法……》然后作者……深入剖析JavaScript的深拷贝-前端-掘金一年前写过一篇关于深拷贝的文章在Javascript实现上,我写这篇文章的时候还比较稚嫩,有很多地方没有考虑周全。为了不误导别人,我决定结合Underscore、lodash、jQuery等主流第三方库重温这个问题。完整版第三方库...js用于数组去重-前端-掘金数组去重是一个很常见的需求,而且有很多各种各样的姿势,常见的比如indexOf,或者hash,但是它们还是有瑕疵,这里查了一些资料补充一下。通用方法//通用方法->使用indexOfAr...ECharts水球图教程-前端-掘金水球图是一种适合显示单个百分比数据的图表类型。ECharts的水球图插件让你通过Configuration实现炫酷的数据展示效果。那么,今天我们就来学习如何使用ECharts水球图表。...2017百度前端技术学院-自定义checkbox/radio-前端-掘金1.label标签1.概念:HTML