- 博客(31)
- 收藏
- 关注
RSS订阅原创 什么是高内聚、低耦合？
起因：模块独立性指每个模块只完成系统要求的独立子功能，并且与其他模块的联系最少且接口简单，两个定性的度量标准――耦合性和内聚性。耦合性也称块间联系。指软件系统结构中各模块间相互联系紧密程度的一种度量。模块之间联系越紧密，其耦合性就越强，模块的独立性则越差。模块间耦合高低取决于模块间接口的复杂性、调用的方式及传递的信息。耦合性分类(低――高): 无直接耦合;数据耦合;标记耦合;控制耦合;公共耦合...
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
19437
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
2875
原创 商城倒计时代码
<!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
6945
原创 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
218
原创 关于服务器端和客户端的区别
首先百度百科解释：服务端：服务端是为客户端服务的，服务的内容诸如向客户端提供资源，保存客户端数据。是实现游戏特色化的重要途径，也是最直接可以通过游戏表现出来的技术，比如你要修改某个NPC的参数，重加载后，在游戏内立刻体现出来。客户端：客户端（Client）或称为用户端，是指与服务器相对应，为客户提供本地服务的程序。除了一些只在本地运行的应用程序之外，一般安装在普通的客户机上，需要与服务...
2018-07-18 17:34:41
17371
转载 关于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
739
转载 用 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
2194
转载 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
8560
3
转载 关于跨域的问题，以及跨域的几种方式
跨域：浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.上面提到的,同域的概念又是什么呢??? 简单的解释就是相同域名,端口相同,协议相同。同源策略:请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同.比如:我在本地上的域名是study.cn,请求另外一个域...
2018-03-16 09:54:28
200
转载 区分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
199
转载 布局神器（二）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
1003
转载 一个例子让你彻底明白原型对象和原型链
开篇之前对js中的原型链和原型对象有所了解，每当别人问我什么是原型链和原型对象时，我总是用很官方（其实自己不懂）的解释去描述。有一句话说的好：如果你不能把一个很复杂的东西用最简单的话语描述出来，那就说明你没有真正的理解。最近正在读《Javascript高级程序设计》，书中对原型对象和原型链的描述让我受益匪浅，下面仅用一个对比性的例子来说明。我们经常会这么写 function Person (...
2018-03-06 09:40:36
4660
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人