梦颖飞燕-CSDN博客

转载电脑快捷键

CTRL+N　新建一个新的文件CTRL+O　打开“打开文件”对话框CTRL+P　打开“打印”对话框CTRL+S　保存当前操作的文件CTRL+X　剪切被选择的项目到剪贴板Ctrl+w 关闭当前网页CTRL+INSERT 或 CTRL+C　复制被选择的项目到剪贴板SHIFT+INSERT 或 CTRL+V　粘贴剪贴板中的内容到当前位置ALT+BACKSPACE 或 CTRL+Z 撤销上一步的操作ALT...

2018-06-12 19:23:55 195

转载《富爸爸穷爸爸》中提及的经典书籍

《巴比伦最富有的人》乔治·克拉森《战胜华尔街》，《股份有限公司和致富》彼得·林奇《如果你想生活得富裕幸福，要不要去学校》罗伯特·T·清崎《石头汤》小儿书·玛西娅·布朗《获利率达到16％的方法》乔尔·莫斯科维茨《邻家的百万富翁》托马斯·斯坦利《巨人迷》米歇尔·盖博《思考与致富》内波里恩·希尔/拿破仑·希尔 (Napo

2018-04-21 21:05:07 5758

转载 React组件生命周期过程

实例化首次实例化getDefaultPropsgetInitialStatecomponentWillMountrendercomponentDidMount实例化完成后的更新getInitialStatecomponentWillMountrendercomponentDidMount存在期组件已存在时的状态改变componentWillR

2018-03-25 21:51:13 204

转载 Git与TortoiseGit基本操作

转载地址：http://blog.csdn.net/renfufei/article/details/416479731. GitHub操作本节先简单介绍 git 的使用与操作, 然后再介绍 TortoiseGit 的使用与操作.先看看SVN的操作吧, 最常见的是检出(Check out ...), 更新 (Update ...), 以及提交(Commit ...);

2018-01-30 11:34:52 276

转载 CSS垂直居中的11种实现方式

注：以下demo都只是针对现代浏览器所做，未兼容低版本的IE以及其它非主流浏览器。 11种实现方式分别如下：1. 使用绝对定位和负外边距对块级元素进行垂直居中html代码：div id="box"> div id="child">我是测试DIVdiv>div>css代码：#box { width: 300px;

2017-12-14 21:20:37 258

转载 JS实现两个页面之间的通信

两个不同页面之间的通信，通过一个拖拽demo来模拟；首先，写好基础的拖拽代码：[html] view plain copyscript> window.onload = function() { var oDiv = document.getElementById('div'); oDiv.

2017-12-14 20:25:53 4705

转载 http和缓存有关的状态码

200 OK (from cache) 是浏览器没有跟服务器确认，直接用了浏览器缓存；而 304 Not Modified 是浏览器和服务器多确认了一次缓存有效性，再用的缓存。200(from cache) 是速度最快的,因为不需要访问远程服务器,直接使用本地缓存.304 的过程是, 先请求服务器, 然后服务器告诉我们这个资源没变, 浏览器再使用本地缓存.

2017-12-12 20:20:17 489

转载数据库及SQL----常用知识点总结

第一节一、相关概念 1. Data：数据，是数据库中存储的基本对象，是描述事物的符号记录。 2. Database：数据库，是长期储存在计算机内、有组织的、可共享的大量数据的集合。 3. DBMS：数据库管理系统，是位于用户与操作系统之间的一层数据管理软件，用于科学地组织、存储和管理数据、高效地获取和维护数据。

2017-11-13 10:57:11 1416

原创 vue如何实现数据的双向绑定

Document var obj = {}; Object.defineProperty(obj,'hello',{ set:function(newVal){ document.getElementById('a').value = newVal; document.getElementById('b').innerHTML = newVal; }

2017-11-02 21:32:48 1349

转载浅谈MVC、MVP、MVVM架构模式的区别和联系

MVC、MVP、MVVM这些模式是为了解决开发过程中的实际问题而提出来的，目前作为主流的几种架构模式而被广泛使用。一、MVC（Model-View-Controller）MVC是比较直观的架构模式，用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结果反馈给View）。MVC使用非常广泛，比如J

2017-10-28 20:34:47 299

转载前端知识体系目录

原文：点击打开链接1、HTML/HTML5基础：1.0、语义化H5标签1.1、H5引进了一些新的标签，特别注意article、header、footer、aside、nav等，注意HTML的标题结构1.2、理解浏览器解析HTML的过程，理解DOM的树形结构，及相应API1.3、理解HTML标签在各个浏览器上的默认样式（代理样式），理解CSS中的重置样式表的概念1.4

2017-10-26 20:50:02 470

转载雅虎网站页面性能优化的34条黄金守则

雅虎网站页面性能优化的34 条黄金守则雅虎团队经验：网站页面性能优化的34 条黄金守则1 、尽量减少HTTP 请求次数2 、减少DNS 查找次数域名系统（DNS ）提供了域名和IP 的对应关系，就像电话本中人名和他们的电话号码的关系一样。当你在浏览器地址栏中输入www.rjboy.cn 时，DNS 解析服务器就会返回这个域名对应的IP 地址。DNS 解析的过程同样也是需要时间

2017-10-26 20:27:01 407

转载如何解决AJAX 的缓存

解决AJAX 的缓存的方法1、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0");2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache");3、在 Ajax 的 URL 参数后加上 "?fresh=" + Ma

2017-10-26 20:20:06 815

转载理解DOM事件流的三个阶段

本文主要解决两个问题：什么是事件流DOM事件流的三个阶段流流的概念，在现今的JavaScript中随处可见。比如说React中的单向数据流，Node中的流，又或是今天本文所讲的DOM事件流。都是流的一种生动体现。至于流的具体概念，我们采用下文的解释：用术语说流是对输入输出设备的抽象。以程序的角度说，流是具有方向的数据。通通连起来——无处不在的

2017-10-23 22:00:39 419

转载页面布局：两列布局

定宽与自适应浮动 float + margin left right right --css-->.left { float: left; width: 100px;}.right { margin-left: 120px;}简单的布局方法，左侧设置浮动，右侧设置margin-left（避免环绕左侧）的布局方法优点：容易理解

2017-10-23 21:44:15 2335

转载看完让你彻底搞懂Websocket原理

偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。一、websocket与httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接

2017-10-23 08:51:55 443

转载 JavaScript之模块化编程

前言模块是任何大型应用程序架构中不可缺少的一部分，模块可以使我们清晰地分离和组织项目中的代码单元。在项目开发中，通过移除依赖，松耦合可以使应用程序的可维护性更强。与其他传统编程语言不同，在当前JavaScript里，并没有提供原生的、有组织性的引入模块方式。本文就来探讨一下目前的常见几种模块化解决方案。1.对象字面量表示法对象字面量可以认为是包含一组键值对的对象，每一对键和

2017-10-23 08:32:48 248

转载 Vue的双向绑定原理及实现

前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码：效果图：是不是

2017-10-23 08:24:28 9405 1

转载性能优化之AJAX

Ajax是高性能JavaScript的基础。Ajax，从最基本的层面来说，是一种与服务器通信而无需重载页面的方法。数据可以从服务器获取或发送给服务器。最常用的三种用于向服务器请求数据的方法：①XHR。②动态脚本注入。③multipart XHR。XML HttpRequest 这种方式，这里就不多说了。点这里可以了解。这里记录一下要注意的

2017-10-23 08:09:50 332

转载 JS制作简单的三级联动

用javascript制作的一个简单三级联动，非常简单实用代码如下: 省：请选择市：区： //声明省 var pres

2017-10-22 21:28:26 3644

转载 js几种生成随机颜色方法

<!DOCTYPE html><head lang="en"> <meta charset="UTF-8"> <button id="btn1">调用第一种 <button id="bnt2">调用第二种 <button id="btn3">调用第三种

2017-10-22 20:21:57 4273

转载 30分钟掌握ES6/ES2015核心内容（上）

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了...

2017-10-22 16:00:28 320

转载经典递归解决汉诺塔！

算法：当只有一个盘子的时候，只需要从将A塔上的一个盘子移到C塔上。当A塔上有两个盘子是，先将A塔上的1号盘子（编号从上到下）移动到B塔上，再将A塔上的2号盘子移动的C塔上，最后将B塔上的小盘子移动到C塔上。当A塔上有3个盘子时，先将A塔上编号1至2的盘子（共2个）移动到B塔上（需借助C塔），然后将A塔上的3号最大的盘子移动到C塔，最后

2017-10-22 11:02:49 274

原创数字、数组和字符串的常用方法

1. 数字的一些重要方法：（1） toString() 把数字变为字符串，可以接受参数，表示进制（2） toFixed(x) 保留x位小数，并转为字符串（3） Math.random() [0,1]的随机数，不接受参数要想返回大于0-1范围的数，用下面公式：Math.floor( Math.random() * 总数 + 第一个值

2017-10-21 11:16:35 885

转载 js中的事件委托或是事件代理详解

概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰当，我就不去想别的例子来解释了，借花献佛，我摘过来，大家认真领会一下事件委托到底是一个什么原理

2017-10-20 09:16:22 144

原创 document.write和innerHTML的区别

1. ducument.write使用举例html文档：html>head>meta charset=utf-8" /> title>无标题title> script src="index.js">script>head>body>div >Hello Worlddiv>div id="box">Hello Worlddiv>body>html>12

2017-10-20 08:27:12 548

转载懒加载和预加载

转载地址：http://www.jianshu.com/p/4876a4fe7731一、懒加载1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒

2017-10-14 21:14:11 586

转载 HTML 5新增标签及CSS 3新增属性

h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。 - h5新增的标签新增元素说明video表示一段视频并提供播放的用户界面audio表示音频canvas表示位图区域

2017-09-16 09:01:32 493

转载面试题---实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。

2017-09-15 21:00:08 713 1

转载深入理解ES6箭头函数的this

ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,俘获了大批粉丝儿它也可能是面试中的宠儿, 我们关键要搞清楚箭头函数和普通函数中的this一针见血式总结:普通函数中的this:1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use stri

2017-09-10 21:21:59 573

转载提高cookie安全性的几种方式

一、对保存到cookie里面的敏感信息必须加密二、设置HttpOnly为true1、该属性值的作用就是防止Cookie值被页面脚本读取。2、但是设置HttpOnly属性，HttpOnly属性只是增加了攻击者的难度，Cookie盗窃的威胁并没有彻底消除，因为cookie还是有可能传递的过程中被监听捕获后信息泄漏。三、设置Secure为true1、给Cookie

2017-09-10 16:58:36 7485

转载常见的浏览器端的存储技术

有时需要将网页中的一些数据保存在浏览器端，这样做的好处是，当下次访问页面时，不需要再次向服务器请求数据，直接就可以从本地读取数据。目前常用的有以下几种方法：cookiecookie会随着每次HTTP请求头信息一起发送，无形中增加了网络流量，另外，cookie能存储的数据容量有限，根据浏览器类型不同而不同，IE6大约只能存储2K。Flash ShareObject这种

2017-09-10 16:54:13 476

转载 JavaScript内存泄露及解决方案详解

一、什么是内存泄露内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。二、引起垃圾收集语言内存泄露的主要原因是不

2017-09-08 10:52:40 1470

转载 JavaScript的垃圾回收机制与内存管理

一、垃圾回收机制—GCJavaScript具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。javascript垃圾回收的机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃

2017-09-08 08:52:29 383

原创数组去重的五种方式

法一：indexOf方法 //一层循环，创建新数组 function unique(arr){ var newArr = []; for (var i=0;i<arr.length;i++ ) { if ( newArr.indexOf(arr[i]) == -1 )//判断目标数组中在原数组里是否存在 { newArr.push(arr[i]); }

2017-09-07 20:42:26 455

转载新变量声明let

很多语言中都有块级作用域，但js没有，它使用var声明变量，以function来划分作用域，大括号“{}” 却限定不了var的作用域。用var声明的变量具有变量提升（declaration hoisting）的效果。ES6里增加了一个let，可以在{}， if， for里声明。用法同var，但作用域限定在块级，let声明的变量不存在变量提升。示例1: 块级作用域 if

2017-08-29 22:06:25 959

转载二十位活跃在github上的国内技术大牛

文列举了20位在Github上非常活跃的国内大牛，看看其中是不是很多熟悉的面孔？1. lifesinger（玉伯）Github主页： https://github.com/lifesinger微博：@ 玉伯也叫射雕玉伯（王保平），淘宝前端类库 KISSY、前端模块化开发框架SeaJS、前端基础类库Arale的创始人。2003-2006

2017-08-29 21:16:40 465

原创封装cookie

一、设置cookie function setCookie( key ,value , timer ){ var oDate = new Date(); oDate.setDate( oDate.getDate() + timer ); document.cookie = key + "=" + value + ';expires=' + oDate.toGMTStri

2017-08-24 10:12:37 191

原创 js实现五种排序

一、冒泡排序思想：比较两个相邻的项，如果前者比后者大，则交换 function bubbleSort(arr){ var length = arr.length, temp; for (var i=0;i<length;i++ ) { for (var j=0;j<length-1-i;j++)//减i是除去不交换的情况 { if (a

2017-08-24 09:59:49 801

原创 js实现二分搜索的两种方法

一、递归方法 function binarySearch(arr,item,start,end){ var length = arr.length, start = start || 0, end = end || length -1, mid = Math.floor((start+end)/2); if (arr[mid] === item) {

2017-08-24 09:15:30 293

空空如也

空空如也