melody_day的博客

json是创建的一个哈希对象，每个哈希键对应一个值，哈希键是唯一的，值不唯一。

1、css  sprites 使用： .tfs{ width:20px;  height:30px;   backgruond-image:url(tfs.jpg);  background-repeat:none;  background-position:-20px （x坐标）  -40px（y坐标）;} （原点是图片的左上角）。 可现在ps里量出坐标，然后在开发者工具里进行微调。

1、减小页面请求时间。 1、减少http请求。用css sprite。.tfs{background-image:url(tfs.jpg); background-repeat:no-repeat; background-position:-20px,-50px;} 雪碧图使用场景：静态，小图片，加载量大。 注： 会在页面上显示无序列表前有黑色原点装饰，解决方法：ul{list-style

1、call()   apply()。 func.call(thisObject,arg1,arg2); func.apply(thisObject,[arg1,arg2]); 二者作用一样，都是为了动态改变this。 区别：call需要按顺序把参数传递进去。 apply后边的参数是数组形式，适用于不知道参数具体数目时。 2、内存泄漏。 定义：在代码中申请了一块内存，在程序运行完以后

1、判断当前脚本运行在浏览器还是node环境中。 node环境是一个服务器端js的解释器。 看this指向global还是指向window。 前者是node环境，后者是浏览器。即node全局变量是global，浏览器全局变量是window。 typeof  window=="undefined"?global:window; 2、node优缺点。 优点：1、高并发 2、无阻塞 3、

1、最近流行的东西。 2、js对象构建的方式。 3、js继承的6种方法。

1、异步加载和延迟加载。 异步加载： 1、async。 2、动态加入script标签。（script  Dom  element） var  s = document.createElement("script"); s.type = text/javascript; s.async = true; 缺点：在其执行完以前阻塞onload执行 3、onload时异步加载。 将上述代

1、ie各版本和chrome可以并行下载多少资源。 ie5可以下载2个 ie6可以下载6个 chrome可以下载6个。 一般浏览器不超过10个。 2、javascript里面的继承怎么实现，如何避免原型链上面的对象共享？？？？？？？？？？？？？？？？？ 点击打开链接 3、js 操作获取和设置 cookie？？？？？？？？？？？ 4、http/1.1 cache-control的

点击打开链接 点击打开链接

居中： 设置父级flex属性: display:flex; justify-content:center; align-items: center; .div1{ width:500px; height:500px; border:1px solid black; display: flex

本项目为智能光伏电站的运维系统的维护及部分功能的添加。 其中运维系统主要有两方面的功能，一个是数据展示，一个是指导运维。 数据展示： 运维系统的前端数据采集系统通过104规约采集电站端的数据，将其转入内存数据库，经过云平台和大数据框架的统计分析存储，数据流向商用库，在商用库里对数据进行权限管理，最后将最终的数据分流分别展示在不同职能人员的运维界面上。 大数据分析支撑采用Hadoop框架，采

跨域

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

基本思想：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

1、冒泡排序 2、归并排序 3、快速排序 各种复杂度比较：

定义：树的每个节点最多有两个子节点。 功能：查找，查找最值，插入，遍历（中序遍历），删除。 点击打开链接

m: model（模型） v:  view（视图） c:  control（控制器） 一个事件发生的过程： 1、用户和应用发生交互 2、控制器的事件触发器被触发 3、控制器从model请求数据，并将model传来的数据传入view 4、视图将数据传给用户 不用类库或框架就可以实现这种MVC架构模式。关键是要将MVC的每部分按照职责进行划分，将代码清晰地分割为若干部分

1、css有哪些新特性。 1、新增的选择器。 2、新增伪元素::selection 3、新增圆角（boeder-radius）和阴影（box-shadow） 4、文字特效(text-shadow)、渐变（gradient）、旋转(transparent) 5、border-image #tfs{border-image:url(tfs.jpg) 30  30  round或者stret

1、box-sizing属性。 content-box：对象的宽度=content width+border+padding+margin。标准模式下的盒模型。 border-box：对象的宽度=content  width。padding和border包含在width里了。怪异模式下的盒模型。 inherit：继承父元素的box-sizing属性。 2、em   rem区别。 em：相

闭包！作用域，ajax，问的都是基础，很细的。 问原型链一直往上访问最后会是什么。 答就是prototype的问题，最后要么是一个object，要么就是undefined。 问实现一个闭包 答简单地用匿名函数实现了一个 问实现一个长度和高度相等的div 答应该使用before元素实现吧 问的比较细！比较专业！ 包括数据结构等！css布局！

注： 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 其中

1、h5行内元素，块级元素，空元素有哪些 行内元素：img  span  input  label  strong  textarea 块级元素：blackquote  ul  ol     div  h1-h6   p     dir 可变元素：script   button（根据上下文决定是行内或块级） 空元素：        (分隔线)   2、什么是webGL，优点。

先上代码。 function   submitData(){ var  xhr = createXHR();  //创建一个XHR对象。 xhr.onreadystatechange = function(){ if(xhr.readyState == 4){  //确保已取得所有响应数据  if((xhr.status >= 200&&xhr.status alert(xhr.res

1、label属性。 label：当鼠标移动到label标签包括的范围时，浏览器会自动将焦点转到标签相关的表单控件上。 male 2、如何实现浏览器内多个标签页之间的通信。 考察数据存储，本地存储和服务器存储。前端主要是本地存储。 localStorage 用localStorage.setItem(key,value);添加内容 用storage监听添加、修改、删除事件 wind

js的数据类型： 基本类型：number   boolean   string   null  undefined    引用类型： object(函数 array  object) 浅克隆：把数据的地址赋给变量，而没有把具体的数据复制给变量，变量会随数据值的变化而变化。引用类型的赋值为浅克隆 深克隆：把数据的值付给变量，从而产生一个与源数据不相干的新数据(数据地址已变化)。基本类型的赋值

继承分两种：接口继承，实现继承。 接口继承：只继承方法签名。（方法签名：方法名和参数列表  Log.log(String message, Exception e, Object... objects) {...} ） 实现继承：继承实际的方法。 ECMAscript只支持实现继承，原因：js函数没有签名。(因为js的参数是由包含0或者多个值的数组来表示的。它所谓的命名参数只是提供便利，但

var  p  = new  Person();  new的过程分三步： 1、var  p={};  初始化对象 2、p._proto_ = Person.prototype; 3、Person.call(p);  构造p 一、prototype和__proto__的概念 prototype是函数的一个属性（每个函数都有一个prototype属性），这个属性是一个指

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

点击打开链接

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"}';//外单引号

1、js数组去重。 2、js如何获取浏览器UA（user agent用户代理）。 UA用于服务器识别浏览器的版本信息，从而给对应的浏览器版本发送电脑版或手机版页面信息。 balabala  onload="myBrowser()"> 浏览器名称： 版本号： 代码名称： 用户代理标识： fu

1、浏览器页面分几层。 三层：结构层html，表示层css，行为层js。 作用：结构层：构建页面的结构             表示层：页面的表现与风格             行为层：实现客户端的功能与业务 2、html5优缺点，对h5的认识（是什么，为什么）。 优点：1、网络标准统一 2、多设备，跨平台 3、及时更新 4、定义的新标签更好地满足开发人员的需求 5、在网页的抓

1、src   href区别。 src用于替换当前元素。 href用于当前元素和被引元素之间确立联系。 2、canvas   svg   vml区别 canvas具有一个基于js的api svg使用xml文档绘图 vml使用xml文档绘图 注：用canvas绘制一个矩形 var canvas = document.getElementById("myCanvas"); v

1、h5的存储类型。 localStorage本地存储，永久存在 sessionStorage会话结束即消失。 会话：从输入用户名密码进入系统到退出系统的过程即为会话。即一个终端用户与交互系统通讯的过程。 2、h5应用程序缓存和浏览器缓存的区别。 h5应用程序缓存：可离线访问，让应用程序可以获取本地内容，已缓存的资源加载的更快，减少服务器负载，浏览器将只下载更新的或更改过的资源，提高网站

1、触发BFC(块级格式上下文) 的条件。对BFC　IFC   GFC   FFC的理解.(GFC  FFC二者是css3里提出的) 1、overflow不为visibility 2、position为static，absolute 3、float不为none 4、display为table-cell  table-caption   inline-block 中的一个 BFC:块级格式

终于，今天，本仙女也有了自己的github账号。 怎么用呢