- 博客(55)
- 收藏
- 关注
RSS订阅转载 JavaScript比较两个变量是否相等（对象类型比较属性是否相等）
function isEqual(a, b) { // 先检查基本类型是否相等 if (a === b) { return true; } // 如果a, b不是严格相等，则必须a, b都是复杂类型 if (!(a instanceof Object) || !(b instanceof Object)) {...
2017-08-15 15:19:00
245
转载 二叉树深度优先遍历和广度优先遍历——JavaScript
// 1、深度优先遍历的递归写法 var nodes = []; function deepTraversal(node) { if (node != null) { nodes.push(node); var children = node.children; ...
2017-08-08 14:36:00
359
转载 深度剖析：如何实现一个 Virtual DOM 算法
https://github.com/livoras/blog/issues/13转载于:https://www.cnblogs.com/xt911129/articles/7306110.html
2017-08-08 11:55:00
118
转载 git pull 强制覆盖本地文件
git fetch --allgit reset --hard origin/mastergit pull转载于:https://www.cnblogs.com/xt911129/articles/7305294.html
2017-08-08 09:56:00
143
转载 JavaScript十大经典排序算法
原文：https://github.com/hustcc/JS-Sorting-Algorithm转载于:https://www.cnblogs.com/xt911129/articles/7298014.html
2017-08-07 10:46:00
85
转载 淘宝目前流行的基于NodeJS的全栈式开发（基于NodeJS的前后端分离）
前言为了解决传统Web开发模式带来的各种问题，我们进行了许多尝试，但由于前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天我们重新思考了“前后端”的定义，引入前端同学都熟悉的NodeJS，试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的...
2017-06-30 11:35:00
371
转载 CSS reset
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, p...
2017-06-15 14:44:00
51
转载 浅谈CSRF攻击方式
你这可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义发送恶意请求。CSRF能够做的事情包括：以你名义发送邮件，发消息，盗取你的账号，甚至于购买商品，虚拟货币转账......造成的问题包括：个人隐私泄露以及财产安全。三.CSRF漏洞现状 CSRF这种攻击方式在2000年已经被国外的安全人员提出，但在国内，直到06年才开始被关注，08年，国内外的多个大型社区和交...
2017-05-09 17:59:00
77
转载 JavaScript监测值类型最佳实现
1，字符串、数字、布尔值、undefined、function，最佳方法typeoftypeof "" === "string"typeof 1 === "number"typeof true === "boolean"typeof undefined === "undefined"2，null 最佳方法 ===null === null3，[]，{} 最佳方...
2017-04-20 16:08:00
51
转载 javascript检测浏览器的缩放状态实现代码
这里所说的缩放不是指浏览器大小的缩放，而是指浏览器网页内容的百分比缩放（按Ctrl和+号键或者-号键的缩放）。检测这种缩放有很种方法，QQ空间都通过flash来检测浏览器是否处于缩放。这里提供javascript的方法来检测浏览器的缩放。对于 IE6，就直接无视了，因为 IE6 只能对文本进行缩放。先来说说浏览器提供的标准检测接口，window.devicePixelRatio 是设备上...
2017-04-19 17:41:00
61
转载 jQuery.extend()源码解读
// extend方法为jQuery对象和init对象的prototype扩展方法// 同时具有独立的扩展普通对象的功能jQuery.extend = jQuery.fn.extend = function() { /* *target被扩展的对象 *length参数的数量 *deep是否深度操作 */ var options, name, src, copy, copyIs...
2017-03-15 10:05:00
68
转载 转载-深入理解javascript原型和闭包
http://www.cnblogs.com/wangfupeng1988/p/3977924.html转载于:https://www.cnblogs.com/xt911129/articles/6509855.html
2017-03-06 14:35:00
68
转载 好文收藏
史上最全的前端资源大汇总44个Javascript变态题解析转载于:https://www.cnblogs.com/xt911129/articles/6474036.html
2017-02-27 14:40:00
76
转载 defer和async的区别
当浏览器碰到script脚本的时候：<script src="script.js"></script>没有defer或async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该script标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。<script async src="scr...
2017-02-22 17:05:00
62
转载 事件DOMContentLoaded和load的区别
他们的区别是，触发的时机不一样，先触发DOMContentLoaded事件，后触发load事件。DOM文档加载的步骤为解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded加载图片等外部文件。页面加载完毕。//load在第4步，会触发DOMContentLoaded事件。在第6步，触发...
2017-02-22 17:02:00
86
转载 如何实现浏览器内多个标签页之间的通信?
调用 localstorge、cookies 等本地存储方式方法一：使用localStorage使用localStorage.setItem(key,value)添加内容使用storage事件监听添加、修改、删除的动作 window.addEventListener("storage",function(event){ console....
2017-02-22 15:31:00
121
转载 数据缓存——localstorage和cookie使用
localstorage1，存储数据@param key 键值@value 存储的数据（字符串类型，对象需要用JSON.stringify()转换）localStorage.setItem(key，value);2，读取数据@param key 键值localStorage.getItem(key);3，删除单项数据@param key 键值...
2017-02-22 15:30:00
82
转载 HTML <!DOCTYPE> 标签
定义和用法<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。D...
2017-02-22 14:20:00
65
转载 CSS中可以继承的属性
一、有继承性的属性1、字体系列属性font：组合字体font-family：规定元素的字体系列font-weight：设置字体的粗细font-size：设置字体的尺寸font-style：定义字体的风格font-variant：设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。...
2017-02-22 10:07:00
150
转载 面试问题整理
1，简述在IE下mouseover和mouseenter的区别？不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。2，说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。...
2017-02-21 17:27:00
95
转载 H5缓存机制浅析
1 H5 缓存机制介绍H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web应用可进行缓存，并可在没有因特网连接时进行访问。H5应用程序缓存为应用带来三个优势：离线浏览 用户可在应用离线时使用它们速度 已缓存资源加载得更快减少服务器负载 浏览器将只从服务器下载...
2017-02-21 13:59:00
86
转载 详解CSS中的选择器优先级顺序
特殊性是什么在对一个HTML元素应用CSS样式时，常常有很多种方法可以找到元素，比如：CSS Code复制内容到剪贴板<divid="container"class="wrap_sty"> <pclass="pra">这是一个段落</p> </div> <style> ...
2017-02-21 11:08:00
458
转载 CSS魔法堂：不得不说的Containing Block
前言 《CSS魔法堂：重新认识Box Model、IFC、BFC和Collapsing margins》中提到在没有floated兄弟盒子时，line box的左右边框会与所属的containing block的左右content edge相接触。那到底什么是containing block(abbr. CB)呢？ containing block在CSS的visual format...
2017-02-21 09:28:00
72
转载 JavaScript观察者模式
观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。使用观察者模式的好处：支持简单的广播通信，自动通知所有已经订阅过的对象。页面载入后目标对象很容易与观察者存在一种动态关联，增加了灵活性。目标对象与观察者之间的...
2017-02-14 13:56:00
90
转载 Git使用教程
转载：http://www.cnblogs.com/tugenhua0707/p/4050072.htmlGit使用教程一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最...
2017-02-13 17:11:00
61
转载 JavaScript技巧
计算数组的极值function smallest(array){ return Math.min.apply(Math, array); } function largest(array){ ...
2017-02-13 11:34:00
107
转载 CSS布局 -- 圣杯布局 & 双飞翼布局
圣杯布局和双飞翼布局解决的问题是一样的，就是两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。圣杯布局和双飞翼布局解决问题的方案在前一半是相同的，也就是三栏全部float浮动，但左右两栏加上负margin让其跟中间栏div并排，以形成三栏布局。不同在于解决”中间栏div内容不被遮挡“问题的思路不一样：圣杯布局，为了中间div内容不被遮挡，将中间div设置了左...
2017-02-12 18:03:00
61
转载 CSS盒模型全面讲解，怪异模式盒模型，CSS3 box-sizing属性
今天学习了一下css3的box-sizing属性，顺便又温习了一下css的盒模型，最后觉得有必要对盒模型做一个全面整理。先不考虑css3的情况，盒模型一共有两种模式，一种是标准模式，另一种就是怪异模式。当你用编辑器新建一个html页面的时候你一定会发现最顶上都会有一个DOCTYPE标签，例如：<!DOCTYPE HTML PUBLIC "-//W3C//...
2017-02-12 17:14:00
110
转载 转载：JavaScript抛物线运动
http://www.zhangxinxu.com/wordpress/2013/12/javascript-js-%E5%85%83%E7%B4%A0-%E6%8A%9B%E7%89%A9%E7%BA%BF-%E8%BF%90%E5%8A%A8-%E5%8A%A8%E7%94%BB/转载于:https://www.cnblogs.com/xt911129/articles/6370...
2017-02-06 16:49:00
94
转载 JavaScript难点
javascriptLazyMan实现LazyMan（什么是LazyMan？请自行google）function _LazyMan(_name) { var _this = this; _this.tasks = []; _this.tasks.push(function() { console.log('H...
2017-01-23 15:30:00
80
转载 package.json文件
转载：http://javascript.ruanyifeng.com/nodejs/packagejson.html概述每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。...
2016-12-21 10:46:00
763
转载 编码发展史
很久很久以前，有一群人，他们决定用8个可以开合的晶体管来组合成不同的状态，以表示世界上的万物。他们看到8个开关状态是好的，于是他们把这称为”字节“。再后来，他们又做了一些可以处理这些字节的机器，机器开动了，可以用字节来组合出很多状态，状态开始变来变去。他们看到这样是好的，于是它们就这机器称为”计算机“。开始计算机只在美国用。八位的字节一共可以组合出256(2的8次方)种不同的...
2016-12-20 10:57:00
87
转载 未知尺寸元素水平垂直居中
未知尺寸元素水平垂直居中，一般都是针对行内元素。知识点：水平居中text-align:center,垂直居中vertical-align:middle一，使用display:table布局实现——兼容IE8使用table来实现垂直居中，单元格默认样式 vertical-align:middle，所以 table-cell里面的内容会垂直居中。 <style...
2016-12-16 16:46:00
85
转载 canvas在高倍屏下变模糊的处理办法
转载：http://sanwen8.cn/p/42bobOb.html一. 事起缘由最近在用Canvas做社区网站的技能雷达图，如下图所示。一倍屏下的显示情况：二倍屏下的显示情况：正当我很开心的准备发布出去时，用Mac Book 开发的同事跟我说，这简直是糊得不要不要的呀~( ╯□╰ )~。。纳尼可是我的华硕显示十分完美呀，这就十分尴尬了。猜想是Canva...
2016-12-16 14:43:00
360
转载 js获取网页高度(详细整理)
网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网...
2016-12-14 16:00:00
69
转载 原生JavaScript-ajax请求封装
采用原生JavaScript、promise封装get、post、jsonp请求var http = (function () { /** * param 将要转为URL参数字符串的对象 * key URL参数字符串的前缀 * encode true/false 是否进行URL编码,默认为true * return U...
2016-12-10 17:35:00
55
转载 es6-promise讲解
转载：http://es6.ruanyifeng.com/#docs/promisePromise的含义Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步...
2016-12-10 10:41:00
72
转载 清除浮动四种实现
一，添加新元素、运用样式clear:both.clear{clear:both; height: 0; line-height: 0; font-size: 0}<div class="outer"> <div>1</div> <div>2</div> <div>3</...
2016-12-10 09:07:00
98
转载 Flex布局新旧混合写法详解（兼容微信）
原文http://www.ccwebsite.com/flex-layout-old-and-new-compatible/flex是个非常好用的属性，如果说有什么可以完全代替float和position，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性，偏偏有个例外，就...
2016-12-08 09:27:00
94
转载 vue使用笔记
1，vue2.0+webpack如何注册组件？全局注册：mt-contentimport Vue from 'vue'import mtContent from './component/mt-content.vue'import App from './App.vue'Vue.component('mt-content', mtContent)new Vue...
2016-12-05 13:55:00
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人