摘要:
所谓联动就是本身的改变受上下级元素影响,常见的多级联动运用在选择年月日,选择国家地区,购物筛选等等,本案例实现的是年月日的三级联动,原生js实现,效果如上图。大多说多级联动数据都是来自后台数据库的多维数组或者本地数据表,道理大同小异,无外乎js判断上下级关系,获取子父... 阅读全文
摘要:
昨天帮朋友写个简单的页面,由于没有传后台数据所以页面写完主体部分很短,是的footer页脚没有显示在视窗的底部。 最后用flex的拉伸性解决了。 这里写图片描述" title=""> 看一下css代码html,body { margin: 0; paddi... 阅读全文
摘要:
最近发现博客园可以自定义博客页样式,就想把多余的侧边栏,footer,博客信息隐藏起来,想到了几种办法,在此总结一下:visibility: hidden;设置visibility: hidden;但是模块实际还是占版面的,浏览器一样会对齐进行渲染.opacity:0... 阅读全文
摘要:
开篇之前先了解一个问题:浏览器在解析HTML结构的时候,是按标签顺序加载渲染的.也就是说,当块元素足够大,网速不好的时候,块是被一片一片加载出来.就上图的布局,掐指一算有4,5中方法:absolute + margin 方式HTML头部 侧边栏固定宽度 主... 阅读全文
摘要:
学这么久CSS和JavaScript其实我自己都没考虑过这个问题,有时候问题来了就很自然的解决了,大多时候都是用的js去完成动画特效 ,但是后头一思考,通用的动画用C3好像也能实现,那到底用什么方法实现好? 网上查了一下相关文章并不多,总结一下如下: ... 阅读全文
摘要:
常见伪元素: 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 其中::before和::after常用在项目中,巧妙的运用会会使很多样式的实现变得非常简单. 一般地,我们... 阅读全文
摘要:
本篇博文实现的是一个原生js写的轮播图,含括了大部分轮播图的功能,有的同学问前端框架那么多干嘛要用原生写,伤神费脑. 个人感觉程序世界里的框架,是让大牛更牛,小白也永远只是小白.框架是死的,需求是不断更新的,我们只有知道了原理,才能不断利用原理满足别人的... 阅读全文
摘要:
当下撞色风格很流行,撞色风格表达了”自信与活力,活出自己的个性,张扬自己的气魄” ,今天做一个比较容易实现而且效果还不错的文字style,是什么呢,先看图: 滚动彩虹色文字效果,纯CSS效果. 将文字镂空,color透明,再设置背景滚动动画就得到... 阅读全文
摘要:
原文: JavaScript: Arrow Functions for Beginners译者: Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。本文我们介绍箭头(arrow)函数的优点。更简洁的语法 我们先来按常规语... 阅读全文
摘要:
那要写出这样一个界面,首先了解一下球场结构,如图,具体比例就不坐详细说明了自行百度. 颜色上白线绿地没啥问题,发球弧和角球线通过父级的覆盖可以做到部分弧线效果.先看一下整体效果:具体地:1 )场地外围我们使用混合色:background: radial... 阅读全文