前端一些问题总结
文章平均质量分 62
melody_day
这个作者很懒,什么都没留下…
展开
-
js数组去重
json是创建的一个哈希对象,每个哈希键对应一个值,哈希键是唯一的,值不唯一。原创 2017-02-28 14:03:24 · 175 阅读 · 0 评论 -
20170214 pm js
1、css sprites使用:.tfs{ width:20px; height:30px; backgruond-image:url(tfs.jpg); background-repeat:none; background-position:-20px (x坐标) -40px(y坐标);}(原点是图片的左上角)。可现在ps里量出坐标,然后在开发者工具里进行微调。转载 2017-02-13 21:16:43 · 356 阅读 · 0 评论 -
20170215am js
1、减小页面请求时间。1、减少http请求。用css sprite。.tfs{background-image:url(tfs.jpg); background-repeat:no-repeat; background-position:-20px,-50px;}雪碧图使用场景:静态,小图片,加载量大。注:会在页面上显示无序列表前有黑色原点装饰,解决方法:ul{list-style转载 2017-02-15 17:16:20 · 464 阅读 · 0 评论 -
201170215 night js
1、call() apply()。func.call(thisObject,arg1,arg2);func.apply(thisObject,[arg1,arg2]);二者作用一样,都是为了动态改变this。区别:call需要按顺序把参数传递进去。apply后边的参数是数组形式,适用于不知道参数具体数目时。2、内存泄漏。定义:在代码中申请了一块内存,在程序运行完以后转载 2017-02-15 21:56:59 · 203 阅读 · 0 评论 -
20170216 am js
1、判断当前脚本运行在浏览器还是node环境中。node环境是一个服务器端js的解释器。看this指向global还是指向window。前者是node环境,后者是浏览器。即node全局变量是global,浏览器全局变量是window。typeof window=="undefined"?global:window;2、node优缺点。优点:1、高并发2、无阻塞3、转载 2017-02-16 11:18:56 · 731 阅读 · 0 评论 -
20170216pm js
1、最近流行的东西。2、js对象构建的方式。3、js继承的6种方法。转载 2017-02-16 21:46:29 · 303 阅读 · 0 评论 -
20170218.am js
1、异步加载和延迟加载。异步加载:1、async。2、动态加入script标签。(script Dom element)var s = document.createElement("script");s.type = text/javascript;s.async = true;缺点:在其执行完以前阻塞onload执行3、onload时异步加载。将上述代转载 2017-02-18 10:48:38 · 361 阅读 · 0 评论 -
20170218 pm
1、ie各版本和chrome可以并行下载多少资源。ie5可以下载2个ie6可以下载6个chrome可以下载6个。一般浏览器不超过10个。2、javascript里面的继承怎么实现,如何避免原型链上面的对象共享?????????????????点击打开链接3、js 操作获取和设置 cookie???????????4、http/1.1 cache-control的转载 2017-02-18 15:47:08 · 347 阅读 · 0 评论 -
高度塌陷 margin塌陷
点击打开链接点击打开链接原创 2017-03-01 16:55:51 · 787 阅读 · 0 评论 -
css布局 待续
居中:设置父级flex属性: display:flex; justify-content:center; align-items: center;.div1{ width:500px; height:500px; border:1px solid black; display: flex原创 2017-03-02 09:28:13 · 324 阅读 · 0 评论 -
项目总结
本项目为智能光伏电站的运维系统的维护及部分功能的添加。其中运维系统主要有两方面的功能,一个是数据展示,一个是指导运维。数据展示:运维系统的前端数据采集系统通过104规约采集电站端的数据,将其转入内存数据库,经过云平台和大数据框架的统计分析存储,数据流向商用库,在商用库里对数据进行权限管理,最后将最终的数据分流分别展示在不同职能人员的运维界面上。大数据分析支撑采用Hadoop框架,采原创 2017-02-26 11:12:27 · 370 阅读 · 0 评论 -
20170222 night
跨域原创 2017-02-22 20:18:16 · 454 阅读 · 0 评论 -
创建对象 20170223 am
1、工厂模式用函数封装。function creatPerson(name,age,job){var 0 = new Object();o.name = name;o.age = age;o.job = job;o.sayName = function(){alert(this.name);};return o;}var person原创 2017-02-23 11:21:01 · 212 阅读 · 0 评论 -
折半查找
基本思想:1、对象应该是按序排列。2、代码:1 function binarySearch(data,item,start,end){ 2 var end=end || data.length-1; 3 var start=start || 0; 4 var m=Math.floor((start+end)/2); 5 if(item==da原创 2017-03-05 08:53:09 · 234 阅读 · 0 评论 -
排序
1、冒泡排序2、归并排序3、快速排序各种复杂度比较:原创 2017-02-27 21:00:57 · 187 阅读 · 0 评论 -
二叉树
定义:树的每个节点最多有两个子节点。功能:查找,查找最值,插入,遍历(中序遍历),删除。点击打开链接原创 2017-03-05 11:04:03 · 226 阅读 · 0 评论 -
mvc
m: model(模型)v: view(视图)c: control(控制器)一个事件发生的过程:1、用户和应用发生交互2、控制器的事件触发器被触发3、控制器从model请求数据,并将model传来的数据传入view4、视图将数据传给用户不用类库或框架就可以实现这种MVC架构模式。关键是要将MVC的每部分按照职责进行划分,将代码清晰地分割为若干部分转载 2017-03-09 10:41:38 · 226 阅读 · 0 评论 -
20170213am js
1、css有哪些新特性。1、新增的选择器。2、新增伪元素::selection3、新增圆角(boeder-radius)和阴影(box-shadow)4、文字特效(text-shadow)、渐变(gradient)、旋转(transparent)5、border-image#tfs{border-image:url(tfs.jpg) 30 30 round或者stret转载 2017-02-13 11:17:17 · 214 阅读 · 0 评论 -
20170212 pm html
1、box-sizing属性。content-box:对象的宽度=content width+border+padding+margin。标准模式下的盒模型。border-box:对象的宽度=content width。padding和border包含在width里了。怪异模式下的盒模型。inherit:继承父元素的box-sizing属性。2、em rem区别。em:相转载 2017-02-12 20:55:33 · 354 阅读 · 0 评论 -
面试前的准备
闭包!作用域,ajax,问的都是基础,很细的。问原型链一直往上访问最后会是什么。答就是prototype的问题,最后要么是一个object,要么就是undefined。问实现一个闭包答简单地用匿名函数实现了一个问实现一个长度和高度相等的div答应该使用before元素实现吧问的比较细!比较专业!包括数据结构等!css布局!原创 2017-02-28 16:28:59 · 238 阅读 · 0 评论 -
数组打乱排序
注:Math.random()是令系统随机选取大于等于 0.0 且小于 1.0 的伪随机 double 值arr.join()是把数组里所有元素放进字符串。其中传入的参数a和b是:比如a[0]=1;a[1]=2;则a=1;b=2通过比较a和b的值的正负确定二者的位置。若要逆序,就b-a,正序就a-b其中原创 2017-02-28 21:51:47 · 600 阅读 · 0 评论 -
html总结 2017.2.8night
1、h5行内元素,块级元素,空元素有哪些行内元素:img span input label strong textarea块级元素:blackquote ul ol div h1-h6 p dir可变元素:script button(根据上下文决定是行内或块级)空元素: (分隔线) 2、什么是webGL,优点。转载 2017-02-08 22:03:32 · 412 阅读 · 0 评论 -
我理解的ajax 跨域 事件代理,委托20170222am
先上代码。function submitData(){var xhr = createXHR(); //创建一个XHR对象。xhr.onreadystatechange = function(){if(xhr.readyState == 4){ //确保已取得所有响应数据 if((xhr.status >= 200&&xhr.statusalert(xhr.res原创 2017-02-22 11:17:09 · 327 阅读 · 0 评论 -
html
1、label属性。label:当鼠标移动到label标签包括的范围时,浏览器会自动将焦点转到标签相关的表单控件上。male2、如何实现浏览器内多个标签页之间的通信。考察数据存储,本地存储和服务器存储。前端主要是本地存储。localStorage用localStorage.setItem(key,value);添加内容用storage监听添加、修改、删除事件wind转载 2017-02-11 08:39:35 · 446 阅读 · 0 评论 -
js深克隆 浅克隆 待补充
js的数据类型:基本类型:number boolean string null undefined 引用类型: object(函数 array object)浅克隆:把数据的地址赋给变量,而没有把具体的数据复制给变量,变量会随数据值的变化而变化。引用类型的赋值为浅克隆深克隆:把数据的值付给变量,从而产生一个与源数据不相干的新数据(数据地址已变化)。基本类型的赋值原创 2017-03-01 15:00:30 · 466 阅读 · 0 评论 -
继承,js创建函数
继承分两种:接口继承,实现继承。接口继承:只继承方法签名。(方法签名:方法名和参数列表 Log.log(String message, Exception e, Object... objects) {...})实现继承:继承实际的方法。ECMAscript只支持实现继承,原因:js函数没有签名。(因为js的参数是由包含0或者多个值的数组来表示的。它所谓的命名参数只是提供便利,但原创 2017-02-23 16:59:15 · 272 阅读 · 0 评论 -
prototype _proto_ new的过程
var p = new Person(); new的过程分三步:1、var p={}; 初始化对象2、p._proto_ = Person.prototype;3、Person.call(p); 构造p一、prototype和__proto__的概念prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指原创 2017-03-01 15:26:32 · 256 阅读 · 0 评论 -
20170212am htm
1、为什么重置浏览器默认样式。如何重置。为什么:每个浏览器默认样式都不同,存在兼容问题。故须重置如何:用CssReset注:不用* {padding:0;margin:0},而是html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre{padding:0;marg转载 2017-02-12 11:19:58 · 237 阅读 · 0 评论 -
call apply
点击打开链接原创 2017-03-01 16:43:38 · 270 阅读 · 0 评论 -
20170219 night
1、写一个通用的事件侦听器函数。2、eval json.parse二者作用均是将json字符串解析成js对象。eval:缺点:1、可读性差。2、不安全,容易引发xss危险。如注入不明3、性能下降。4、不利于优化。var a = eval("5"); var a = 5;json.parse:var c = '{"a":"2";"b":"1"}';//外单引号转载 2017-02-19 21:16:19 · 248 阅读 · 0 评论 -
20170219am js
1、js数组去重。2、js如何获取浏览器UA(user agent用户代理)。UA用于服务器识别浏览器的版本信息,从而给对应的浏览器版本发送电脑版或手机版页面信息。balabala onload="myBrowser()">浏览器名称:版本号:代码名称:用户代理标识:fu转载 2017-02-19 17:35:03 · 375 阅读 · 0 评论 -
html 总结1(2017.2.8pm)
1、浏览器页面分几层。三层:结构层html,表示层css,行为层js。作用:结构层:构建页面的结构 表示层:页面的表现与风格 行为层:实现客户端的功能与业务2、html5优缺点,对h5的认识(是什么,为什么)。优点:1、网络标准统一2、多设备,跨平台3、及时更新4、定义的新标签更好地满足开发人员的需求5、在网页的抓转载 2017-02-08 17:56:22 · 279 阅读 · 0 评论 -
html 20170211
1、src href区别。src用于替换当前元素。href用于当前元素和被引元素之间确立联系。2、canvas svg vml区别canvas具有一个基于js的apisvg使用xml文档绘图vml使用xml文档绘图注:用canvas绘制一个矩形var canvas = document.getElementById("myCanvas");v转载 2017-02-11 14:49:13 · 271 阅读 · 0 评论 -
20170211pm html总结
1、h5的存储类型。localStorage本地存储,永久存在sessionStorage会话结束即消失。会话:从输入用户名密码进入系统到退出系统的过程即为会话。即一个终端用户与交互系统通讯的过程。2、h5应用程序缓存和浏览器缓存的区别。h5应用程序缓存:可离线访问,让应用程序可以获取本地内容,已缓存的资源加载的更快,减少服务器负载,浏览器将只下载更新的或更改过的资源,提高网站转载 2017-02-11 17:49:37 · 269 阅读 · 0 评论 -
2017.0211night html
1、触发BFC(块级格式上下文) 的条件。对BFC IFC GFC FFC的理解.(GFC FFC二者是css3里提出的)1、overflow不为visibility2、position为static,absolute3、float不为none4、display为table-cell table-caption inline-block 中的一个BFC:块级格式转载 2017-02-11 22:04:44 · 199 阅读 · 0 评论 -
github
终于,今天,本仙女也有了自己的github账号。怎么用呢原创 2017-02-27 16:51:00 · 334 阅读 · 0 评论