摘要: 看这个的时候,我默认你对渐变掌握的很好了,啥,没有快看这里:https://www.cnblogs.com/jsydb/p/12593152.html 上回我们说到,孙悟空闯进了天庭,呸!跑题了。 上次我们说到怎样实现一个条纹背景,这次我们来看看更炫酷的背景图案。 我们先来看一个简单的网格实现: 是 阅读全文
posted @ 2020-03-29 21:52 只会一点前端 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 从线性渐变说起,这个都知道是在一些特殊颜色交替产生渐变的功能。 看一个简单的例子: 效果: 嗯,很丑,红配绿,丑的哭。 我们在修改一下,拉近一下色标: 看看效果: 可以看到在容器高度30%到80%的地方才会有渐变,其他的位置都是存色填充。现在我有一个大胆的想法,如果把这两个色标无限拉近,会发生什么鬼 阅读全文
posted @ 2020-03-29 18:12 只会一点前端 阅读(458) 评论(0) 推荐(0) 编辑
摘要: 众所周知,background-position是用来容器背景图片定位的,我们现在需要把一个背景图片定位到距底部10px,右边20px的地方。嗯,咋一看很简单是吧。我们只要设置background-postition相关的top,left的方位值,就可以实现了。 嗯。。。,等等,好像是有问题的,我们 阅读全文
posted @ 2020-03-29 15:30 只会一点前端 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 只有你做不到的需求,没有想不到的需求。 我们来看一下一个元素多边框的需求。对于边框我们想到的是使用border,没有错,就是这样子。但是这个属性只能实现一个边框(目前为止是这样子的)。 我们先看看一个边框: 代码如下: 用传统的方式我们无法实现多边框,只能另辟蹊径。 第一种,使用多个元素进行定位重叠 阅读全文
posted @ 2020-03-28 23:37 只会一点前端 阅读(1232) 评论(0) 推荐(0) 编辑
摘要: 简单点,bb的方式简单点。好的,大哥。 对于前端开发来说,css是必备的基本功。你可能会说css嘛,就那样,用的时候先这样,在这样。对我完全知道你在说什么,所以你可以认为css是很简单,因为我们涉及的都不深。 我们来看一段非常简单的代码(真的是非常的简单): <!DOCTYPE html> <htm 阅读全文
posted @ 2020-03-28 22:41 只会一点前端 阅读(486) 评论(0) 推荐(0) 编辑
摘要: 抛开不借助第三方库不谈,你在日常开发中是不是遇到过表单校验的问题,比如姓名必须四中文,密码必须是什么组合之内的。 我没有,不你肯定有。 来来来,我们先看一段伪代码: // form表单提交的时候要做的事情var validata = function () { if (!userser) { con 阅读全文
posted @ 2020-03-26 22:08 只会一点前端 阅读(965) 评论(0) 推荐(0) 编辑
摘要: 什么是组合模式? 从前有座山,山上住着一个老和尚和小和尚,老和尚给小和尚讲了一个故事,这个故事是这样子的:从前有座山,山上住着一个老和尚和小和尚,老和尚给小和尚讲了一个故事,这个故事是这样子的:从前有座山,山上住着一个老和尚和小和尚,老和尚给小和尚讲了一个故事,这个故事是这样子的。。。 骚年,读到这 阅读全文
posted @ 2020-03-23 21:57 只会一点前端 阅读(437) 评论(0) 推荐(0) 编辑
摘要: 什么是命令模式? 今天我去餐馆叫了服务员,我要吃这个那个,服务员拿着便条给我记录了下来,然后去厨房,把便条给厨师,厨师就知道要做什么菜了。 嗯,确实奢侈了一点,我现在所在的地方物价很高,之前点了一个菜56,还是很普同的菜。哈哈扯了一点题外话。 从上面我去餐馆点菜到服务员记录到厨师做菜,我们知道哪个厨 阅读全文
posted @ 2020-03-22 23:16 只会一点前端 阅读(396) 评论(0) 推荐(0) 编辑
摘要: 发布-订阅模式是什么? 发布-订阅模式又叫做观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变的时候,所有依赖于它的对象都将得到通知。 作为一名JavaScript开发者,我100%相信你已经使用过了这个模式,不信你看如下代码: document.body.addEventLi 阅读全文
posted @ 2020-03-22 19:11 只会一点前端 阅读(1244) 评论(0) 推荐(0) 编辑
摘要: 什么是树? 没错,就是森林中的树哈哈。其实一两句话很难说清楚这个玩意儿,请自行百度,但是碍于形式,给出一个简单的定义:树有一组以边链接的节点组成。 但是要注意了哈,这个定义给出了很多信息: 1.节点(说明我们要创建一个节点类,代表树中的每一个节点的数据结构) 2.边(就是当前节点指向另一个节点的链接 阅读全文
posted @ 2020-03-21 22:11 只会一点前端 阅读(367) 评论(0) 推荐(0) 编辑