- 博客(19)
- 收藏
- 关注
原创 cdn
CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的...
2018-08-07 16:43:18
261
原创 css动画实例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style type="text/css">div{wid
2018-08-07 16:33:27
254
原创 用纯css实现一个三角形
border实现:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style type="text/css">.le
2018-08-07 16:17:51
644
原创 box-sizing的使用
盒子模型box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑,尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度,需要加上一些其它的属性,例如: padding + border + width= 盒子的宽度 padding+ ...
2018-08-06 16:12:55
735
原创 HTML5 requestAnimationFrame的使用
API requestAnimationFrame专门用来进行动画的处理。这个API的优势在于1、将动画代码优化到一个回流-重绘的循环中去,使动画更流畅。2、标签页不可见时,暂停动画,减少对CPU和GPU的占用。3、在不支持的更高帧频的机器上自动限制帧频,在有能力以较高帧频运行的机器上提高帧频。...
2018-08-06 14:51:21
362
原创 js实现动画效果
用js实现动画效果的主要思想是利用setInterval()函数.此函数可按照指定的周期(以毫秒计)来调用函数或表达式,并且该方法会不停地调用函数,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。...
2018-08-06 14:37:25
747
原创 escape、encodeURI和encodeURIComponent区别
一、前言讲这3个方法区别的文章太多了,但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中 ASCII字母、数字、@*/+ ,这几个字符不会被编码,其余的都会。最关键的是,当你...
2018-08-06 14:30:53
163
原创 js数组常用方法
数组常用的几种方法push:向数组的末尾增加一项 返回值是数组的新长度unshift:向数组开头增加一项 返回值是数组的新长度pop:删除数组的末尾项 返回值是删除的数组项shift:删除数组开头项 返回被删除的开头项目splice:删除数组中的任意项 返回值是被删除的数组项slice:复制数组 返回值是复制到的新数组 写上数值之后 不包含被复制的最后一项拼接:concat:把...
2018-08-06 11:24:16
110
原创 localstorage原理与使用
首先自然是检测浏览器是否支持本地存储。在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者用法完全相同,这里以localStorage为例。 if(window.localstorage){ alert('this ...
2018-08-06 10:26:56
1741
原创 call和apply的区别、作用
call和apply用来调用函数,并用指定对象(第一个参数)替换函数的 this 值,同时用指定数组替换函数的参数。注:也可以不指定参数,此时只是单纯的调用函数,如:fun.call()语法: fun.call(thisobj,arg1,arg2) ;当后面参数个数确定时用call,参数之间用逗号连接 fun.apply(thisobj,[arg1,arg2]);当后面参数个数不确...
2018-08-06 10:08:49
621
原创 JQuery的ready函数与JS的onload的区别
JQuery的ready函数与JS的onload的区别:1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个$(document).ready()...
2018-08-06 09:58:42
116
原创 Jquery ready函数原理
原理: 在jquery脚本加载的时候,会设置一个isReady的标记,监听DOMContentLoaded事件(这个不是什么浏览器都有的,不同浏览器,jquery运作方式不一样).当然遇到调用ready函数的时候,如果isReady未被设置,那就是说页面未加载完,就会把要执行的函数用一个数组缓存起来,当页面加载完后,再把缓存的函数一一执行. Jquery中的详细代码分析: 代码如下:re...
2018-08-06 09:54:37
259
原创 VUE父子组件通信原理
在 Vue.js 中,父子组件的关系可以总结为 props down, events up 。父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息。看看它们是怎么工作的。...
2018-08-06 09:49:46
1604
3
原创 cookie的原理,与session的区别,以及使用
1、cookie的作用:我们在浏览器中,经常涉及到数据的交换,比如你登录邮箱,登录一个页面。我们经常会在此时设置30天内记住我,或者自动登录选项。那么它们是怎么记录信息的呢,答案就是今天的主角cookie了,Cookie是由HTTP服务器设置的,保存在浏览器中,但HTTP协议是一种无状态协议,在数据交换完毕后,服务器端和客户端的链接就会关闭,每次交换数据都需要建立新的链接。就像我们去超市买东西...
2018-08-05 19:21:07
121
原创 VUE.js双向数据绑定
vue数据双向绑定原理vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象代码:var vm = new Vue({ data: { obj: { a: 1 } }, created...
2018-08-05 14:41:21
289
原创 判断一个变量是数组还是对象
一,判断方法 1.typeof 我们能够使用typeof判断变量的身份,判断字符串得到string,数字和NaN得到number,函数会得到function等,但是判断数组,对象和null时都会得到object,详细请看js数据类型,这就是typeof的局限性,并不能准确的判断该变量的"真实身份"。那如何判断一个变量是数组还是对象?...
2018-08-05 14:28:51
1042
原创 重绘(redraw或repaint),重排(reflow)的理解
重绘(redraw或repaint),重排(reflow)浏览器运行机制图:浏览器的运行机制:layout:布局;1、构建DOM树(parse):渲染引擎解析HTML文档,首先将标签转换成DOM树中的DOM node(包括js生成的标签)生成内容树(Content Tree/DOM Tree);2、构建渲染树(construct):解析对应的CSS样式文件信息(包括js生成的样...
2018-08-05 14:21:15
1099
原创 浏览器的原理
一、介绍 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天,有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏览器的例子——Firefox、Chrome及Safari,Safari是部分开源...
2018-08-05 14:12:35
339
原创 git的使用
1.git 常用指令git init 在本地新建一个repo,进入一个项目目录,执行git init,会初始化一个repo,并在当前文件夹下创建一个.git文件夹. git clone 获取一个url对应的远程Git repo, 创建一个local copy. 一般的格式是git clone [url]. clone下来的repo会以ur...
2018-07-25 16:40:23
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人