不愿停-优快云博客

原创 JavaScript-练习题（持续更新）

一、符号表达式逗号表达式只有最后一项是有效的，而for的第二项对应的布尔值决定了循环是否继续var k = 0;for(var i=0,j=0;i<10,j<6;i++,j++){ k += i + j;}console.log(k);=> 30二、正则表达式RegExp对象的主要方法是exec()，该方法是专门为捕获组而设计的。exec()接受一个参数，即要应用模式的字符串，然后返回包含第一个匹配项信息的数组；或者在没有匹配项的情况下返回nul...

2021-05-26 23:06:19 300 1

原创谈谈性能优化（草稿）

重绘和重排当页面布局和几何属性改变时就需要＂重排＂。重绘不一定重排，但是重排一定会发生重绘。而且重排耗费的资源要比重绘大的多避免在修改样式的过程中使用 offsetTop, scrollTop, clientTop, getComputedStyle() 这些属性, 它们都会刷新渲染队列打开谷歌控制台 -> More tools -> Rendering -> 选中 P...

2021-05-25 21:38:13 205

原创如何取出一个数组里的图片并按顺序显示出来

function loadImage(imgList,callback){ if(!Array.isArray(imgList) || callback.constructor !== Function) {console.log('lost');return ;} var imageData = [] ; imgList.forEach(funct...

2018-09-25 10:41:30 1516

原创 transition和animation的区别

区别：1. 触发条件不同。transition通常和hover等事件配合使用，由事件触发。animation则立即播放。 2. 循环。 animation可以设定循环次数。 3. 精确性。 animation可以设定每一帧的样式和时间。tranistion 只能设定头尾。 animation中可以设置每一帧需要单独变化的样式属性， transition中所有样式属性都要一起变化。...

2018-09-10 17:33:20 1262

原创常见编程题 - 购物车增删统计

HTML模块为一个简化版的购物车，tbody为商品列表，tfoot为统计信息，系统会随机在列表中生成一些初始商品信息 1、请完成add函数，在列表后面显示items商品信息。参数items为{name: String, price: Number}组成的数组 2、请完成bind函数，点击每一行的删除按钮(包括通过add增加的行)，从列表中删除对应行 3、请注意同步更新统计信息，价格保留小数点...

2018-09-10 16:48:37 417

原创前端秋招之京东

1、对于ajax技术描述正确的是（AB） A. 可以实现无刷新页面 B. 用户体验好、速度快 C. 对搜索引擎比较友好 D. 推荐门户网站(喧传性强)多加使用该技术2、获取<div id="content">内容…</div>标签里的文本内容（BC） A. $(&quot;#content&quot;).val() B. $(&quo...

2018-09-10 16:21:26 1062

原创常见编程题 - 字典序

一、对于字符串x和y, 如果擦除x中的某些字母(有可能全擦掉或者都不擦)能够得到y,我们就称y是x的子序列。例如.”ncd”是”nowcoder”的子序列,而”xt”不是。现在对于给定的一个字符串s,请计算出字典序最大的s的子序列。输入描述: 输入包括一行,一个字符串s,字符串s长度length(1 ≤ length ≤ 50). s中每个字符都是小写字母输出描述: 输出一个字...

2018-09-07 13:41:09 830

原创常见编程题 - 括号匹配方案

一、合法的括号匹配序列被定义为: 1. 空串”“是合法的括号序列 2. 如果”X”和”Y”是合法的序列,那么”XY”也是一个合法的括号序列 3. 如果”X”是一个合法的序列,那么”[X]”也是一个合法的括号序列 4. 每个合法的括号序列都可以由上面的规则生成例如”“, “[]”, “[][][]”, “[[][]]”, “[[[[]]]]”都是合法的。牛牛现在给出一个括号序列s,牛...

2018-09-07 12:54:23 1269

原创常见编程题 - 找到具有最大和的子数组

function maxSubArray(arr) { //全为负数的情况，要注意 if (arr.every(x => x < 0)) { return arr.sort(function(a,b) { return b-a; })[0]; } var max = 0; var sum ...

2018-09-06 10:32:31 210

原创常见编程题 - 按照价格升降排序

HTML代码<table> <thead> <tr><th>id</th><th>price</th><th>sales</th></tr> </thead>

2018-09-06 09:34:51 1502

原创常见编程题 - JS实现排序算法

冒泡排序function bubbleSort(array){ var tmp; var len = array.length for(var i = 0;i &lt; len - 1;i++) { for(var j = 0;j &lt; len-i-1;j++) { if(array[j] &gt; array[j+1])...

2018-09-05 15:44:50 271

原创阿里巴巴笔试

请根据以下代码模板和测试用例，实现一个类 CSS 选择器的功能： // 参考规则 const rules = { ‘a’: { height: 0, width: 10 }, ‘#page .content a’: { height: 5 }, ‘#page a’: { h...

2018-09-04 19:52:19 235

原创拼多多2019秋招笔试之前端

1、取整数部分 A A. parseInt B. Math.floor C. Math.ceil D. Math.round2、var a=’string’,b=1,c=true,d=0 d&amp;amp;&amp;amp;a = 0 c&amp;amp;&amp;amp;d = 03、var a=’aaa’，(function(){console.log(a);var a=’bbb’})() =&amp;

2018-08-31 09:05:46 447

原创前端秋招之百度重点难点

1、下面程序输出的结果为: 64 48function add(m){ return function b(n){ return n+m++; //m++先运算，再自增 }}//发生闭包，m未销毁var add1 = add(070);//m=56var add2 = add(050);//m=40console.log(add1(010));//8...

2018-08-28 15:51:00 1142

原创前端秋招之腾讯重点难点

腾讯2015春招web前端开发练习卷1、下面关于IE、FF下面脚本的区别描述错误的是？A B D A. innerText IE支持，FIREFOX不支持 B. document.createElement FIREFOX支持，IE不支持 C. setAttribute(‘class’，’styleClass’) FIREFOX支持，IE不支持 D. 用setAttribute设置事件...

2018-08-26 11:17:00 451

原创今日头条题型

1、变量a是一个64位有符号的整数，初始值用16进制表示为：0Xf000000000000000；变量b是一个64位有符号的整数，初始值用16进制表示为：0x7FFFFFFFFFFFFFFF。则a-b的结果用10进制表示为多少？（2^62+2^61+2^60+1）解析 0x7FFFFFFFFFFFFFFF+1=0X8000000000000000，那么 a-b=0Xf000000000...

2018-08-24 21:42:05 854

原创阿里巴巴易错题型

阿里巴巴1、将数组 var a=[1,2,3] 变成数组 [4,3,2,1] 下面的方式正确的是？A C A. a.reverse().unshift(4) B. a.push(4).reverse() C. a.push(4); a.reverse() D. a.splice(3,1,4).reverse()2、目前 HTTP2 协议已经逐渐普及到日常服务器中，以下对于 HTT...

2018-08-21 21:00:55 543

转载拓扑序列

已知有向图G=（V，E）其中V={V1，V2,V3，V4，V5，V6,V7} ，E={ < V1,V2>,< V1,V3>, < V1,V4 > , < V2,V5>, < V2,V6>,< V3,V5>, < V3,V6>,< V4,V6>,< V5,V7&g

2018-08-20 13:13:23 14338 1

转载数据结构和算法之广度优先搜索BFS和深度优先搜索DFS

广度优先搜索广度优先搜索算法(Breadth First Search)，又称为”宽度优先搜索”或”横向优先搜索”，简称BFS。它的思想是：从图中某顶点v出发，在访问了v之后依次访问v的各个未曾访问过的邻接点然后分别从这些邻接点出发依次访问它们的邻接点，并使得“先被访问的顶点的邻接点先于后被访问的顶点的邻接点被访问，直至图中所有已被访问的顶点的邻接点都被访问到。如果此时图中尚有顶...

2018-08-20 10:42:20 1523

原创简单数据结构之队列、栈、树、堆

线性结构：数组、链表、队列、栈树形结构：二叉树及其变型，线段树，堆...图形结构：各种图栈和队列栈Stack先进后出(FILO) 队列Queue先进先出(FIFO) 树和堆树【二叉树】:二叉树是一棵特殊的树，二叉树每个节点最多有两个孩子结点，分别称为左孩子和右孩子。【满二叉树】:高度为N的满二叉树有2^N- 1个节点的二叉树。...

2018-08-19 22:32:10 635

原创利用多个域名来存储网络资源会更有效

动静分离需求，使用不同的服务器处理请求。处理动态内容的只处理动态内容，不处理别的，提高效率。CDN缓存更方便突破浏览器并发限制Cookieless, 节省带宽，尤其是上行带宽一般比下行要慢。用户的每次访问，都会带上自己的cookie ，挺大的。假如twitter 的图片放在主站域名下，那么用户每次访问图片时，request header 里就会带有自己的cookie ，he...

2018-08-19 21:52:49 757 1

原创三种减少页面加载时间的方法。（加载时间指感知的时间或者实际加载时间）

1、减少http请求（合并文件、合并图片）2、优化图片文件，减小其尺寸，特别是缩略图，一定要按尺寸生成缩略图然后调用，不要在网页中用resize方法实现，虽然这样看到的图片外形小了，但是其加载的数据量一点也没减少。曾经见过有人在网页中加载的缩略图，其真实尺寸有10M之巨…普通图像、icon也要尽可能压缩后，可以采用web图像保存、减少颜色数等等方法实现。3、图像格式的选择（GIF：提供的颜...

2018-08-19 21:49:26 4304

转载 CSS3的calc()

平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和padding，这些都会让你的盒子撑破。我们换句话来说，如果你的元素宽度是100%时，只要你在元素中添加了border,padding,margin任何一值，都将会把元素盒子撑破（标准模式下，除I...

2018-08-19 21:16:22 208

原创易错考点

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。Number(undefined)； //NaN Number(null); //0 Number(”); //0 Number(“5.5”); //5.5 Number(“5.6.7”); //NaNparseInt( ...

2018-08-19 21:08:04 185

原创秋招常见考点之网络协议

用浏览器访问www.jd.com时，可能使用到的协议有MAC、HTTP、ARP应用层用到–HTTP协议传输层–TCP协议网络层–ARP协议控制信息的传递–ICMP 服务器后台处理–IP协议(DNS) 打开网页—HTMLRTSP: 流媒体传输控制协议 SMTP: 简单邮件传输协议...

2018-08-19 20:02:01 506

原创 canvas

fileStyle:设置填充颜色 strokeStyle：设置边框颜色 fillRect：画实心矩形 strokeRect：画空心矩形

2018-08-19 13:13:19 193

原创秋招常见考点之cookie

cookie安全机制一、对保存到cookie里面的敏感信息加密二、设置HttpOnly为true 三、设置Secure为true，保证cookie在https层面传输四、给Cookie设置有效期五、给Cookies加个时间戳和IP戳，实际就是让Cookies在同个IP下多少时间内失效六、指定cookie domain的子域名...

2018-08-19 13:05:14 140

原创秋招常见考点之HTTP请求

浏览器缓存机制会用到的协议头 Last-Modified/Etag：表示一个服务器上的资源的最后修改时间 Last-Modified：标示这个响应资源的最后修改时间。web服务器在响应请求时，告诉浏览器资源的最后修改时间。 Etag：web服务器响应请求时，告诉浏览器当前资源在服务器的唯一标识，然后通过编号区分当前页面是否是最新的。这个比 Last-Modified 更加灵活。（生成规则由服...

2018-08-19 13:01:45 221

原创秋招常见考点之ajax技术

可以实现无刷新页面AJAX 可以使网页实现异步更新，这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。用户体验好、速度快经典的网页技术必须整个更新网页（即使你只想更新某一部分），是笨重的。AJAX允许网页持续更新，但只需要和服务器交互很少的数据，只获得你所需的数据，这样能给你更快的接口和更低的响应时间。响应更快因此性能和速度增加了。ajax对搜索引擎不友好...

2018-08-19 11:47:28 183

原创操作系统之输入输出

I/O控制方式程序IO方式采用busy-waiting的方式，即CPU会采用轮询的方式来询问数据，效果最差中断驱动I/O控制方式设备控制器当取出一个数据之后向CPU发送一个中断，然后CPU将数据从控制器中取到CPU寄存器，再然后转移到内存中。CPU是以字节的方式来响应数据的。直接存储器访问DMA控制方式CPU通过向DMA控制器设定若干参数，然后DMA打开了一条内存到设备的通道...

2018-08-17 14:06:19 1326

原创操作系统之文件系统

文件系统最基本的目标是( 按名存取 )，它主要是通过( 目录管理 )功能来实现的。文件目录：把所有的FCB组织在一起，就构成了文件目录，即文件控制块的有序集合；目录文件：为了实现对文件目录的管理，通常将文件目录以文件的形式保持在外存，这个文件就叫目录文件。目录文件所存放的信息是该目录中所有子目录文件和数据文件的目录按使用情况，文件可分为临时文件,永久文件,档案文件文...

2018-08-17 11:09:05 605

原创操作系统之存储管理

我们用的系统中的线性地址通常采用10-10-12的三段结构第一段是页目录表索引，第二段是页表索引，第三段是页内偏移。无论是页目录表项还是页表中的表项，都记录了对该页的存储性保护字段。当然，存储性保护远远不只是单纯的依靠页来实现，cpu的段保护机制，起到了更加重要的作用，这是实现操作系统的基础。紧凑技术所谓碎片是指内存中出现的一些零散的小空闲区域。由于碎片都很小，无法再利用。如果...

2018-08-16 17:44:56 2237

原创操作系统之内存管理

为了保证 CPU 执行指令时可正确访问存储单元，需将用户程序中的逻辑地址转换为运行时由机器直接寻址的物理地址，这一过程称为地址映射。地址重定位：操作系统把用户程序指令中的相对地址变换成为所在存储中的绝对地址的过程地址重定位实现了：从逻辑地址到物理地址的转换虚地址通常指的是逻辑地址，而程序执行所要访问的内存地址指的是物理地址编程是直接使用抽象的虚拟（逻辑）地址。在...

2018-08-16 15:54:03 1478

原创互斥和死锁

互斥使用PV原语实现的同步机制对于共享变量及信号变量的操作被分期在各个进程中，造成如下缺点： 1程序可读性差 2不利于维护 3正确性很难保证为了更易于编写正确的程序，Brinch Hansen和Hoare提出了一种高级同步原语，即管程。一次只能有一个进程可以在管程内活动是它的一个重要特性。引入管程是为了让系统自动处理临机资源的互斥使用问题。生产...

2018-08-16 13:05:31 1099

原创进程与线程

线程引入线程可提高程序并发执行的程度，可进一步提高系统效率。（减少程序并发执行时所付出的时空开销）线程是一种特殊的进程，线程不能独立运行，需要进程所获得的资源。线程自己拥有一点资源（线程栈，线程号，堆栈），但它可以使用所属进程的资源进程与线程的联系一个进程至少包含一个主线程（线程数量大于等于1）。由于同一进程中的多个线程具有相同的地址空间，所以它们间的同步和通信也易...

2018-08-16 10:51:31 4008

原创进程

进程是程序在一个数据集合上运行的过程，它是系统进行资源分配和调度的一个独立单位一个进程包括控制结构和执行结构；控制结构是进程控制块PCB，执行结构包括程序以及需要操纵的数据集合。进程可以由程序段、数据段和进程控制块描述 PCB是进程存在的唯一标识。一个进程执行过程中只能对应一个PCB进程和程序的区别进程是程序的一次执行过程，进程是动态的，程序是静态的。创...

2018-08-16 10:34:29 1883

原创操作系统分类

操作系统OS（Operating System）现代操作系统的两个基本特征是程序的并发执行和资源共享。操作系统是系统软件，不是应用软件。主要功能是实现对系统硬件和软件资源的管理操作系统的五大管理功能是处理机管理、存储器管理、设备管理、作业管理和用户接口。从用户的观点出发，操作系统是用户和计算机之间的接口有命令接口 , 程序接口 , 图形接口三种。进程的...

2018-08-15 17:29:04 2480 1

原创运算符

“==” 运算符 “==” 运算符比较“喜欢”Number类型。1==true的返回值是true 在==的隐式转化中，是对两边进行Number(),例如：([]) ? true : fasle //true =&gt; Boolean([]); //true[] == false ? true : false //true=&gt;Nu...

2018-08-14 21:14:13 207

原创 JQuery相关方法

JQuery$(window)浏览器当前窗口 $(document)浏览器当前窗口文档 $(document.body)浏览器当前窗口文档body jquery方法设置或返回元素的宽度/高度 width() 和 height() 不包括内边距、边框或外边距 innerWidth() 和 innerHeight() 包括内边距 outerW...

2018-08-14 21:07:02 103

原创 BFC

解决边距重叠问题/清除浮动 Block Formatting Contexts，属于普通流(1)基本概念：块级格式化上下文（并列ifc为内联格式化上下文）(2)原理（渲染规则）：①在同一个bfc，相邻box垂直方向的边距会发生重叠 ②bfc的区域不会和浮动元素的box重叠 ③计算bfc高度时，浮动元素参与计算，清除内部浮动，使盒子重新具有高度。 ④bfc页面是一个独立的元素，...

2018-08-14 09:55:02 719

空空如也

空空如也