最近想要在按钮上添加material design的点击效果,看了看muse-ui,单纯的想要这种效果,而要引入一些不必要的内容觉得不划算,然后自己动手造了个轮子。项目地址:github 上传不了gif图只能用 JSFi…
分类:css
前端知识库 - 收藏集 - 掘金
如何在 Vue.js 中使用第三方库 – 前端 – 掘金在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库. 但…
ios上-webkit-overflow-scrolling与position的bug
布局 如上图,.fb-box是一个大div,包含着页面上的所有元素,包括所看到的那个弹窗.dialog-img,并且设置了height:100%;-webkit-overflow-scrolling:touch; 问题 …
Metro UI 风格的Vue.js组件库 -VIUI
VIUI [Github地址] (https://github.com/watson-yan… [Demo地址] (https://huayan.site/ViUI/#/de… Metro UI …
我所知道的CSS清除浮动四种方法
CSS清除浮动 不清除浮动会怎么样? HTML: <div class="container"> <div class="left"></div> <div class="rig…
重拾css(11)——position
1.引言 在学习position之前,我们应该去思考一个问题:什么情况下我们需要定位?如果没有定位将无法满足我们怎样的需求?我们要知道,被人类创造出来的每一个知识,都有它的用途,都要解决一些之前遇到的问题。 如果没有定位…
前端开发知识点整理
前言:本文主要是有关前端方面知识按照 XX 目前的认知进行的收集、归类、概括和整理,涵盖『前端理论』与『前端实践』两方面。本文会告诉你前端需要了解的知识大致有什么,看上去有很多,但具体你要学什么,还是要 follow y…
重拾css(10)——display
1.引言 html元素,除了“块”就是“流”(即平时常说的块级元素和行内元素),而且“流”都包含在“块”中,例如body就是一个“块”,而a就是一个“流”。浏览器默认样式中规定了html元素哪些属于“块”(剩下的就是“流…
移动前端 - 收藏集 - 掘金
Sticky Footer,完美的绝对底部 – 前端 – 掘金写在前面 做过网页开发的同学想必都遇到过这样尴尬的排版问题:在主体内容不足够多或者未完全加载出来之前,就会导致出现(图一)的这种情况,…
页面制作(切图)第一章
CSS+HTML实战 经过前两篇文章的基础学习后,从本章开始我们要开始实战学习。 1. 首先要知道什么叫页面制作(切图) 页面制作(切图)就是,web前端工程师通过HTML和CSS还原UI设计师的设计稿。目前各公司UI设…
手把手和你用原生JS写一个循环播放图片轮播
前段时间学习了淘宝首页的静态页面,其中收获较大的的就是这个循环播放的图片轮播组件,本文就将相关制作经验分享给大家。 先看看在线DEMO:原生JS循环播放图片轮播组件 (支持IE8+,本文中的在线demo均未经过…
webpack学习心得
webpack学习心得 出于对webpack的好奇,决定要去学习门技术,提升自己。 什么是webpack? webpack是德国开发者开发的模块加载器兼打包工具,在webpack中,它能把各种资源,例如js(含jsx),…