02 2017 档案

jsonp应用
摘要：1.服务端jsonp格式数据 如客户想访问 : http://www.runoob.com/try/ajax/jsonp.php?jsonp=callbackFunction。 假设客户期望返回JSON数据：["customername1","customername2"]。 真正返回到客户端的数据 阅读全文
posted @ 2017-02-19 08:44 明烟雨任 阅读(203) 评论(0) 推荐(0)
jquery ajax
摘要：jquery load()方法是简单但强大的ajax方法。load方法从服务器加载数据，并把返回的数据放入被选元素中。 语法：$(selector).load(URL,data,callback); 必须的url参数规定你希望加载的url。 可选的data参数规定与请求一同发送的查询字符串键值对集合 阅读全文
posted @ 2017-02-19 07:40 明烟雨任 阅读(98) 评论(0) 推荐(0)
jquery遍历之后代
摘要：向下遍历dom树的jquery方法 children()方法返回被选元素的所有直接子元素，只会对向下一级对dom树进行遍历。 例子 代码： $(document).ready(function(){ $("div").children().css({"color":"red","border":"2 阅读全文
posted @ 2017-02-19 07:21 明烟雨任 阅读(382) 评论(0) 推荐(0)
jquery遍历
摘要：1，向上遍历的方法 parent()返回被选元素的直接父元素。只会向上一级dom树进行遍历。 例子 代码：$("span").parent().css({"color":"red","border":"2px solid red"}); parents()返回被选元素的所有祖先元素，它一路向上到文档 阅读全文
posted @ 2017-02-19 06:49 明烟雨任 阅读(116) 评论(0) 推荐(0)
jquery学习总计
摘要：1，jquery的基础语法 $(selector).action(); 选择器（selector）查询和查找html元素，action()执行对函数的操作。 2.选择器 id，类，类型，属性，属性值等查找html元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。jQuery 阅读全文
posted @ 2017-02-18 09:55 明烟雨任 阅读(262) 评论(0) 推荐(0)
xml数据格式
摘要：<?xml version="1.0" encoding="utf-8"?> <country> <name>中国</name> <province> <name>广西</name> <citys> <city>桂林</city> <city>贺州</city> </citys> </provinc 阅读全文
posted @ 2017-02-16 00:44 明烟雨任 阅读(312) 评论(0) 推荐(0)
javascript数据类型
摘要：number 123;//整数 0.456;//浮点数0.456 1.2345e3;//科学记数法表示1.2345x1000=1234.5 -99;//负数 NaN;//NaN表示 Not a number，当无法计算结果时用NaN表示 Infinity;//infinity表示无限大，当数值超过了 阅读全文
posted @ 2017-02-16 00:30 明烟雨任 阅读(232) 评论(0) 推荐(0)
前端面试js题
摘要：var a=10; (function(){ console.log(a); var a=100; })(); 结果：输出undefined 解释： function中有var a=100; 声明会提升到function最开头，但赋值发生在最后。 上面的代码等价于 var a=10; (functi 阅读全文
posted @ 2017-02-15 22:17 明烟雨任 阅读(209) 评论(0) 推荐(0)
js介绍自己的例子
摘要：js并不是真正面向对象的语言，但是我们通过一些方法也是可以实现js的一些面向对象设计的。常见的构造函数有很多模式有构造函数模式，原型链，工厂模式等等。但就是因为，我初学者看起来非常吃力，理解起来都是很困难，在此推荐一种比较常见的模式--组合模式： //定义一个person类 function per 阅读全文
posted @ 2017-02-15 21:36 明烟雨任 阅读(447) 评论(0) 推荐(0)
清除浮动的四种方法
摘要：1.额外标签法：clear:both 通过在box1后面添加一个box2来清除浮动的影响，这个方法比较直接，不过不会产生很多额外的标签，是代码变得冗余，而且父盒子bu'hui不会被重新撑开。 2.使用overflow：hidden 3.单伪元素标签法 .clearfix:after{ content 阅读全文
posted @ 2017-02-13 12:27 明烟雨任 阅读(244) 评论(0) 推荐(0)
前端开发的个人看法
摘要：1.基础还是html，css，js这三大块。还需要处理服务器通信，以及部分服务器脚本开发的工作，比如发布，测试脚本，jsp，php页面脚本等。前端处于设计与后台的中间领域，起到承上启下的作用。需要前端工程师知识面横向上要广，服务器技术要懂，产品与交互也要懂，可以说前端工程师游走在设计与编码的边缘。 阅读全文
posted @ 2017-02-13 12:18 明烟雨任 阅读(428) 评论(0) 推荐(0)
js闭包，原型，作用域等再一次理解
摘要：要理解闭包，原型等，首先要理解作用域 作用域：就是函数在定义的时候创建的，用于寻找使用到的变量的值的一个索引，而他内部的规则是，把函数自身的本地变量放在最前面，把自身的父级函数中的变量放在其次，把再高一级函数中的变量放在更后面，以此类推直至全局对象为止。 回收机制：一个函数在执行开始的时候，会给其中 阅读全文
posted @ 2017-02-13 12:09 明烟雨任 阅读(701) 评论(2) 推荐(0)
前端面试：js闭包，为什么要使用闭包
摘要：要理解闭包，首先理解javascript特殊的变量作用域，变量的作用于无非就是两种：全局变量，局部变量。 javascript语言的特殊处就是函数内部可以读取全局变量。 1.如何从外部读取局部变量？ 我们有时候需要得到函数内的局部变量，但是在正常情况下，这是不能读取到的，只有通过变通方法才能读取到。 阅读全文
posted @ 2017-02-13 10:47 明烟雨任 阅读(10764) 评论(0) 推荐(1)
前端面试：前端体系是怎么样的？
摘要：今天看了网上的一个关于前端体系是怎么样的，我顿时回想自己所学的，好像我缺少总结，我的知识体系没有形成一个系统，以至于到面试的时候面试官问我我都不知道怎么回答，今天我就好好总结一下我所觉得的前端体系。 在我看来，前端体系是围绕html，css，js这三大块展开的。所以我得出一个大概分类，web前端知识 阅读全文
posted @ 2017-02-13 09:56 明烟雨任 阅读(615) 评论(0) 推荐(1)
前端面试：提升web性能
摘要：1，减少HTTP请求数 A,从设计实现层简化页面 B,合理设置HTTP缓存 C,资源合并与压缩。如果可以的话，尽可能的将外部脚本，央视进行合并，多个合为一，css，javascript，image都可以用相应的工具进行压缩，比如grunt构建工具。 2.将外部脚本置底 3.异步执行inline脚本 阅读全文
posted @ 2017-02-13 09:22 明烟雨任 阅读(355) 评论(0) 推荐(0)
前端面试：.淘宝那里的商品项，如图片，滚动到了才加载，你知道怎么实现么
摘要：实现应该是利用了js的按需加载来实现吧 图片延迟按需加载是指当打开网页时，只加载当前屏幕区域的图，当滚动页面时再加载按需要加载其它区域的图片，提高网页打开速度，节约带宽。 真正意义上的图片延迟按需加载是在程序输出页面时，把src属性设为loading图片，为img设置一个自定义属性放置图片的真实地址 阅读全文
posted @ 2017-02-13 09:10 明烟雨任 阅读(1277) 评论(0) 推荐(0)
前端面试：浏览器可以并行下载多少个资源？
摘要：Browser HTTP1.1 HTTP1.0 IE6,7 2 4 IE8 6 6 FIREFOX 2 2 8 FIREFOX 3 6 6 SAFIRI 3,4 4 4 CHROME 4+ 6 6 ORERA 10.51+ 8 ? 得出结论，一般浏览器不超过10个。 阅读全文
posted @ 2017-02-13 08:57 明烟雨任 阅读(1454) 评论(0) 推荐(0)
前端面试：css预处理
摘要：css预处理定义： 定义了一种新的语言，其基本思想是用一种专门编程语言，为css增加了一些编程的特性，将css作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 几种预处理语言 sass less stylus turbine swithch css css cacheer dt css 阅读全文
posted @ 2017-02-12 23:42 明烟雨任 阅读(826) 评论(0) 推荐(0)
前端面试：什么是css reset
摘要：HTML标签在浏览器中都有默认的样式，不同的浏览器的默认样式之间存在差别。例如ul默认带有缩进样式，在IE下，它的缩进是由margin实现的，而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题，影响开发效率。现在很流行的解决方式是一开始就将浏览器 阅读全文
posted @ 2017-02-12 23:20 明烟雨任 阅读(6533) 评论(0) 推荐(0)
前端面试：区分XSS和CSRF
摘要：xss：跨站点攻击。xss攻击的主要目的是想办法获取目标攻击网站的cookie，因为有了cookie相当于有了session，有了这些信息就可以在任意能接进互联网的PC登陆该网站，并以其他人的身份登陆做破坏。预防措施防止下发界面显示html标签，把</>等符号转义。 csrf：跨站点伪装请求。csr 阅读全文
posted @ 2017-02-12 23:13 明烟雨任 阅读(2636) 评论(0) 推荐(1)
前端跨域之jsonp跨域
摘要：jsonp跨域原理 原理：因为通过script标签引入的js是不受同源策略的限制的（比如baidu.com的页面加载了google.com的js）。所以我们可以通过script标签引入一个js或者一个其他后缀形式（如PHP,JSP等）的文件，此文件返回一个js函数的调用，如返回JSONP_getUs 阅读全文
posted @ 2017-02-12 22:53 明烟雨任 阅读(658) 评论(0) 推荐(0)
javascript继承有5种实现方式
摘要：1.对象冒充 3.继承的第三种方式：apply（）方法方式 apply方法接受2个参数 A.第一个参数与call方法的第一个参数一样，即赋值给类（即方法）中出现的this B.第二个参数为数组类型，这个数组中的每个元素依次赋值给类（即方法）所接受的参数 4.第四种方式：原型链方式，即子类通过prot 阅读全文
posted @ 2017-02-12 22:00 明烟雨任 阅读(214) 评论(0) 推荐(0)
jsonp原理
摘要：首先提一下json这个概念，json是一种轻量级的数据传输格式，被广泛应用于当前web应用中。json格式数据的编码和解析基本在所有主流语言中毒被实现，所以现在大部分前后端分离的架构都以json格式进行数据传输。 那么jsonp是什么？ 同源策略，为了保证用户访问的安全，现代浏览器使用了同源策略，即 阅读全文
posted @ 2017-02-12 21:37 明烟雨任 阅读(167) 评论(0) 推荐(0)
bootstrap再次回顾认识到的东西
摘要：1,需要使用html5文档类型（Doctype），因此在使用bootstrap项目的开头包含下面的代码段. 2,移动设备优先 width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。 initial-s 阅读全文
posted @ 2017-02-12 20:30 明烟雨任 阅读(222) 评论(0) 推荐(0)
浏览器的内核分别是什么？
摘要：IE:trident内核 Firefox：gecko内核 safari：webkit内核 opera：以前是presto内核，现在改用google chrome的Blink内核 Chrome：Blink（基于webkit，google与opera software共同开发） 阅读全文
posted @ 2017-02-12 17:12 明烟雨任 阅读(4926) 评论(0) 推荐(0)
nodejs是用来做什么的？
摘要：有些人说“这是一种通过javascript语言开发web服务端的东西”。更直白的可以理解为：node.js有非阻se塞，事件驱动/O等特性，从而让高并发（high concurrency）在的轮询和comet构建的应用中成为可能。 浏览器给网站发请求的过程一直没怎么变过。当浏览器给网站发了请求，服务 阅读全文
posted @ 2017-02-12 17:07 明烟雨任 阅读(9889) 评论(2) 推荐(1)
入园第一篇文章之求职失败的总结
摘要：这几天在深圳面试，都失败了，有技术上的原因，也有表达上的，心里上的原因。不管怎么说，都失败了，就好好的总结为什么失败吧。以下是我个人认为失败的原因 1.核心还是技术不够硬，这个需要后续不断的努力提升。 2.面试时语言表达不清楚，对一些面试时的套路没有很好的应对。 3.面试时心里紧张，没有很好的表达出 阅读全文
posted @ 2017-02-12 16:05 明烟雨任 阅读(207) 评论(0) 推荐(0)