2018年04月_pg_li

原创前端面试总结

js基础性能优化 html css

2018-04-24 16:06:55 348

原创 webstorm常用配置

1、javaScript改外es6语法 Languages & Frameworks > JavaScript2、支持.vue格式3、代码格式化快捷键Ctrl+Alt+L

2018-04-28 21:04:34 2120

原创 vue + d3项目

1、安装好node环境2、安装vue-cli 淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 3、创建项目（名称小写）安装依赖4、路由5、resourse和axios（推荐使用）插件 resourse：vue2.0之后，就不再对vue-resource更新，...

2018-04-28 14:28:13 8546 2

原创 webGL学习——context对象获取及初始化（一）

1、webGL介绍WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复...

2018-04-26 18:04:43 2793

原创 svg和d3学习篇

一、SVG学习1. <svg>标签<svg width="300" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">  <!--version 属性可定义所使

2018-04-26 15:36:18 3349

原创数组去重

var dedupe = function (arr) { if (Object.prototype.toString.call(arr) === '[object Array]') { /** * Es6 利用解构和Set方法 */ if (Set) { return [...new Set(arr)]; // Array.from(new...

2018-04-25 11:44:25 173

转载原型

Javascript 面向对象编程（一）：封装作者：阮一峰日期： 2010年5月17日学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented...

2018-04-25 11:21:29 224

转载 html5面试题

1.HTML5 为什么只需要写 <!DOCTYPE HTML>？答案解析：HTML5不基于SGML，因此不需要对DTD进行引用，但是需要DOCTYPE来规范浏览器的行为（让浏览器按照他们应该的方式来运行）而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。2、行内元素有哪些？块级元素有哪些？空(void)元素有那些？答案解析：行内元素：a ...

2018-04-24 21:06:11 1136

转载 Javascript定义类（class）的三种方法

Javascript定义类（class）的三种方法作者：阮一峰在面向对象编程中，类（class）是对象（object）的模板，定义了同一组对象（又称"实例"）共有的属性和方法。Javascript语言不支持"类"，但是可以用一些变通的方法，模拟出"类"。一、构造函数法这是经典方法，也是教科书必教的方法。它用构造函数模拟"类"，在其内部用this关键字指代实例对象。　　function Cat() ...

2018-04-24 14:43:28 352

原创 canvas学习总结

/** * 1、制作动画使用window.requestAnimationFrame方法，体验更好 * requestAnimationFrame会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率 * 在隐藏或不可见的元素中，requestAnimationFrame将不会进行重绘或回流，这当然就意味着更少的CPU、GPU和内存使...

2018-04-24 11:18:01 473

原创 js继承和Ext继承

原型链继承var supper = function(name){ this.name = name; this.cfg = ['name']; this.setNmae = (name)=>{ this.name = name; }; this.getNmae = ()=>{ return this.name; };};var ...

2018-04-24 10:36:34 303

转载 Canvas 和 SVG

Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。CanvasCanvas ...

2018-04-23 10:05:26 163

转载盒模型和BFC

一、深入理解CSS盒模型如果你在面试的时候面试官让你谈谈对盒模型的理解，你是不是不知从何谈起。这种看似简单的题其实是最不好答的。下面本文章将会从以下几个方面谈谈盒模型。基本概念：标准模型和IE模型CSS如何设置这两种模型JS如何设置获取盒模型对应的宽和高实例题（根据盒模型解释边距重叠）BFC（边距重叠解决方案）基本概念盒模型的组成大家肯定都懂，由里向外content,padding,b...

2018-04-23 09:58:06 692

原创 Object.defineProperty

var App = {};Object.defineProperty(App, 'test', { get : function(){//取值时触发 console.log('get'); }, set : function(val){//赋值时触发，val可以是任意类型 console.log('set',val) }, ...

2018-04-19 22:04:48 102

原创浅层和深层的属性copy

var App = App || {};(function(){ /** * 判断是否是数组 * @param val * @returns {boolean} */ var toString = Object.prototype.toString; App.isArray = function(val){ retu...

2018-04-19 19:43:14 277

原创 js深度clone

var App = App || {};(function(){ /** * 判断是否是数组 * @param val * @returns {boolean} */ var toString = Object.prototype.toString; App.isArray = function(val){ retu...

2018-04-19 19:37:55 246

原创 call、apply、bind

/*** 作用：都是在特定的作用域中调用函数时改变this的指向，指向函数的this，非调用者。* 不同点：apply接收的第二个参数必须是数组。call需要没有这个限制，但是参数要一一列举* bind不会立即执行*/var test = {name : 'test'};var testFun = function(name){return name != undefined ...

2018-04-19 19:05:47 134

原创 JSON常用方法

/** *JSON.parse 字符串转成对象 * 参数1：字符串 * 参数2：执行函数，有返回值 * @type {string} */var parseTest = function(){ var data = '{"data":[],"parmas":{}}'; return JSON.parse(data,function(key,val){ ...

2018-04-19 17:35:55 4186

pgLi