程序员

对简书官网个人中心页面右侧内容块tab切换bug的分析

首先声明这是一篇技术分析文章,要输出的信息就是如何分析定位web页面缺陷,并无其它恶意哦@简叔。 事情是这样的,某天我女朋友在电脑上浏览自己简书文章阅读量时发现,最新文章,最新动态,热门文章三个tab选项来回切换时,tab项的选中状态有问题。我一听立马就激动起来了(原谅我,职业病犯了),心想简书这么…

程序员

javascript发布-订阅者模式

这个模式看了很长时间,卡在什么地方呢?在我看来,其他的模式为了简化编程的复杂性,都是鼓励函数或者对象间解耦和的,但是发布-订阅者模式虽然发布者和订阅者对象分开了,但是之间的依赖关系反而更强了。 关键点:1.订阅者在订阅事件的时候实际是在发布者对象的数组中写入要订阅的事件。 2.发布者在发布或者叫tr…

程序员

Audio和Video API

Audio和Video API 两个重要概念:容器+解码器 视频容器中包括:音频轨道+视频轨道+一些其他元数据(封面、标题、子标题、字幕等等),视频格式包括avi、flv、mp4、mkv、ogv等 解码器:音频解码器包括AAC\MPEG-3\Ogg Vorbis,视频解码器包括H.264\vp8\O…

程序员

全栈开发,你值得拥有

这些年来,对于招聘团队的老板们,和身为技术从业人员我们自己有两种不同职业规划路线: 前端工程师和后端工程师。但是通常会忘记了其实还是第三个选项:全栈 Full-stack。 全栈开发其实已经出现了相当一段时间, 这在过去也许就只称为“开发” (词乏……) 由于现在越来越复杂的用户交互和终端设备支持,…

程序员

跟高老师学习Web前端之27.

昨天家里电灯泡坏了,书房里面黑漆漆的,我没有“挑灯夜读”的习惯,所以昨天就早早休息了,拉下的功课今天来补充。 今天开始学习文本的white-space样式,主要属性是:设置或检索对象内空格的处理方式。 代码书写 具体说明: 今天主要学习了文本内空格处理的四种方式:pre、nowrap、pre-wra…

程序员

基础类型之 Symbol(三)

导读:上一节呢,我们剖析了 Symbol 的两个方法与其中的差异。。所以,接下来,我们继续学习 Symbol 类型自身的方法。 (1)Symbol.hasInstance 概述:该方法确定构造函数对象是否将对象识别为构造函数实例之一。 由 instanceof 操作符进行调用。 该属性(proper…

大数据

javascript表观模式

表观模式(Facade),表观模式有两个作用,一个是简化类的接口,二是消除类与使用它的客户代码之间的耦合。在jQuery教程中总是会告诉使用者,jquery已经消除了浏览器之间的差异,只用一个方法就可以在所有的浏览器环境下使用,背后的原理就是,作者通过表观模式消除了浏览器之间的差异。 在浏览器的事件…

大数据

javascript组合模式

在程序设计中,组合模式就是用小的子对象来构建更大的对象,而这些小的子对象本身也是由更小的对象组成的。这里只是组合,并没有从属关系。参考《javascript设计模式与开发实践》第十章 //宏命令的代码 var closeDoorCommand = {//作为叶对象 execute: function…

大数据

javascript桥接模式(1)-队列数据结构

根据书上例子的实际要求,涉及到js队列的问题。所以先把js中队列的具体实现数据结构贴出来。具体参考《学习javascript数据结构和算法》第四章。队列数据结构遵循先入先出的原则。入队操作添加到数组的末尾,返回新数组。出队操作弹出数组第一个元素,返回新数组。两个操作对于数组都有结构的改变 //js中…