自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

paranoidMao

天生我才必有用

  • 博客(31)
  • 收藏
  • 关注

原创 什么是高内聚、低耦合?

起因:模块独立性指每个模块只完成系统要求的独立子功能,并且与其他模块的联系最少且接口简单,两个定性的度量标准――耦合性和内聚性。耦合性也称块间联系。指软件系统结构中各模块间相互联系紧密程度的一种度量。模块之间联系越紧密,其耦合性就越强,模块的独立性则越差。模块间耦合高低取决于模块间接口的复杂性、调用的方式及传递的信息。耦合性分类(低――高): 无直接耦合;数据耦合;标记耦合;控制耦合;公共耦合...

2018-12-19 10:51:54 826

转载 DOM对象和js对象以及jQuery对象的区别

DOM对象和js对象以及jQuery对象的区别一、DOM对象文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的...

2018-08-31 09:53:25 3125 2

原创 关于js操作cookie

一、什么是cookie我们在浏览器中,经常涉及到数据的交换,比如你登录邮箱,登录一个页面。我们经常会在此时设置30天内记住我,或者自动登录选项。那么它们是怎么记录信息的呢,答案就是今天的主角cookie了,Cookie是由HTTP服务器设置的,保存在浏览器中,但HTTP协议是一种无状态协议,在数据交换完毕后,服务器端和客户端的链接就会关闭,每次交换数据都需要建立新的链接。 从JavaScri...

2018-08-17 14:33:04 19432 2

转载 判断js中的数据类型的几种方法

判断js中的数据类型有一下几种方法:typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下来主要比较一下这几种方法的异同。先举几个例子:var a = "iamstring.";var b = 222;var c= [1,2,3];var d = new Date();var e = function...

2018-08-16 17:42:13 210

原创 用jquery的ajax方法获取不到return返回值

今天给别人调bug,遇到了jquery的ajax方法获取不到return返回值这个问题。 两个错误写法会导致这种情况: 1.ajax未用同步  2.在ajax方法中直接return返回值。 html部分<div class="box"> <div class="box1"></div>

2018-08-16 14:59:11 2164

原创 商城广告

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

2018-08-14 15:27:02 323

转载 js运行机制

javascript的运行机制单线程 任务队列事件和回调函数 异步IOjavascript最大的特点就是单线程,也就是在同一时间只能做一件事情.那为什么会是单线程呢?这还要从javascript的用途来看.javascript的主要用途就是与用户互动以及DOM操作(浏览器中),这就决定的了它必须是单线程的,不然会出现很严重的问题.比如当有两个线程同时对一个DOM进行操作的时候,浏...

2018-08-13 15:13:49 395

原创 JQuery中html、append、appendTo、prepend、prependTo、after、insertAfter、before、insertBefore、empty、remove的区别

html方法,给元素添加html代码或者清空html代码(参数为空字符串);append向元素的末尾添加html代码;appendTo这个方法跟append方法的很像,只是要添加的html代码的目标有所不一样;prepend向元素的头部添加html代码;prependTo和prepend方法很想,区别在于 prependTo() 无法使用函数来插入内容。after向元素的后边添加htm...

2018-08-09 17:04:53 2865

原创 商城倒计时代码

<!DOCTYPE html><html lang="en"><head> <meta cha

2018-08-08 14:17:24 995

原创 CSS布局--圣杯布局&双飞翼布局

圣杯布局和双飞翼布局解决的问题是一样的,就是两边顶宽,中间自适应的三栏布局,中间栏要在放在文档流前面以优先渲染。圣杯布局和双飞翼布局解决问题的方案在前一半是相同的,也就是三栏全部float浮动,但左右两栏加上负margin让其跟中间栏div并排,以形成三栏布局。不同在于解决”中间栏div内容不被遮挡“问题的思路不一样: 圣杯布局,为了中间div内容不被遮挡,将中间div设置了左右padd...

2018-07-26 11:12:28 185

转载 js 时间与时间戳的转换

一:时间转时间戳:javascript获得时间戳的方法有四种,都是通过实例化时间对象 new Date() 来进一步获取当前的时间戳1.var timestamp1 = Date.parse(new Date()); // 结果:1477808630000 不推荐这种办法,毫秒级别的数值被转化为000  console.log(timestamp1);2.var timestamp2 ...

2018-07-25 16:05:24 6941

原创 javascript if条件判断方法小结

条件语句用于基于不同的条件来执行不同的动作。条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:•if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码•if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码•if....

2018-07-25 14:39:48 695

转载 关于面试的技巧

相对应的网址https://mp.weixin.qq.com/s/UYFrb-kwdJqbEJTlvkP7SQ 程序员跳槽时,会遇到哪些套路?才震宏 GitChat 5月10日 作者简介才震宏,100offer 资深职业顾问,拥有 5 年互联网技术猎头和职业顾问经验,负责跟进候选人求职面试的全过程,擅长从候选人角度分析职位特点,提供职业规划分析,已为上百位候选人进行过面试...

2018-07-20 11:21:31 321

转载 关于HTTP和HTTPS的区别

前言:在了解关于http和https的区别之前,先让我们知道什么是http。超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。1960年美国人Ted Nelson构思了一种通过计算机处理文本信息的方法,并称之为超文本(hyp...

2018-07-20 11:13:07 2835

转载 浅谈session,cookie,sessionStorage,localStorage的区别及应用场景

浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)cookie机制:如果不在浏览器中设置过期时间,cookie被保...

2018-07-19 10:27:34 217

原创 关于服务器端和客户端的区别

首先百度百科解释:服务端:服务端是为客户端服务的,服务的内容诸如向客户端提供资源,保存客户端数据。是实现游戏特色化的重要途径,也是最直接可以通过游戏表现出来的技术,比如你要修改某个NPC的参数,重加载后,在游戏内立刻体现出来。客户端:客户端(Client)或称为用户端,是指与服务器相对应,为客户提供本地服务的程序。除了一些只在本地运行的应用程序之外,一般安装在普通的客户机上,需要与服务...

2018-07-18 17:34:41 17366

转载 关于encode和decode(新添加escape,并和encode的区别)

本文章只针对前端中的浏览器地址来写,暂时还不从python方面进行解析。为啥会有浏览器编码这一说法一般来说,URL只能使用英文字母、阿拉伯数字和某些标点符号,不能使用其他文字和符号。比如,世界上有英文字母的网址 “h ttp://www.haorooms.com”, 但是没有希腊字母的网址“h ttp://www.aβγ.com” (读作阿尔法-贝塔-伽玛.com)。这是因为网络标准RFC...

2018-07-17 17:42:31 1621

转载 jquery的bind跟on绑定事件的区别

jquery的bind和on绑定事件的区别bind和on的绑定事件的区别:jquery文档中bind和on函数绑定事件的用法:.bind(events [,eventData], handler).on(events [,selector]  [,data], handler) 从文档中可以看出,.on方法比.bind方法多一个参数'selector'.on的selec...

2018-07-16 21:20:17 380

转载 letter-spacing和word-spacing有什么区别的

word-spacing 属性增加或减少单词间的空白(即字间隔)。letter-spacing 属性增加或减少字符间的空白(字符间距)。letter-spacing说明:该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。注释:允许使用负值,这会让字母之间挤得更紧。word-spacing说明:  ...

2018-06-26 14:41:54 738

转载 用 CSS 实现元素垂直居中,有哪些好的方案?

 今天我们就细数一下几种方法:1,使用position:absolute,设置left、top、margin-left、margin-top的属性.one{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-top:-100px;margin-left:-100px;background:red...

2018-04-08 21:32:06 172

转载 Vue2.0史上最全入坑教程—— 搭建Vue脚手架(vue-cli)

面试面试vue,开始自学,从搭建vue脚手架开始。 最近,vue.js越来越火。在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好...

2018-03-28 13:20:10 2193

转载 computed与methods的异同

在vue.js中,有methods和computed两种方式来动态当作方法来用的。methods英文翻译方法方式computed英文翻译计算的如下:两种方式在这种情况下的结果是一样的1.写法上的区别是computed计算属性的方式在用属性时不用加(),而methods方式在使用时要像方法一样去用,必须加()2.两种方式在缓存上也大有不同,利用computed计算属性是将 content与messa...

2018-03-27 10:12:16 782

原创 AJAX的异步请求的四个步骤

ajax异步请求详解ajax定义:异步的JavaScript和xml1、创建对象,XMLHttpRrquest的出现才有了异步处理。XMLHttpRrquest是AJAX的基础所有的现代浏览器均支持XMLHttpRrquest对象(IE5和IE6使用ActiveObject)XMLHttpRrquest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。2...

2018-03-16 10:53:58 8558 3

转载 关于跨域的问题,以及跨域的几种方式

跨域:浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.上面提到的,同域的概念又是什么呢??? 简单的解释就是相同域名,端口相同,协议相同。同源策略:请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同.比如:我在本地上的域名是study.cn,请求另外一个域...

2018-03-16 09:54:28 199

转载 区分js中的undefined,null,NaN的区别

null: Null类型,代表“空值”,代表一个空对象指针,使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值。undefined: Undefined类型,当一个声明了一个变量未初始化时,得到的就是undefined。1.js中undefined,null,NaN的区别类型分析:js中的数据类型有undefined,boolean,number,strin...

2018-03-14 17:31:03 1658

转载 对于闭包的理解;有什末特性,对页面有什么影响

闭包就是能够读取其他函数内部变量的函数。“官方”的解释是:所谓的“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数 ),因而这些变量也是该表达式的一部分。通俗的讲:就是函数a的内部函数b,被函数a外部的一个变量引用的时候,就创建了一个闭包。 一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局...

2018-03-14 17:19:01 873 2

转载 对于函数的理解(总结)

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数就是包裹在花括号中的代码块,前面使用了关键词 function:function function name(){这里是要执行的代码}当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。在调用函数时,您可以向其传递值,这些值被称为参数。局...

2018-03-14 11:54:15 1032

转载 js事件冒泡和事件捕获

事件冒泡与事件捕获  JS事件流原理图如下:由此可以知道  1、一个完整的JS事件流是从window开始,最后回到window的一个过程  2、事件流被分为三个阶段(1~5)捕获过程、(5~6)目标过程、(6~10)冒泡过程事件冒泡和事件捕获分别由微软和网景公司提出,这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。<div id="outer"> <p id="...

2018-03-08 15:51:36 198

转载 布局神器(二)display:flex

2009年,W3C提出了一种新的方案--Flex布局,可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。一、Flex布局是什么?Flex是Flexible Box的缩写,翻译成中文就是“弹性盒子”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: -webkit-flex; /*在webkit内...

2018-03-06 17:58:11 238

转载 布局神器(一)display:table-cell

display:table-cell页面布局是HTML+CSS的一个重点,除了常见的几种布局外,如:float、position: absolute等等;还有一些功能强大且好用的布局方式,本文就display:table-cell做学习总结。display:table-cell指让标签元素以表格单元格的形式呈现,使元素类似于td标签。IE8+及现代版本的浏览器都支持此属性,IE6/7不支持(可用其...

2018-03-06 17:47:50 998

转载 一个例子让你彻底明白原型对象和原型链

开篇之前对js中的原型链和原型对象有所了解,每当别人问我什么是原型链和原型对象时,我总是用很官方(其实自己不懂)的解释去描述。有一句话说的好:如果你不能把一个很复杂的东西用最简单的话语描述出来,那就说明你没有真正的理解。最近正在读《Javascript高级程序设计》,书中对原型对象和原型链的描述让我受益匪浅,下面仅用一个对比性的例子来说明。我们经常会这么写 function Person (...

2018-03-06 09:40:36 4660 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除