MaterialCoder-CSDN博客

原创记录几道面试题

1. 实现 sum 函数使得以下表达式的值正确sum(1,2,3).sumOf(); // 6sum(2,3)(2).sumOf(); // 7sum(1)(2)(3)(4).sumOf(); // 10sum(2)(4,1)(2).sumOf(); // 9首先我们不难发现这个sum函数的作用是返回所有参数相加的和，难点在于传参个数不限，并且可以无限循环调用。先从最简单的 ...

2020-02-29 18:24:32 518

这是一篇给像我这样的新手或者是熟悉图形工具的老鸟看的。仅作为快速入门的教程。git 现在的火爆程度非同一般，它被广泛地用在大型开源项目，团队开发，以及独立开发者，甚至学生之中。初学者非常容易被各种命令，参数吓哭。但实际上刚上手你并不需要了解所有命令的用途。你可以从掌握一些简单，强大的命令开始，逐步去学习。（这就是这篇文章要讲的）。好了，上来！基本了解git命令是一些命令行工具的集合，它可以用来跟踪

2017-11-22 16:26:22 352

原创利用Canvas绘制雷达图

雷达图（蜘蛛网图）是一种常见的数据分析图表，本文采用canvas来绘制雷达图，并最终封装成一个小组件。首先来看一下最终的效果图：如何画正多边形以正五边形雷达图为例（其他任意正多边形也一样），如下图所示。Canvas画图的原点在左上角，以r为半径，(r, r)为圆心作圆，作为正五边形的外接圆，则正五边形每条边所对应的圆心角均为 rad = 2*Math.PI/5。再根据正余弦可以求得每个定点所

2017-10-27 21:32:25 6692

原创如何配置webpack（学习总结）

什么是webpackWebPack可以看做是模块打包机：它可以分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。webpack与Grunt和Gulp的区别webpack与Grunt和Gulp不同，它本身并不是一个打包工具，但它具有可以替代它们的优势。Grunt和Gulp的工作模式：在

2017-10-26 17:35:39 2169

原创前端常见笔面试题总结

HTML&CSSDoctype的作用？严格模式和混杂模式有什么区别？它们有何意义 Doctype文档声明，放在文档中的最前面，处于html标签之前。它用于告知浏览器的解析器，用什么文档类型规范来解析这个文档；严格模式下的排版和js运作模式是以该浏览器支持的最高标准运行的，而混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作； Doctype不存在或格式不正确

2017-09-11 09:44:26 470

原创 display:none、visibility:hidden和opacity:0之间的区别

一、空间占据display:none隐藏后不占据额外空间，它会产生回流和重绘，而visibility:hidden和opacity:0元素虽然隐藏了，但它们仍然占据着空间，它们俩只会引起页面重绘。代码： div { width: 200px; height: 200px; background: #ccc; margin-top: 10px; } .div1

2017-09-10 22:29:47 15337 3

原创 BFC与margin-collapse（外边距合并）

一、什么是BFC？BFC即Block Formatting Context，直译为“块级格式化上下文”，它是W3C CSS2.1规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。它其实就是一个看不见摸不着的区域，不管BFC元素内部子元素怎么变化，都不会影响外部的元素。常用来解决如清除浮动、防止margin重叠等问题。二、BFC布局规则内部的Bo

2017-09-07 10:42:57 396

原创 CSS清除浮动方法及优缺点分析

一、什么是浮动通过设置元素的float值不为none，使得元素按照特定的方向脱离文档流，不占据空间。浮动元素碰到包含它的父元素的边框或者浮动元素的边框停留。设置浮动后的行内元素，可以设置其宽和高。二、浮动带来的问题 div1 div2 1. 父元素的高度塌陷；2. 浮动元素后面的同级非浮动元素会提高，有可能被遮挡（但是div2里面的文字会环绕在d

2017-08-25 17:28:55 562

转载 [Web 性能] repaint and reflow (重绘和回流)

原文地址：http://blog.csdn.net/oscar999/article/details/38379523；http://www.zhangxinxu.com/wordpress/?p=600页面呈现流程在介绍重绘和回流之前，先看一下HTML 页面呈现的流程。可能各浏览器会有一些细微的差别，但基本上大同小异。1. 浏览器把获取到

2017-08-22 10:21:50 263

原创 JS中的克隆

前两天面试的时候，面试官问了一个关于js中克隆继承的问题，当时一脸懵逼，这也算是基础掌握不扎实吧。下来在网上搜了一下，有很多相关的问题，看来这也是一个面试中常遇到的问题。一、什么是克隆？克隆分为浅克隆和深克隆，浅克隆是指对象中的原始数据类型按值传递，而对象类型仍为引用传递。深克隆是指把原对象里的东西完全复制一份，但是这两个对象分别存在在不同的内存地址，因此对于新对象的修改不会影响到

2017-08-21 11:08:06 588

原创 2018网易秋招内推笔试题——独立的小易

小易为了向他的父母表现他已经长大独立了,他决定搬出去自己居住一段时间。一个人生活增加了许多花费: 小易每天必须吃一个水果并且需要每天支付x元的房屋租金。当前小易手中已经有f个水果和d元钱,小易也能去商店购买一些水果,商店每个水果售卖p元。小易为了表现他独立生活的能力,希望能独立生活的时间越长越好,小易希望你来帮他计算一下他最多能独立生活多少天。输入描述:输入包括一行,四个整数x, f

2017-08-12 23:17:03 868

原创 2018网易秋招内推笔试题——交错01串

如果一个01串任意两个相邻位置的字符都是不一样的,我们就叫这个01串为交错01串。例如: "1","10101","0101010"都是交错01串。小易现在有一个01串s,小易想找出一个最长的连续子串,并且这个子串是一个交错01串。小易需要你帮帮忙求出最长的这样的子串的长度是多少。输入描述:输入包括字符串s,s的长度length(1 ≤ length ≤ 50),字符串中只包含'

2017-08-12 23:09:54 470

原创 2018网易秋招内推笔试题——彩色的砖块

小易有一些彩色的砖块。每种颜色由一个大写字母表示。各个颜色砖块看起来都完全一样。现在有一个给定的字符串s,s中每个字符代表小易的某个砖块的颜色。小易想把他所有的砖块排成一行。如果最多存在一对不同颜色的相邻砖块,那么这行砖块就很漂亮的。请你帮助小易计算有多少种方式将他所有砖块排成漂亮的一行。(如果两种方式所对应的砖块颜色序列是相同的,那么认为这两种方式是一样的。)例如: s = "ABAB",那

2017-08-12 21:59:15 406

转载检测PC端和移动端的方法总结

（今天在做一个小插件的时候，涉及到检测终端的问题，首先想到的是方法一和比较复杂方法二，后来在网上一搜，发现了这篇总结，又学到了新知识。）方法一、还是用@media screen思路：css使用媒体查询，当屏幕小于760px时，使某个元素的样式发生改变，然后通过js检测到这个改变，就可以知道现在切换到移动端了css代码：/* 检测小屏幕- */@media only s

2017-08-09 18:03:30 942

原创 JavaScript之客户端存储

目前在客户端存储数据的方式主要有三种：cookie、sessionStorage和localStorage。1. cookiecookie是在客户端用于存储会话信息的。cookie会在服务器和客户端间进行来回传递，每次发送请求时都会传递它。它要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为相应的一部分，其中包含会话信息。这种服务器响应头可能如下：HTTP/1.1

2017-08-07 21:34:56 308

转载老生常谈的跨域处理

1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许ht

2017-08-02 22:32:06 440

原创 JavaScript之表单脚本

1. 基础知识在HTML中，表单是由元素来表示。可以像一般元素一样通过DOM操作来获得它，同时也可以通过document.forms取得页面中所有的表单。每个表单都有elements属性，该属性是表单中所有表单元素（字段）的集合。通过下面代码可以获得文档中第一个表单中的第一个表单元素：var element = document.forms[0].elements[0];2. 表单字段

2017-08-01 22:22:52 259

原创 JavaScript事件之鼠标事件

1. 鼠标事件在DOM3级事件中定义了9个鼠标事件：click：在用户单击主鼠标按钮（一般是左边的按钮）或按下回车键时触发dbclick：在用户双击主鼠标按钮时触发mousedown：在用户按下了任意鼠标按钮时触发mouseenter：在护镖光标从元素外部首次移动到元素范围之内时触发，这个事件不冒泡，而且在鼠标移动到后代元素上也不会触发mouseleave：在位于元素上方的鼠标光标移

2017-08-01 17:56:35 270

原创 JavaScript之DOM和IE事件的区别

JavaScript和HTML之间的交互是通过事件来实现的。事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流，Netscape的事件流是事件捕获流，而DOM的事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。事件冒泡是指事件开始时是由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）；事件捕获是指由不太具体的节点先接收到事件

2017-08-01 17:56:32 326

原创 JavaScript之确定页面中元素大小

1. 偏移量偏移量包括元素在屏幕上占用的所有可见空间。元素的可见大小由其高度、宽度决定，包括所有内边距、滚动条和边框大小（注意：不包括外边距）。offsetWidth：元素在水平方向上占用的空间offsetHeight：元素在垂直方向上占用的空间offsetTop：元素的上外边框至包含元素的上内边框之间的像素距离offsetLeft：元素的左外边框至包含元素的左内边框之间的像素距离

2017-08-01 17:56:29 269

原创 DOM

1. 节点类型nodeType1 element（元素）2 attribute（属性）3 text（文本）8 comment（注释）9 document2. 节点关系childNodes 访问元素的子节点，其中保存着一个NodeList对象，它是一种类数组对象。将NodeList转换为数组：function convertToArray(node

2017-08-01 17:56:26 194

原创堆的数据结构能够使得堆顶总是维持最大（对于大根堆）或最小（对于小根堆），给定一个数组，对这个数组进行建堆，则平均复杂度是多少？如果只是用堆的 push 操作，则一个大根堆依次输入 3,7,2,4,1,5,8 后，得到的堆的结构示意图是下述图表中的哪个？

堆的数据结构能够使得堆顶总是维持最大（对于大根堆）或最小（对于小根堆），给定一个数组，对这个数组进行建堆，则平均复杂度是多少？如果只是用堆的 push 操作，则一个大根堆依次输入 3,7,2,4,1,5,8 后，得到的堆的结构示意图是下述图表中的哪个？（）A.O(n) B.O(n) ,C.O(logn)D.O(n), [解析]堆是利用完全二叉树的结构来维护一组数据

2017-08-01 17:56:24 2828

github_39673115的博客