随笔分类 - 前端
前端代码
摘要：我们知道js代码如果有语法错误，浏览器会拒绝执行并报错。但是！浏览器遇到不合法的html时不会报错，会千方百计地把它渲染出来。 XHTML 标签的嵌套规则了： 1. 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素： <div><h1></h1><p></p>
阅读全文
摘要：先看一段代码 console.log('打印'+1); setTimeout(function(){ console.log('打印'+2); }) new Promise(function(resolve,reject){ console.log('打印'+3); }).then( console
阅读全文
摘要：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 通过如下方式引入 Vue： Vue.js 的核心是一个允许采用简洁的模板语
阅读全文
摘要：new共经过了4个阶段 1.创建一个空对象 2.设置原型链 把 obj 的__proto__ 指向构造函数Func的原型对象 prototype，此时便建立了 obj 对象的原型链： obj->Func.prototype->Object.prototype->null 3.让Func中的this指
阅读全文
摘要：一、脱离文档流元素的居中 只可用于定宽高元素； 方法一：margin:auto法 方法二：负margin法 父元素设置为：position: relative; 子元素设置为：position: absolute; 距上50%，据左50%，然后减去元素自身宽度的距离就可以实现 top:50%;lef
阅读全文
摘要：1.typeof typeof只能判断区分基本类型，number、string、boolean、undefined和object,function； typeof 0; //number; typeof true; //boolean; typeof undefined; //undefined;
阅读全文
摘要：1. 对于基本数据类型 其值在内存中占据着固定大小的空间，并被保存在栈内存中。当一个变量向另一个变量复制基本类型的值，会创建这个值的副本，并且我们不能给基本数据类型的值添加属性。其为深拷贝。 2. 对于引用类型 浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象共享一块内存； 改变一个对象
阅读全文
摘要：通常在前端中，实现动画的方案主要有6种： CSS3 transition； CSS3 animation； javascript直接实现； .jQuery的animate()API; requestAnimationFrame； SVG（可伸缩矢量图形）； Canvas动画； 首先，我们来搭一个基本
阅读全文
摘要：转自http://www.ruanyifeng.com/blog/2015/03/react.html，阮一峰老师的博客。 最近想学习react,官方文档的例子不是那么浅显易懂，看了相关博客，觉得阮一峰老师的入门实例教程更容易上手，跟着学习。同时，因为其博客写的早，当时1.0版本还没有出来，有些文件
阅读全文
摘要：图文来源：https://www.cnblogs.com/chengxiao/p/6129630.html 堆排序是利用堆这种数据结构而设计的一种排序算法，堆排序是一种选择排序，它的最坏，最好，平均时间复杂度均为O(nlogn)，它也是不稳定排序。首先简单了解下堆结构。堆排序是利用堆这种数据结构而设
阅读全文
摘要：希尔(Shell)排序又称为缩小增量排序，它是一种插入排序。它是直接插入排序算法的加强版。 希尔增量： 希尔增量是指希尔提出了一种冲破二次时间屏障的算法。 希尔增量是指希尔提出了一种冲破二次时间屏障的算法。 Donald Shell 提出了一种冲破二次时间屏障的算法Shellsort（希尔排序），在
阅读全文
摘要：直接插入排序法就像我们打扑克牌时整理牌面一样，先让我们脑补一下我们打牌的过程。 首先摸了一张6， 接着摸到一张4，比6小，插到6的前面； 又摸到一张7，比6大，插到6的后面； 又摸到一张5，比6小，比4大，插到4和6中间； 。。。。 以上的过程，其实就是典型的直接插入排序，每次将一个新数据插入到有序
阅读全文
摘要：之前已经介绍过冒泡排序算法和简单选择排序算法和原理，现在有Js实现。 冒泡排序算法 简单选择排序算法 初始关键字：『 8，5，2，6，9，3，1，4，0，7 』 第一趟排序后：0，『5，2，6，9，3，1，4，8，7』 第二趟排序后：0，1，『2，6，9，3，1，4，8，7』 第三趟排序后：0，1，
阅读全文
摘要：归并排序（MERGE-SORT）是利用归并的思想实现的排序方法，该算法采用经典的分治（divide-and-conquer）策略（分治法将问题分(divide)成一些小的问题然后递归求解，而治(conquer)的阶段则将分的阶段得到的各答案"修补"在一起，即分而治之)。 可以看到这种结构很像一棵完全
阅读全文
摘要：圣杯布局与双飞翼布局针对的都是三列左右栏固定中间栏边框自适应的网页布局（想象一下圣杯是主体是加上两个耳朵；鸟儿是身体加上一对翅膀），圣杯布局是Kevin Cornell在2006年提出的一个布局模型概念，在国内最早是由淘宝UED的工程师（传说是玉伯）改进并传播开来，在中国也有叫法是双飞翼布局，它的布
阅读全文
摘要：理解好文档流，有助于我们对css中定位和浮动的理解。什么是文档流呢，加入自己的理解。文档流的定义如下： 网页在解析时，遵循从上向下，从左向右的顺序。 1、从上至上，从左至右的布局。 2、符合html中标签本身含义的布局，比如某些标签独占一行。有些标签属于行内元素等。 文档流，也称为普通流。下面来讲一
阅读全文
摘要：angularJS四大核心特性：MVC、Module（模块化）、指令系统、双向数据绑定。 一、MVC Model:数据模型,其实就是angular变量($scope.XX,$rootScope.XX); View:视图层,Html+Directive(指令); Controller:业务逻辑和控制逻
阅读全文
摘要：call、apply、bind方法的共同点和区别：apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有一个特殊值——本次调用的上下文（context
阅读全文
摘要：1.forEach遍历： function sum(arr) { var result = 0; arr.forEach(function(item,index) { result += item; }); return result; }; 2.reduce function sum(arr) {
阅读全文
摘要：Generator 函数是 ES6 提供的一种异步编程解决方案. 执行 Generator 函数会返回一个遍历器对象 Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式，定义不同的内部状态（yield在英语
阅读全文
浙公网安备 33010602011771号