初漾-CSDN博客

原创事件冒泡和事件捕获

经过测试，当给目标元素均添加冒泡和捕获时，目标元素的事件触发顺序根据添加冒泡和捕获的顺序，而上级元素事件还是在捕获阶段触发。当给根元素均添加冒泡和捕获时，目标元素的事件触发顺序根据添加冒泡和捕获的顺序，而目标元素是在捕获阶段触发。参考：http://www.cnblogs.com/wanliyuan/p/5718180.html

2017-09-04 08:39:52 237

转载什么是事件委托？

事件委托就是事件目标自身不处理事件，而是把处理任务委托给其父元素或者祖先元素，甚至根元素（document）。事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，那么这个事件就会一层一层的往外执行，执行顺序a>li>ul>div，有这样一个机

2017-09-03 21:40:06 587

原创搜集的面试题链接

http://www.cnblogs.com/mdengcc/p/6510323.htmlhttp://www.bslxx.com/p/3187.htmlhttp://www.jb51.net/article/77140.htmhttp://www.jb51.net/article/91326.htmhttp://www.jb51.net/article/56847.htmht

2017-09-03 21:36:47 267

原创你所知道的DOM事件

HTML DOM 允许 JavaScript 对 HTML 事件作出反应。HTML 事件的例子：当用户点击鼠标时 onclick当网页已加载时 onload当图片已加载时 onload当鼠标移动到元素上时 onmouseover当输入字段被改变时 onchange 事件当 HTML 表单被提交时 onsubmit当用户触发按键时 onkeydownonload 和 onunloa

2017-09-03 20:22:50 282

原创 DOM元素操作方法（获取元素或者操作元素）

什么是 DOM？DOM 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： “W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。” W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML

2017-09-03 20:05:54 6031

原创 javascript中字符串操作常用的API

1.三个字符方法两个用于访问字符串中特定字符的方法是:charAt()和charCodeAt()。这两个方法都接收一个参数，即基于0的字符位置。两个方法的区别：charAt()返回给定位置的那个字符，charCodeAt()返回给定位置的字符编码。第三个访问字符的方法，方括号加数字索引。但是IE7及更早版本不支持。var stringValue = "hello world";consol

2017-09-03 16:48:11 3312

原创 JavaScript数组去重

1. Set配合扩展操作符…或Array.fromvar arr = [1,1,2,2,3,4,4];var set = new Set(arr); //Set(4) {1, 2, 3, "a"}var newArr = [...set];//(4) [1, 2, 3, 4],...扩展操作符内部用for of实现var newArr2 = Array.from(set);//(4) [1,

2017-09-03 15:14:13 377

转载【JavaScript】找出数组中两数之和为指定值的所有整数对

解法一：暴力破解（穷举法，不提倡） (穷举，时间复杂度：O(n^2)，正常是不会用这个滴，假如只是为了快速解题，对时间没有限制，用这个最简单)//暴力枚举法function getSum1(arr,sum) { //去掉数组中的重复元素 var items = new Set(arr); arr = Array.from(items); console.log(arr) fo

2017-09-03 11:19:30 2673

原创 js中数组常用的API

第一组：操作方法 1.concat():基于当前数组，创建一个新的数组，并返回这个新数组，不会改变原数组；var color = ["red","green","blue"];var colors2 = color.concat("yellow",["black","brown"]);2.slice():可以接受一个或两个参数，要返回项的起始和结束位置，返回所截取数组的项，但是不包括结束位置的项

2017-09-03 09:33:08 5698

转载 JavaScript对象和方法算术运算或输出之valueOf和toString优先级

参考：http://blog.csdn.net/u012657197/article/details/77574927add(1)(2) // 3add(1, 2, 3)(10) // 16add(1)(2)(3)(4)(5) // 15function add() { var args1 = Array.prototype.slice.call(arguments); var

2017-09-02 20:58:01 259

原创 cvte笔试题

1.原生js判断html中出现次数最多的标签,并统计次数 2.js将一个数组按照指定的大小分割成若干个数组块function chunk(arr, size) { var arr2=[]; for(var i=0;i<arr.length;i=i+size){ arr2.push(arr.slice(i,i+size)); } return arr2;}chunk(["a",

2017-09-02 20:44:27 1173

原创美团点评笔试题

1.CSS中浮动的影响和清除浮动的方法 2.SJF算法，完成时间 http://blog.csdn.net/houchaoqun_xmu/article/details/55539362 3.有向图和无向图的邻接矩阵有什么区别 4.一个无向图的邻接矩阵中各元素之和是图中边的条数的两倍. 5.20个元素冒泡排序，最多相邻元素的比较次数？ 6.数据流图中加工编号 7.长度为32的有序表中进

2017-08-31 21:44:55 1765

原创多益笔试总结

1.用css实现带边框的右三角，兼容IE7 2.使用JS实现以下DOM结构<div id="test"> <p id="test1">多益</p></div>div.setAttribute("id","test");3.http://www.bkjia.com/HTML_CSS/1120264.html 4.有哪些的隐藏内容的方法（如果同时还要保证屏幕阅读器可用呢？） 5.为什么用多个

2017-08-29 21:04:45 2966

原创 360和吉比特笔试总结

var m=0;for(var i=1;i<=100;i++){ for(var j=1;j<=i;j++){ if(j%2!=0){ continue; m++; } }}console.log(m)Symbol(1)===Symbol(1)NaN===NaN{x:1}==={x:1}[1,,3,,5].map((_,n)

2017-08-29 20:36:07 1759

转载 BFC的介绍

转自：http://www.cnblogs.com/heimanba/p/3774086.html

2017-08-29 17:30:04 341

BFC块级格式上下文，独立的一个渲染区域1、同一个BFC的两个相邻盒子间的margin会重叠（垂直方向）；2、BFC内部的盒子在垂直方向上会一个接一个的放置；3、每个子元素的左外边距与包含块的左边界相接触；4、计算BFC的高度时，浮动子元素也参与计算；5、BFC内部的子元素不会受到外面元素的影响；6、BFC的区域不会与float的元素区域重叠；触发BFC条件：float：不为none；overflo

2017-08-29 16:27:19 419

转载创新工场笔试题

1写一个算法判断某个字符串是不是一个合法的IP地址。正则表达式问题String regex = "^(1\\d{2}|2[0-4]\\d|25[0-5]|[1-9]\\d|[1-9])\\."+ "(1\\d{2}|2[0-4]\\d|25[0-5]|[1-9]\\d|\\d)\\."+ "(1\\d{2}|2[0-4]\\d|25[0-5]|[1-9]\\d|\\d)\\."+ "(1\\d

2017-08-29 10:02:40 468

原创美团面试题知识点总结

一、display的属性值1.none 此元素不会被显示。 none：隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间，且*DOM不加载！*与visibility:hidden的区别：使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。 2. block 此元素将

2017-08-28 11:09:00 832

转载美团前端一面

你所知道的DOM元素操作方法（获取元素或者操作元素），尽可能多；你所知道的DOM事件；冒泡捕获跨浏览器的事件模型事件代理 position属性介绍 display属性介绍 BFC，实现方式（清除浮动） js继承机制数组去重二叉树前序遍历思路 vue声明周期 vue mixin ==和===

2017-08-27 11:17:17 435

原创 JavaScript 中 4 种常见的内存泄露陷阱

了解 JavaScript 的内存泄露和解决方式！在这篇文章中我们将要探索客户端 JavaScript 代码中常见的一些内存泄漏的情况，并且学习如何使用 Chrome 的开发工具来发现他们。读一读吧！介绍内存泄露是每个开发者最终都不得不面对的问题。即便使用自动内存管理的语言，你还是会碰到一些内存泄漏的情况。内存泄露会导致一系列问题，比如：运行缓慢，崩溃，高延迟，甚至一些与其他应用相关的问题。什么是内

2017-08-24 21:44:50 1597

转载面试题：null == undefined ?以及object.is()区别

前言：一、相等(==)和不相等(!=)，这两个操作符都会先转换操作数(通常称为强制转型)，然后再比较它们的相等性。在转换不同数据类型时，相等和不相等操作符遵循以下基本规则：(笔试题常考) 1.如果有一个操作数是布尔值，则在比较相等性之前现将其转换为数值-false转换为0，true转换为1； 2.如果有一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值； 3.如果一个

2017-08-24 20:54:18 4291

原创阿里笔试(二)

1.react中shouldComponentUpdate用法 2.第五个阶段(componentDidMount): 我们可以访问到真实dom元素，通过ReactDOM.findDOMNode(this)此方法。 3.首先我们知道，setState方法用于更新当前组件的state状态值，但调用这个方法后，state并不会立即更新，而是在render方法调用后才会更新，React这么设计的思想是

2017-08-23 20:52:32 582

原创阿里笔试题

1.class Cash { constructor(cash) { this.cash = cash; var fen = cash%100; var jiao = (cash/10)%10; var yuan = (cash/100); this.reCash = `${yuan}元${jiao}角${fen

2017-08-23 20:24:30 455

原创 58笔试题

3+true4'5'+3"53""use strict";const isX=value=>value=>10;let[...spraed]=[10,5,8,23,30];let f =spraed.filter(isX);console.log(f);[10,5,8,23,30]三、产生一个长度为100的数组，数组中的数保证不重复四、react调用 setState 之后发生了

2017-08-22 21:47:04 686

原创 java判断一个数是否是回文数

String num =String.valueOf(x);//x为int型return new StringBuffer(num).reverse().toString().equalsIgnoreCase(num);

2017-08-22 10:01:21 1617

原创链家编程题

题目是这样的,一个序列上有n个整数,现在你要取m个,且这m个数的任意两个不能相隔的太近,否则这样会太丑,现在问你最大能得到多大的和输入: 第一行三个数n,m,k,分别表示n个数,取m个,且m个中的任意两个位置差要大于等于K 接下来一行,有n个整数,表示序列上的每个数输出: 最大和Sample Input 4 2 2 3

2017-08-21 20:47:25 935

原创链家笔试题总结

一、var name="abc";var person={ name:'cba', getName:function () { return this.name; }}console.log(person.getName());var p1=person.getName;console.log(p1());var p2=new p1();cons

2017-08-21 19:02:22 2640

原创 position属性值(面试必考)

相对定位(relative)、绝对定位(absolute)和z-index属性 position属性同样可以实现和float属性一样的效果，其主要被运行于网页布局上。它主要提供static, relative, absolute和fixed四个值。 static为默认值，指示元素出现在正常的文档流中；相对定位(relative)：相对于该元素在文档流中的正常位置进行偏移定位，原占位仍保留。绝

2017-08-14 21:05:47 3700

原创百度面试题20170814

1.position属性有哪些？漏了一个sticky属性 2.使用fixed 属性遇到过什么问题？比如父元素为absolute属性 3.css文本过长，使用哪个CSS属性处理？ 4.ES6中的promise用过吗，怎么使用？ 5.promise的原理 6.编程题：使用promise实现如下过程：比如操作完，添加成功和失败回调函数。 7.前端性能优化的方法有哪些？ 8.浏览器的事

2017-08-14 20:31:18 375

原创页面优化有哪些方法

防抖动和节流转自：http://blog.csdn.net/lxcao/article/details/52948324

2017-08-14 18:21:28 345

原创 vue父子组件之间的通信

父子组件父子组件的关系：通常组件A在它的模板中使用组件B，此时组件A为父组件，组件B为子组件。父子组件应该解耦，组件实例的作用域是孤立的，子组件中不能直接使用父组件的数据。应该使用props传递父组件到子组件的数据，子组件通过events给父组件发消息，以此实现父子组件间的通信。如上，在其他组件内部用components声明组件，即为局部注册。在Vue实例中用components注册组件时，可以理

2017-08-14 17:52:11 480

原创图标字体的使用

1.使用iconMoon工具制作图标字体。步骤：引入自己的svg图片文件，在线制作图标字体以下是使用方法：在文件中引入以下的style.css文件，即可通过类名引用该图标字体

2017-08-14 17:19:20 307

原创 css sticky footer布局

使用场景：如果页面内容不够长时，内容块粘贴在视窗底部；如果内容足够长，页面块会被内容向下推送。比如：叉号按钮定位在底部固定的套路：包括两个层：内容的包装器，定在底部的层。<style> /*所有clearfix写法均是如此，作用：清除浮动*/ .clearfix{ display: inline-block; } .clearfix::after{

2017-08-14 16:49:11 300

转载百度的面试题

百度一面自我介绍 ajax的了解，原生ajax的status和statuscode有哪些对应那些状态？原生ajax的实现步骤对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？函数return 形式的闭包的promise写法函数的作用域是什么？ js的继承和继承的方法和优缺点？ css垂直居中的方式？怎么样禁止浏览器默认事件？怎么样防止冒泡？做的项目？聊了

2017-08-14 15:31:54 320

原创牛客笔试题总结

1.下列js延迟加载的方式中，只有IE浏览器支持的是哪一种方式？（defer） 2.match是支持正则表达式的String对象的方法JavaScript RegExp 对象有 3 个方法：test()、exec() 和 compile()。 (1) test() 方法用来检测一个字符串是否匹配某个正则表达式，如果匹配成功，返回 true ，否则返回 false； (2) exec() 方法用

2017-08-13 11:32:49 944

转载进程和线程的区别

从一定意义上讲，进程就是一个应用程序在处理机上的一次执行过程，它是一个动态的概念，而线程是进程中的一部分，进程包含多个线程在运行。进程是一个执行中的程序。程序是一个没有生命的实体，只有处理器赋予程序生命时，它才能成为一个活动的实体，我们称其为进程。通常在一个进程中可以包含若干个线程，它们可以利用进程所拥有的资源。在引入线程的操作系统中，通常都是把进程作为分配资源的基本单位，而把线程作为独立运行和独立

2017-08-13 10:42:59 190

原创拥塞控制和流量控制

拥塞控制必须确保通信子网能够传送待传送的数据，是一个全局性的问题，涉及所有主机、路由器以及导致网络传输能力下降的所有因素。而流量控制只与给定的发送端和接收端之间的点对点通信量有关，其任务是使发送端发送数据的速率不能快得让接收端来不及接收。

2017-08-13 10:14:24 555

原创 360面试题20170810

1.自我介绍 2.项目介绍 3.vue父子组件如何通信？ 4.对组件化的理解？ 5.前端性能优化的方法 6.前端学习时间？

2017-08-13 09:13:20 416

原创网易笔试题总结

1.某计算机系统中有8台打印机，由K个进程竞争使用，每个进程最多需要3台打印机。该系统可能会发生死锁的最小值是(C )。A．2 B．3 C．4 D．5每个进程3台，不会产生死锁；对于三个进程，可以有两个进程分别获得3台，使其执行完释放后让第三个进程获得3台，所以也不会产生死锁；对于四个进程，假若每个进程各获得2台而同时需要另外一台，产生了死锁，所以产生死锁的最小值是4。类似题型(1)

2017-08-12 17:42:24 1517 1

原创前端面试经常问的问题

1.对HTTP协议的了解 2.浏览器性能提升 3.框架的了解 4.项目

2017-08-08 17:39:10 630

java的network课件

GUI编程指导

空空如也