自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Draven

上帝会眷恋,勤奋的人。

转载 前端干货 : 如何为 Web 添加动画效果

这干货绝对干!找了好久才找到一本这么好的书本,收藏! 书名:CSS animation 101 作者:Donovan Hutchinson 时间:2018 简介:如何为 Web 添加动画效果。 网址: https://github.com/cssanimation/css-an...

2019-03-22 14:47:42

阅读数 244

评论数 0

原创 ant design pro 引入 gg-editor 常见问题

最近在用 antd pro + gg-editor 解决一些比较复杂的流程图业务场景。在 antd pro 引入 gg-editor 不难会碰到一些问题。记录一下,帮助各位开发者。有问题欢迎指出和讨论。 修改GGEditor 流程图默认连接线 解决办法: 参考一下配置: &...

2019-03-18 11:21:16

阅读数 1419

评论数 6

转载 Javascript 数组 根据特定规则排序

var objs = [     {'name': 'A', 'type': 'fly'},     {'name': 'B', 'type': '...

2019-01-15 16:30:54

阅读数 236

评论数 0

原创 回流和重绘 的 面试与优化方案

回流和重绘一直是前端工程师面试的常见,尤其是大厂的面试,毕竟前端页面优化也是考核开发者能力的关键之一。掌握回流和重绘的概念,不单单是为了面对各类面试,更能为前端开发者在日常开发中提供优化方案。 理解回流(reflow)和重绘(repaint) 首先,我们需要理解什么是回流和重绘,英文叫Refl...

2019-01-12 17:07:22

阅读数 306

评论数 0

原创 node 爬虫 实战 - 爬取拉勾网职位数据

node 爬虫 实战 - 爬取拉勾网职位数据,主要想把数据用于大数据学习,到时候大数据分析可以自己分析一下职位的情况,和比较一些我现在的职位在深圳乃至全国的开发人员水平。 涉及到的技术栈:node.js ,mongoDB , express  源码下载:https://gitee.com/dr...

2018-12-06 16:31:41

阅读数 454

评论数 0

原创 分析 JS 的数组和对象的各种拷贝 总结

  主要的拷贝概念主要分两种:深拷贝和浅拷贝,就是对于堆栈的引用或拷贝,JS中对象分为基本类型和复合(引用)类型,基本类型存放在栈内存,复合(引用)类型存放在堆内存。堆内存用于存放由new创建的对象,栈内存存放一些基本类型的变量和对象的引用变量。(关于JS的堆栈原理,可以查看一下下面链接:htt...

2018-12-06 15:57:22

阅读数 55

评论数 0

原创 ajax技术的核心 -- XMLHttpRequest对象

ajax是异步加载数据技术标准 ajax包括以下几步骤:1、创建AJAX对象;2、发出HTTP请求;3、接收服务器传回的数据;4、更新网页数据 ajax技术的核心是XMLHttpRequest对象(简称XHR) IE5是第一款引入XHR对象的浏览器。在IE5中,XHR对象是通过MSXML库中...

2018-10-18 10:50:05

阅读数 76

评论数 0

原创 Javascript基本功 作用域 深入学习

聊起作用域,很多小伙伴并不陌生,是所有编程语言最基本的功能之一,就是在某个范围内储存变量的值。也可以说,“作用域就是根据名称查找变量的一套规则”。想入深入学习作用域,必先理解作用域。理解后面一行代码在底层的工作原理:   var a = 1 ; 这条语句在编译器会并不是一步处理掉的,它会被拆分成两...

2018-05-21 15:46:36

阅读数 194

评论数 0

原创 大前端服务器渲染 发布和部署 Vue + Nuxt(SSR) + Nginx

不知道大家在接触React或者Vue的时候,有没有思考过,这个框架到底是在哪里渲染的? 其实现在流行的Ng、React和Vue等前端技术,都是属于浏览器渲染,最初设计的理念是为了减轻服务器压力,但是这个也是有弊端的,最主要的,比如首页加载过慢(因为第一次加载需要加载JS等资源,然后浏览器会根据J...

2018-04-27 16:31:35

阅读数 11702

评论数 4

原创 javascript的堆栈原理

首先说明一下Javascript的堆栈概念 堆&栈 两者都是存放临时数据的地方。 栈是先进后出的,就像一个桶,后进去的先出来,它下面本来有的东西要等其他出来之后才能出来。 堆是在程序运行时,而不是在程序编译时,申请某个大小的内存空间。即动态分配内存,对其访问和对一般内存...

2018-02-01 15:48:17

阅读数 5586

评论数 0

原创 Angular4.0 起步

第一步,首先准备,安装Node.js 和 TypeScript。           Node.js 的安装方式很多,具体可以看Node.js的官网了解。这里不做解释,提供官网(https://nodejs.org/en/)。 这里值得注意的是,有很多同学都碰到的同一个问题就是,没留意nodejs...

2017-05-05 17:11:44

阅读数 251

评论数 0

原创 node.js

Node.js是2009年5月发布的,真正火的时候,大概是2012年,现在都2017年了,再学习这个东西,是不是有点拖时代的节奏?说起来,我学习nodejs的起步有点晚吧,因为前段时间学习的方向有点迷茫,学习了一下angularjs,vuejs。后来学习网这两个前端模板引擎之后,感觉获取不到太多我...

2017-02-24 15:58:06

阅读数 514

评论数 0

原创 微信小程序 5分钟快速入门指南

11月3日,微信正式公测“小程序”。按照“微信之父”张小龙的描述,微信小程序是一种不需要下载安装即可使用的应用,用户扫一扫或者搜一下即可打开应用。 对于我们开发者来说,社会需要什么,我们是得学习什么。 好吧,废话不多说,先来快速入门吧。 首先,是微信小程序开发的技术要求。你得要有htm...

2016-11-09 15:55:13

阅读数 5502

评论数 1

原创 html5 cookies 详解

下图是我截取百度的cookies来说明一下 Name:cookies的key值,一旦创建,name值不能修改。Value:cookies的value值Domain:cookies存储的域名Path:该cookies的使用路径,如果设置为/aa,则表示只有/aa的程序才能访问该cookies...

2016-09-29 13:53:12

阅读数 2594

评论数 0

原创 html5 浏览器端存储常用技巧总结

1.用本地存储localstorage存储图片,技巧就是,把图片渲染到canvas中去。存储canvas。      代码如下: var src="img.jpg"; function set(key){     var img=doucument.createElemen...

2016-09-29 13:49:57

阅读数 268

评论数 0

原创 html5 存储详解

一般的服务存储: cache(缓存 ),从DB或者磁盘读取出来的数据,放到缓存中的话,可以减少DB或者缓存的读取量磁盘文件,一般存放资源文件,比如图片或者视频数据库,存在关系型,可以快速索引查询数据。内存,频繁使用某数据的话,则存放在内存里,缓存也是存放在内存中的。 在HTML5 之前的存储...

2016-09-29 13:45:06

阅读数 330

评论数 0

转载 快速构建AngularJs 2.0 教程

环境准备 : 安装 Node.js and npm 。步骤 1 :创建并配置此项目。步骤 2 :创建应用步骤 3 :创建一个组件并添加到应用程序中。步骤 4 :启动应用程序。步骤 5 :定义一个页面作为该应用的宿主。步骤 6 :构建并运行此应用。步骤 7 :做一些修改,并立即查看效果。收工,下一步...

2016-09-18 15:04:02

阅读数 8942

评论数 0

原创 AngularJs $scope作用域 深入探究

$scope是 ng的很基础的概念,也是最常用的东西。 其实 $scope 就是存储数据的地方,即作用域,和javascript的原型链的概念有点类似,当搜索取值的时候,优先找自己controller的$scope,如果没有找到就沿着作用域链向上搜索,直至到达根作用域rootScope。...

2016-09-08 15:50:33

阅读数 839

评论数 0

转载 (javascript进阶必备) 运算符“||”和“&&”的巧妙用法

 首先出个题: 如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现?   差一点的if,else: var add...

2016-08-31 10:25:49

阅读数 422

评论数 0

原创 javascript (对象继承)原型链

 Js所有的函数都有一个prototype属性,这个属性引用了一个对象,即原型对象,也简称原型。这个函数包括构造函数和普通函数. JS中的继承,子函数通过把父函数实例化实现的。 如以下代码: function SuperType111(){ this.pro...

2016-08-30 17:39:33

阅读数 425

评论数 0

原创 javascript (对象定义)动态原型模式

 这个主要做法就是,通过检查某个应该存在的方法是否有效,是否需要初始化原型。这个是通过构造函数中初始化原型,可以保存同时使用构造函数和原型的优点。 代码演示: function Person(name,age,job){ this.name=name; t...

2016-08-30 17:38:57

阅读数 670

评论数 0

原创 javascript (对象定义)原型模式和构造函数模式 组合(重要)

 在自定义类型中,最常用的方式就是原型模式和构造函数模式组合。 构造函数模式用于定义实例属性,原型模式用于定义方法和共享属性。 演示代码: function Person(name,age,job){ this.name=name; this.age=a...

2016-08-30 17:38:23

阅读数 332

评论数 0

原创 javascript (对象定义)原型模式

 每个函数中都有一个prototype(原型)属性,它是一个指针,指向一个对象。 按照原型定义,prototype通过调用构造函数而创建的对象实例的原型对象。使用原型对象的好处是可以让所有实例共享它包含的属性和方法。 代码例子: function Person(){} P...

2016-08-30 17:37:47

阅读数 323

评论数 1

原创 javascript 原型对象

 在JS中,无论什么时候,只要创建一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向了函数的原型对象。 在默认情况下,所有原型对象都会获得一个constructor(构造函数)属性,这个属性包含一个指向prototype属性所在函数的指针。而...

2016-08-30 17:37:07

阅读数 235

评论数 0

原创 javascript (对象定义) 构造函数模式

 使用构造函数模式新建对象的话,这样就能返回对应函数的的类型。 创建一个函数,把构造函数的作用域赋给新对象。因为这个是在全局作用域里面定义的函数,以这种方式定义的构造函数是定义在Global对象中,在浏览器中的话就是window对象,所以能用window对象直接调用其中的方法。 ...

2016-08-30 17:36:50

阅读数 365

评论数 0

原创 javascript (对象定义)工厂模式

 工厂模式,可以理解为,定义一个接口,就是把参数传进去后,进过一系列的处理。然后得到相同想要的结果。否则,如果一个个对象都做相同操作的话,他这样会很消耗资源。 在JS中创建对象会习惯的使用 new 关键字和类构造函数(当然主要还是对象字面量),问题在于这样会导致两个类之间产...

2016-08-30 17:36:20

阅读数 719

评论数 0

原创 javascript面向对象 - 理解

javascript 没有类的概念,所以,在我的理解中,javascript的对象,可以理解为类,因为既可以定义属性又可以定义方法。JS在OOP(面向对象)中,访问器属性是面向对象的重要表现,它可以设置对象的私有属性。因为在面向对象中,可能需要在对象属性设值前或者设置后进行一系列的逻辑操作。 ...

2016-08-16 15:22:39

阅读数 274

评论数 0

原创 基于jquery的异步上传,异步提交

1.明确需求,我需求是,需要选择多个文件,然后点击开始上传,把选中的文件上传,然后html默认上传文件的的input样式不好看,需要更换一个样式。 2.开始动手,首先,先更换样式,我的思路是隐藏input标签,另外的节点绑定这个隐藏标签的点击,html代码里面,有标签和一个,点击标签可触...

2016-08-10 11:50:56

阅读数 512

评论数 0

原创 javascript 数据类型(基本类型和引用类型的定义和区别)

ECMAStript变量包含两种不同类型的值,基本类型和引用类型。引用类型和传统的面向对象程序设计中的类相似,但实现不同。

2016-07-28 15:29:23

阅读数 2167

评论数 0

原创 javascript 引用类型 - 内置对象(Math对象)

这里学习讨论一下Math对象 Math对象和其他计算方法相比,这个对象提供的计算功能执行起来要快得多,而且还提供了辅助完成这些计算的属性和方法。

2016-07-28 15:27:26

阅读数 712

评论数 0

原创 javascript 引用类型 - 基本包装类型(深入理解基本包装类型和基本类型的区别)

Boolean、Number、String有的解释说是基本类型,但是官方的说明,他们是特殊的引用类型。 而据我总结,这三种类型比较特殊,既可以是基本类型,又可以是引用类型。 为什么呢,请看下文。

2016-07-28 15:25:42

阅读数 364

评论数 0

原创 javascript 引用类型 - Function类型(特性)

Function类型函数是属于引用对象的一种,每个函数都是Function类型的实例,而且和其他引用类型一样具有属性和方法。因此,函数名实际上是一个指向函数对象的一个指针,也可以理解为索引,不会与某个函数绑定。

2016-07-27 15:31:11

阅读数 566

评论数 0

原创 javascript 引用类型 - Array迭代

很多童鞋搞不清迭代和遍历的区别。 遍历就是对数组所有情况的循环,而迭代就是根据循环出来的结果再计算调整,所以迭代是遍历的一种。

2016-07-22 11:35:08

阅读数 231

评论数 0

原创 javascript 引用类型 - Array与数据结构和重排序

ECMAScript 和其他语言一样,也是有类似数据结构的方法和行为,可以利用数组的下面几个方法,可以像数据结构一样使用数组 。

2016-07-21 15:42:00

阅读数 242

评论数 0

原创 javascript 引用类型 - Array类型

除Object之外,Array类型应该就是 ECMAScript中最常用的引用类型了。

2016-07-21 15:40:10

阅读数 222

评论数 0

原创 javascript 引用类型 - Object类型

javascript 引用类型 - Object类型

2016-07-08 15:21:59

阅读数 334

评论数 0

原创 javascript变量类型、执行环境和作用域、垃圾回收

关于javascript变量类型、执行环境和作用域、垃圾回收机制

2016-07-07 17:24:54

阅读数 248

评论数 0

原创 自适应布局,完美解决左右两边固定大小,中间内容适应大小。

巧用absolute,完美解决 左右两边固定大小,中间内容适应大小 自适应问题。

2016-06-29 17:56:02

阅读数 1763

评论数 0

原创 JavaScript 加载顺序和异步加载详解

JavaScript 加载顺序和异步加载详解

2016-06-23 10:02:27

阅读数 2953

评论数 0

原创 JavaScript科普小知识

1、JavaScript  ! = ECMAScript 很多人都认为,ECMAScript 就是 JavaScript。其实,ECMAScript 是一种标准化的语言规范,JavaScript 只不过是使用 ECMAScript 这种语言作为自己的核心语言功能而已。 所以,正确的等价应该是这样子...

2016-06-22 15:59:25

阅读数 309

评论数 0

提示
确定要删除当前文章?
取消 删除