Typeof

摘要： 1. Vue是否能检测到数组下标修改元素以及修改length属性的变化？源码如何实现的？ ES5规范下无法做到 Vue内部通过对data中定义的数组对象更改其__proto__指向一个内部的对象来实现对一些方法进行劫持， 这些方法有push、pop、shift、unshift、splice、sort 阅读全文

摘要： 1. JS实现快速排序 思路：选择一个值作为基础数，一般使用第一个值。快速排序算法的时间复杂度最差的情况是O(N2)，平均时间复杂度是O(NlogN) 答案： function quickSort(arr, begin = 0, end = arr.length - 1) { if (begin > 阅读全文

摘要： 1. var a = { n: 1 }; var b = a; a.x = a = { n: 2 }; console.log(a); console.log(b); 答案：{ n: 2 }，{ n: 1, x: { n: 2 } } 分析：这里最核心的地方就是a.x运算优先级高于=，因为a.x优先 阅读全文

摘要： 学习前端时间不短了，最早使用parseInt这个函数已经不记得具体时间了，在我的概念里对它的使用了解是parseInt(string, radix);把string转成数字，radix参数是把数字以多少进制表示出来，一直到今天我99.99%的情况使用场景都是radix等于10，而且也没出现过什么问题 阅读全文

摘要： 一、选择题 1. 浏览器端的存储技术有哪些（） A.cookie B.localStorage C.session D.userData 答案：A B D 分析：cookie通常用于存储用户等登录信息，能够存储的数据是有限的，而且在指定域名下所有的请求都会带上。 localStoage是H5新增用于 阅读全文

摘要： 最近项目中有表单提交的地方需要用户填写邮箱，PM(产品经理)和运营都强烈要求在用户填写邮箱的时候出现suggest列表，简化用户输入的填写流程。我考虑了下，这个应该也是经常会用到的功能，细心的朋友可能会发现好多登录或者其他有表单提交的地方，比如搜狐白社会登录，我的搜狐登录等等都有这个功能，所以为了方 阅读全文

摘要： 项目中经常有用到动画效果，比如Loading、风车转动等等。最简单的办法是使用gif，但是gif在半透明背景下有白边，体验不友好，好在现在可以使用css3的anmiation来实现动画效果，极大的提升了用户体验。下面是风车转动效果实现demo 风车 - cs... 阅读全文

摘要： 最近在做东西时候使用到了label标签，由于之前很少使用label标签，所以就遇到一个很奇怪的问题。什么问题呢？下面来看一个效果 HTML label tag 学习 by Typeof label标签使用过程中遇到的问题 用户名： 密码： ... 阅读全文

摘要： Mac下运行VirtualBox来执行ie6做兼容性测试，下载了最新版本的IETest，然后又安装了DebugBar，但是这个收费的产品。要用一些好的特性就需要激活，所以就到处找激活码。通过谷歌一阵搜索，最后在CSDN上找了，看下面的评论说可以用。但是偶以前很少逛CSDN，所以积分为0。于是就求助于@锋子 帮忙了，在此记录下并把这个东西分享给大家，有需要的请下载。 阅读全文

摘要： 主流浏览器默认为html元素提供的滚动条不美观，而且前端开发人员想对其通过css进行统一样式的美化也是不可实现的。比如ie可以通过样式来实现简单的美化、Webkit内核浏览器可以控制滚动条的显示效果，firefox则不允许用户为滚动条定义样式。但是对于追求友好的用户体验的前端开发人员，是不会被这些浏览器的不一致行为所阻止的。我们可以自己通过标准的html元素模拟来实现自定义的滚动条。 这里是自己在工作不太忙的时候写出来了一个用户可以自定义的滚动条jscroll，以下简称jscroll。jscroll默认只提供一种滚动条样式，部分样式来自google webstore ，其中有部分css3... 阅读全文

摘要： 由于主流浏览器对select元素渲染不同，所以在每种浏览器下显示也不一样，最主要的是默认情况下UI太粗糙，即使通过css加以美化也不能达到很美观的效果。这对于我们这些专注于UX的前端开发人员是无法容忍的。于是在项目不太忙的时候，就计划写一个模拟的select控件出来。接下来就把实现的细节、遇到的问题以及如何使用和大家分享一下。 1. 实现细节init: function(context) { //获取指定上下文所有select元素 var elems = squid.getElementsByTagName('select', context) this.glob... 阅读全文

摘要： 1. React中高阶组件（HOC）和高阶函数是什么？ 答案： React中的高阶组件本质上是一个函数，只是这种组件（函数）接收一个组件参数，返回一个新的组件。比如说redux中的connect方法，把redux的state和action创建 函数，通过props注入给了component，你在目标 阅读全文

摘要： 1. babel的stage都有哪些值，分别代表什么含义？ 答案： 我们在日常的开发中会用babel把ES6代码编译成浏览器支持的ES5代码，针对babel的一些配置在通常.babelrc文件中，其中有一个配置选项就是"stage-0"、 "stage-1"、"stage-2"、"stage-3"， 阅读全文

摘要： 1. 一个div元素里面里面有3个子元素命名为A、B、C，已知3个元素宽度都为100%，A元素高度不固定，B元素固定高度，如何通过CSS样式来让C元素的高度 能够自适应，填充满整个div元素 答案： 可以通过CSS3 flex布局来实现，对div元素设置 display: flex; flex-di 阅读全文

摘要： 1. 时间复杂度、空间复杂度 答案： 在描述算法复杂度时，经常用到O(1)、O(n)、O(logn)、O(nlogn)来表示对应算法的时间复杂度，也可以用于表示对应算法的空间复杂度 O后面的括号中有一个函数，指明算法的耗时/耗空间与数据增长量之间的关系，其中的n代表输入数据的量 1)O(1)最低的时 阅读全文

摘要： 1. 如何判断一个单向链表是否有环？ 答案： 1)创建哈希表。遍历链表，将链表各节点添加至哈希表中，添加前判断此节点是否已存在哈希表中，存在的话说明链表中存在环 2)给节点添加visited访问标记。遍历链表，每访问一个新节点，使其visited为1，每次访问节点前先判断其visited是否为1，为 阅读全文