03 2020 档案
摘要：看这个的时候，我默认你对渐变掌握的很好了，啥，没有快看这里：https://www.cnblogs.com/jsydb/p/12593152.html 上回我们说到，孙悟空闯进了天庭，呸！跑题了。 上次我们说到怎样实现一个条纹背景，这次我们来看看更炫酷的背景图案。 我们先来看一个简单的网格实现： 是
阅读全文
摘要：从线性渐变说起，这个都知道是在一些特殊颜色交替产生渐变的功能。 看一个简单的例子： 效果： 嗯，很丑，红配绿，丑的哭。 我们在修改一下，拉近一下色标： 看看效果： 可以看到在容器高度30%到80%的地方才会有渐变，其他的位置都是存色填充。现在我有一个大胆的想法，如果把这两个色标无限拉近，会发生什么鬼
阅读全文
摘要：众所周知，background-position是用来容器背景图片定位的，我们现在需要把一个背景图片定位到距底部10px，右边20px的地方。嗯，咋一看很简单是吧。我们只要设置background-postition相关的top，left的方位值，就可以实现了。 嗯。。。，等等，好像是有问题的，我们
阅读全文
摘要：只有你做不到的需求，没有想不到的需求。 我们来看一下一个元素多边框的需求。对于边框我们想到的是使用border，没有错，就是这样子。但是这个属性只能实现一个边框（目前为止是这样子的）。 我们先看看一个边框： 代码如下： 用传统的方式我们无法实现多边框，只能另辟蹊径。 第一种，使用多个元素进行定位重叠
阅读全文
摘要：简单点，bb的方式简单点。好的，大哥。 对于前端开发来说，css是必备的基本功。你可能会说css嘛，就那样，用的时候先这样，在这样。对我完全知道你在说什么，所以你可以认为css是很简单，因为我们涉及的都不深。 我们来看一段非常简单的代码（真的是非常的简单）： <!DOCTYPE html> <htm
阅读全文
摘要：抛开不借助第三方库不谈，你在日常开发中是不是遇到过表单校验的问题，比如姓名必须四中文，密码必须是什么组合之内的。 我没有，不你肯定有。 来来来，我们先看一段伪代码： // form表单提交的时候要做的事情var validata = function () { if (!userser) { con
阅读全文
摘要：什么是组合模式？ 从前有座山，山上住着一个老和尚和小和尚，老和尚给小和尚讲了一个故事，这个故事是这样子的：从前有座山，山上住着一个老和尚和小和尚，老和尚给小和尚讲了一个故事，这个故事是这样子的：从前有座山，山上住着一个老和尚和小和尚，老和尚给小和尚讲了一个故事，这个故事是这样子的。。。 骚年，读到这
阅读全文
摘要：什么是命令模式？ 今天我去餐馆叫了服务员，我要吃这个那个，服务员拿着便条给我记录了下来，然后去厨房，把便条给厨师，厨师就知道要做什么菜了。 嗯，确实奢侈了一点，我现在所在的地方物价很高，之前点了一个菜56，还是很普同的菜。哈哈扯了一点题外话。 从上面我去餐馆点菜到服务员记录到厨师做菜，我们知道哪个厨
阅读全文
摘要：发布-订阅模式是什么？ 发布-订阅模式又叫做观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变的时候，所有依赖于它的对象都将得到通知。 作为一名JavaScript开发者，我100%相信你已经使用过了这个模式，不信你看如下代码： document.body.addEventLi
阅读全文
摘要：什么是树？ 没错，就是森林中的树哈哈。其实一两句话很难说清楚这个玩意儿，请自行百度，但是碍于形式，给出一个简单的定义：树有一组以边链接的节点组成。 但是要注意了哈，这个定义给出了很多信息： 1.节点（说明我们要创建一个节点类，代表树中的每一个节点的数据结构） 2.边（就是当前节点指向另一个节点的链接
阅读全文
摘要：什么是代理模式？ 代理模式的定义是：为一个对象提供一个代用品或者占位符，以便控制对它的访问。 看一段代码： function getSomething(value) { if (value > 10) { return value * 2; } } 在这里我们定义了一个函数，如果传入的值大于10，那
阅读全文
摘要：什么是策略模式？ 策略模式的定义是：定义一些列的算法，把它们统一的封装起来，并且可以使它们相互替换。 没错定义就是这么简单。 下面我们来看一个例子： function getLevel(level) { if (level 'A') { console.log('大师'); } else if (l
阅读全文
摘要：什么是字典？ 字典就是一中以健-值对形式存储数据的数据结构，是的你没有猜错，js中的Object类就是依照字典来设计的（其实，我不知道你没有猜😄） 所以说这样子看来字典还是很简单的，现在我们来实现一个字典类： class Dicitonary { constructor() { this.data
阅读全文
摘要：单例模式的定义是：保证一个类仅有一个对象，并提供一个访问它的全局访问点。 根据定义我们可以实现一个简单的单例模式 不透明的单例模式 var Person = function(name) { this.name = name; } Person.getInstance = (function(){
阅读全文
摘要：什么是this？ 简单点来说JavaScript中的this总是指向一个对象，至于这个对象是什么，就有很多情况了。 出去with和eval不常用的情况，实际应用中，this的指向大致有这四种分类： 1.作为对象的方法调用 var obj = { name: 'ydb', sayName: funct
阅读全文
摘要：什么是链表？ 说实话关于什么是链表，这个东西要描述的清楚，要看写作能力，我就大概的描述一下，请自己百度一下相关的概念进行补充。 链表是由一组节点组成的集合。每个节点都使用一个对象的引用指向它后面一个节点（即当前节点的后继节点，后面我就用后继来表示这个概念），该对象中还保存着当前节点所保存的数据。指向
阅读全文
摘要：什么是队列？ 队列可以看做是一个单向通道，先进去的元素，必定会先出来（不考虑优先级的情况下）FIFO first-in-first-out，队列的元素从队尾进入，从队头出来。 抽象队列的数据结构类型 size（属性）：队列中的元素个数 dataSource（属性）：队列中存储元素的数组 enqueu
阅读全文
摘要：什么是栈？ 你可以这样理解，栈就是一个装水的水桶，我们要取水的话只能从水桶的最上面取水，最先倒入水桶的水，是最后取出来的。 所以栈就是一种特殊的列表，栈内的元素只能通过列表的一端进行访问，这一端称为栈顶。栈被称为一种后入先出（LIFO，last-in-first-out）的数据结构。 我们来抽象一下
阅读全文
摘要：什么是列表？ 列表是一组有序的数据。每个列表中的数据项称为元素。在JavaScript中，列表中的元素可以是任意类型的数据。列表中可以保存多少元素没有确定，实际使用时元素的数量受到程序内存的限制。 现在我们来抽象一下列表的抽象数据类型定义 listSize（属性）：列表中的元素个数 pos（属性）：
阅读全文
摘要：不多bb，就直接说实现了什么功能： 1. 视频播放进度调整 2. 视频小窗口实时预览 3. 声音调整 4. 画中画模式 5. 网页全屏 6. 视频全屏 7. canvas绘制弹幕 8. 选中弹幕悬停 9. 用户弹幕头像选择 10. 全屏弹幕实现 11. 页面离开在此进入弹幕渲染 涉及到的知识点： 1
阅读全文
浙公网安备 33010602011771号