weixin_45052104的博客

原创 跨域的场景

1.域名不同 www.yangwei.com 和www.wuyu.com 即为不同的域名）2.二级域名相同，子域名不同（www.wuhan.yangwei.com www.shenzheng.yangwei.com 为子域不同）3.端口不同，协议不同  （ http://www.yangwei.com 和https://www.yangwei.com属于跨域www...

原创 说说TCP传输的三次握手四次挥手策略

为了准确无误地把数据送达目标处，TCP协议采用了三次握手策略。用TCP协议把数据包送出去后，TCP不会对传送 后的情况置之不理，它一定会向对方确认是否成功送达。握手过程中使用了TCP的标志：SYN和ACK。发送端首先发送一个带SYN标志的数据包给对方。接收端收到后，回传一个带有SYN/ACK标志的数据包以示传达确认信息。最后，发送端再回传一个带ACK标志的数据包，代表“握手”结束。若在握手过...

原创 Javascipt的本地对象，内置对象和宿主对象区分

Javascipt的本地对象，内置对象和宿主对象本地对象：Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError, 简单来说，本地对象就是 ECMA一262 定义的类.内置对象：ECMA一262...

原创 编写一个方法去掉一个数组的重复元素---优化遍历数组法

实现思路：获取没重复的最右一值放入新数组。（检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断）// 思路：获取没重复的最右一值放入新数组function unique5(array){var r = [];for(var i = 0, l = array.length; i < l; i++) {for(var j = i + 1; j < l; j++)if (a...

原创 编写一个方法去掉一个数组的重复元素---排序后相邻去除法

虽然原生数组的”sort”方法排序结果不怎么靠谱，但在不注重顺序的去重里该缺点毫无影响。实现思路：给传入数组排序，排序后相同值相邻，然后遍历时新数组只加入不与前一值重复的值// 将相同的值相邻，然后遍历去除重复值function unique4(array){array.sort();var re=[array[0]];for(var i = 1; i < array.length...

原创 编写一个方法去掉一个数组的重复元素---数组下标判断法

还是得调用“indexOf”性能跟方法1差不多，实现思路：如果当前数组的第i项在当前数组中第一次出现的位置不是i，那么表示第i项是重复的，忽略掉。否则存入结果数组function unique3(array){var n = [array[0]]; //结果数组//从第二项开始遍历for(var i = 1; i < array.length; i++) {//如果当前数组的第i项...

原创 编写一个方法去掉一个数组的重复元素---对象键值对法

该方法执行的速度比其他任何方法都快， 就是占用的内存大一些；实现思路：新建一js对象以及新数组，遍历传入数组时，判断值是否为js对象的键，不是的话给对象新增该键并放入新数组。注意点： 判断是否为js对象键时，会自动对传入的键执行“toString()”，不同的键可能会被误认为一样；例如： a[1]、a[“1”] 。解决上述问题还是得调用“indexOf”。// 速度最快， 占空间最多（空间换时间...

原创 编写一个方法去掉一个数组的重复元素---遍历数组法

最简单的去重方法， 实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下：// 最简单数组去重法function unique1(array){var n = [ ]; //一个新的临时数组//遍历当前数组for(var i = 0; ...

原创 你能写出至少20个HTML5/标签吗

原创 ECMASCRIPT6的新特性总结

1.增加块作用域2.增加let const3.解构赋值4.函数参数扩展 （函数参数可以使用默认值、不定参数以及拓展参数）5.增加class类的支持6.增加箭头函数7.增加模块和模块加载（ES6中开始支持原生模块化啦）8.math, number, string, array, object增加新的API...

原创 h1ttp状态码有那些，分别代表什么意思（完整版）自己总结的

1**(信息类)：表示接收到请求并且继续处理100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本2**(响应成功)：表示动作被成功接收、理解和接受200——表明该请求被成功地完成，所请求的资源发送回客户端201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205——服务器...

原创 h1ttp状态码有那些，分别代表什么意思（简单版）自己总结的

100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理301 Moved Permanently 请求的网页已永久移动到新位置...

原创 自己对Ajax同步和异步的区别，如何解决跨域问题的解释，不全的可以提出来呢

同步的概念应该是来自于OS中关于同步的概念:不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式).同步强调的是顺序性.谁先谁后.异步则不存在这种顺序性.同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作。异步：浏览器访问服务器请求，用户正常操作，浏览器后端进行请求。等请求完，页面不刷新，新内容也会出现，用户...

原创 标准的css盒模型，低版本ie盒模型有什么不同？自己总结的

（1）盒模型有两种， IE 盒子模型、W3C 盒子模型；（2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；（3）区 别： IE的width部分把 border 和 padding计算了进去;...

原创 浅谈自己对html5的了解

1.良好的移动性，以移动设备为主。2.响应式设计，以适应自动变化的屏幕尺寸3.支持离线缓存技术，webStorage本地缓存4.新增canvas，video，audio等新标签元素。新增特殊内容元素：article，footer，header，nav，section等，新增表单控件：calendar，date，time，email，url，search。5.地理定位…6.新增webSoc...

原创 去掉一个数组的重复元素的方法，最全总结，面试必备

1.遍历数组法最简单的去重方法， 实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下：// 最简单数组去重法function unique1(array){var n = [ ]; //一个新的临时数组//遍历当前数组fo...

原创 简述jpg，gif，png-8，png-24的区别，及其各自的使用场景,最全总结

gif、jpg、png格式的图片在网站制作中的区别Gif格式特点:　　1.透明性,Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha透明）。　　2.动画,Gif这种格式支持动画。　　3.无损耗性,Gif是一种无损耗的图像格式，这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。　　4.水平扫描,Gif是使用了一种叫作LZW的算法进行...

原创 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式?

声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法，混杂模式是一种向后兼容的解析方法。触发标准模式或者说严格模式很简单，就是Html前申明正确的DTD，出发混杂模式可以在html文档开始不...

原创 前端程序员应该往全栈方向发展吗？还是坚守前端？

前端程序员应该往全栈方向发展吗？还是坚守前端？东说东有理，西说西有理，不过我还是坚持前端程序员应该往全栈方向发展。很多人都在抱怨，都在说这个行业是吃青春饭的，实则不然，有这种观点的一般都是技术单一，技术平平，被现在社会将要淘汰的，说实话，当时是抱着掌握一门技术进的机构学习，心想着，靠着这一个技术养活自己就行。不过我今天看到这样一句话，让市场需求决定你的工作，而不要让技术决定你的工作。根据市场需求选...

原创 标签上title与alt属性的区别是什么

title 是鼠标放上去的额外信息alt 是图片不能正常显示的时候，用文字代替

原创 七对前端界面工程师这个职位是怎么理解的？它的前景怎样？

对前端界面工程师这个职位是怎么理解的？它的前景怎样？前端工程师属于一个比较新兴的技术，各种技术层出不穷，随着客户体验的重要性前端需要掌握的技能也越来越多，对前端的要求也越来越多，而且我们前端是最贴近用户的程序员，主要负责实现界面交互，提升用户体验，而且有了Node.js，前端可以实现服务端的一些事情，针对服务器的优化、拥抱最新前端技术，除了掌握必要的技能还要掌握用户的心理，善于沟通。前景：前景...

原创 git与svn的区别

原创 git常用命令及git三大分区

原创 Sass相关概念

一.什么是Sass?二. sass基于什么环境? ruby1. 安装ruby2. 安装sass : gem install sass,三. 准备编译sass?1. 考拉2. gulp : gulp-sass gulp-cssnano(cnpm) gulp-clean-css(npm) gulp-rename ,四. sass的输入方式有哪四种?五. 1. 导入 : @i...

原创 l路由原理

原创 gulp的相关概念

一. 什么是gulp ? 前端自动化构建工具二. gulp的作用?1. 压缩js2. 压缩CSS3. 合并文件4. 压缩图片5. 编译sass6. 重命名文件三. gulp 依赖的平台 ? nodeJS四. 如何使用gulp ?1. 全局安装gulp : npm(cnpm) install -g gulp@3 只安装一次2. 准备项目(接下来的操作都在...

原创 面向对象的图片轮播

<script src="js/js.js"></script></head><body> <div id="slide1" class="container"> <ul> <li><a href="http://www.1000phone.com"><i...

原创 几种设计模式

一. 单例模式: 保持一个实例,且可以全局访问,核心 : 一个实例,二. 组合模式: 组合多个不同的对象完成一项功能,核心 : 多个对象的方法名相同,三. 观察者(发布-订阅模式) 一对多的关系核心 : 发布者(数组,接收方法,发布的方法)四. 工厂模式1. 简单工厂 : 封装过程,只留接口,2. 抽象工厂 : 规范流程,可扩展 ----- 继承,五. 策略模式 : 一个问题...

原创 闭包概念、作用、本质及原理

/*一、 什么是闭包？嵌套在另一个函数中的函数，称为闭包函数。二、闭包的作用？是为解决全局变量造成污染的问题三、闭包的本质？是将一个局部变量常驻内存(既是优点，也是缺点)===有可能造成内存泄露（内存被长期占用而不被释放，称为内存泄露）四、闭包的原理？利用了JS中垃圾回收机制在回收被释放的变量或函数时，如果发现被释放的变量正在被使用，则该变量不再被回收，会长期驻留在内存中，直到整个...

原创 寄生式继承

function Father(name,age){this.name = name;this.age = age;}Father.prototype.showName = function(){return this.name;}Father.prototype.showAge = function(){return this.age;} function Son(){ ...

原创 混合模式继承

//混合模式继承function Father(name,age){this.name = name;this.age = age;}Father.prototype.showName = function(){return this.name;}Father.prototype.showAge = function(){return this.age;} function...

原创 原型链继承

/*原型及原型链：1. 所有的函数都有一个prototype的属性（指针），该属性指向了这个函数的原型对象。2. 所有的对象都有一个__proto__的属性（指针），该属性指向了这个对象的原型对象。每一个原型对象也都有一个__proto__的属性，指向它的父级原型对象，最终指向null对象（原型链)3. 第一个原型对象都有一个constructor的属性，该属性指向这个原型对象的构造函数...

原创 构造函数

//Father //ES6 // class Father{ // constructor(name,age){ // //实例属性 // this.name = name; // this.age = age; // } // //原型方法 // showName(){ // return this.name; // }...

原创 观察者模式编写

let salesOffice = new Object();//数组salesOffice.phones = [];//接待订阅者的联系方式salesOffice.reception = function(fn){salesOffice.phones.push(fn);}//发布消息的方法salesOffice.sendMsg = function(much,money){fo...

原创 单例模式的编写

<style type="text/css"> .box{ width: 200px; height: 400px; border: 1px solid black; background: #CCCCCC; } </style></head><body> <input type="button...

原创 放大镜，瀑布流核心思想

一. 放大镜核心 : 求移动比例 (当前位置 / 所能移动的总范围) 求及格率,二. 瀑布流核心: 求出最小高度列的下标位置,在该位置加载图片.

原创 瀑布流思路分析

原创 职业因素

var word = prompt('请输入一个单词：').toLowerCase(); var list = ' abcdefghijklmnopqrstuvwxyz'; var sum = 0; var newStr = ''; for(var i = 0;i < word.length;i ++){ for(var j = 0;j < list.leng...

原创 'aabbbacccdddaaa' --- 'a2b3a1c3d3a3'

/*‘aabbbacccdddaaa’ ‘a2b3a1c3d3a3’*/function fn(str){var newStr = ‘’; //放置新串//遍历老串for(let i = 0;i < str.length;){var count = 1; //统计数量//从下一个开始遍历for(var j = i + 1;j < str.length;j ++){...

原创 自适应瀑布流

分析： 1. 大盒子 2. 所有的子节点 3. 计算大盒子的宽度 4. 计算一个子节点的宽度 5. 计算列数 （总宽度 / 子节点的宽度) 6. 计算左右间隙（总宽度 - 列数 * 子节点的宽度） / (列数 + 1) 7. 初始化第一行所有列的位置（left / top) 难点 8. 对号入座 最小高...