自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 cdn

CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点...

2018-08-07 16:43:18

阅读数 131

评论数 0

原创 css动画实例

  <!DOCTYPE html> <html lang="en"> <head> <meta ch...

2018-08-07 16:33:27

阅读数 107

评论数 0

原创 用纯css实现一个三角形

border实现: <!DOCTYPE html> <html lang="en"> <head> &lt...

2018-08-07 16:17:51

阅读数 202

评论数 0

原创 box-sizing的使用

盒子模型 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑,尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度,需要加上一些其它的属...

2018-08-06 16:12:55

阅读数 457

评论数 0

原创 HTML5 requestAnimationFrame的使用

API requestAnimationFrame专门用来进行动画的处理。这个API的优势在于 1、将动画代码优化到一个回流-重绘的循环中去,使动画更流畅。 2、标签页不可见时,暂停动画,减少对CPU和GPU的占用。 3、在不支持的更高帧频的机器上自动限制帧频,在有能力以较高帧频运行的机器上...

2018-08-06 14:51:21

阅读数 106

评论数 0

原创 js实现动画效果

用js实现动画效果的主要思想是利用setInterval()函数.此函数可按照指定的周期(以毫秒计)来调用函数或表达式,并且该方法会不停地调用函数,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。...

2018-08-06 14:37:25

阅读数 272

评论数 0

原创 escape、encodeURI和encodeURIComponent区别

一、前言 讲这3个方法区别的文章太多了,但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。   二、escape和它们不是同一类 简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读。 编码之后的效果是%XX或者%uXXXX这...

2018-08-06 14:30:53

阅读数 23

评论数 0

原创 js数组常用方法

数组常用的几种方法 push:向数组的末尾增加一项 返回值是数组的新长度 unshift:向数组开头增加一项 返回值是数组的新长度 pop:删除数组的末尾项 返回值是删除的数组项 shift:删除数组开头项 返回被删除的开头项目 splice:删除数组中的任意项 返回值是被删除的数组项 slic...

2018-08-06 11:24:16

阅读数 37

评论数 0

原创 localstorage原理与使用

首先自然是检测浏览器是否支持本地存储。在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者用法完全相同,这里以localSto...

2018-08-06 10:26:56

阅读数 459

评论数 0

原创 call和apply的区别、作用

call和apply用来调用函数,并用指定对象(第一个参数)替换函数的 this 值,同时用指定数组替换函数的参数。注:也可以不指定参数,此时只是单纯的调用函数,如:fun.call() 语法:   fun.call(thisobj,arg1,arg2) ;当后面参数个数确定时用call,参数...

2018-08-06 10:08:49

阅读数 328

评论数 0

原创 JQuery的ready函数与JS的onload的区别

JQuery的ready函数与JS的onload的区别: 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编...

2018-08-06 09:58:42

阅读数 37

评论数 0

原创 Jquery ready函数原理

原理:  在jquery脚本加载的时候,会设置一个isReady的标记,监听DOMContentLoaded事件(这个不是什么浏览器都有的,不同浏览器,jquery运作方式不一样).当然遇到调用ready函数的时候,如果isReady未被设置,那就是说页面未加载完,就会把要执行的函数用一个数组缓存...

2018-08-06 09:54:37

阅读数 60

评论数 0

原创 VUE父子组件通信原理

在 Vue.js 中,父子组件的关系可以总结为 props down, events up 。 父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息。看看它们是怎么工作的。 ...

2018-08-06 09:49:46

阅读数 536

评论数 3

原创 cookie的原理,与session的区别,以及使用

1、cookie的作用: 我们在浏览器中,经常涉及到数据的交换,比如你登录邮箱,登录一个页面。我们经常会在此时设置30天内记住我,或者自动登录选项。那么它们是怎么记录信息的呢,答案就是今天的主角cookie了,Cookie是由HTTP服务器设置的,保存在浏览器中,但HTTP协议是一种无状态协议,...

2018-08-05 19:21:07

阅读数 42

评论数 0

原创 VUE.js双向数据绑定

vue数据双向绑定原理 vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象 代码: var vm = new Vue({ data: { o...

2018-08-05 14:41:21

阅读数 122

评论数 0

原创 判断一个变量是数组还是对象

  一,判断方法           1.typeof                 我们能够使用typeof判断变量的身份,判断字符串得到string,数字和NaN得到number,函数会得到function等,但是判断数组,对象和null时都会得到object,详细请看js数据类型,...

2018-08-05 14:28:51

阅读数 106

评论数 0

原创 重绘(redraw或repaint),重排(reflow)的理解

重绘(redraw或repaint),重排(reflow) 浏览器运行机制图: 浏览器的运行机制:layout:布局; 1、构建DOM树(parse):渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)生成内容树(Content Tree/DOM...

2018-08-05 14:21:15

阅读数 298

评论数 0

原创 浏览器的原理

一、介绍   浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。   将讨论的浏览器    今天,有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。  ...

2018-08-05 14:12:35

阅读数 202

评论数 0

原创 git的使用

1.git 常用指令 git init      在本地新建一个repo,进入一个项目目录,执行git init,会初始化一个repo,并在当前文件夹下创建一个.git文件夹.   git clone      获取一个url对应的远程Git repo, 创建一个local copy. ...

2018-07-25 16:40:23

阅读数 36

评论数 0

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