Fangjg2016-CSDN博客

转载 History路由机制

用户访问网页的历史记录通常会被保存在一个类似于栈对象中，即history对象，点击返回就出栈，跳下一页就入栈。它提供了一些方法来操作页面的前进和后退：window.history.back() 返回到上一个页面window.history.forward() 进入到下一个页面window.history.go([delta]) 跳转到指定页面...

2017-06-22 08:26:00 112

转载 Vue插件实现

插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种：添加全局方法或者属性，如:vue-element添加全局资源：指令/过滤器/过渡等，如vue-touch通过全局 mixin方法添加一些组件选项，如:vuex添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，提供自己的...

2017-06-21 14:51:00 107

转载跨域请求

跨域请求首先需要了解的是同源和跨源的概念。对于相同源，其定义为：如果协议、端口（如果指定了一个）和主机对于两个页面是相同的，则两个页面具有相同的源。只要三者之一任意一点有不同，那么就为不同源。当一个资源从与该资源本身所在的服务器的域或端口不同的域或不同的端口请求一个资源时，资源会发起一个跨域 HTTP 请求。而有关跨域请求受到限制的原因可以参考如下 MDN 文档片段：跨域不一...

2017-06-20 14:37:00 119

转载基于node的简易爬虫

一、建立工程目录使用cmd命令：建一个根目录文件夹：mkdir spider建一个保存文章内容文件夹： mkdir data建一个保存图片资源文件夹： mkdir image以及spider.js文件二、安装包cd spider 进入根目录npm init 初始化项目,若不需要特别配置，可一路回车npm install cheerio --save...

2017-06-20 10:57:00 101

转载 JavaScript 的 API 设计原则

前言本篇博文来自一次公司内部的前端分享，从多个方面讨论了在设计接口时的原则，总共包含了七个大块。系卤煮自己总结的一些经验教训。同时也参考了一些文章，地址会在后面贴出来。很难做到详尽充实，如果有好的建议或者不对的地方，还望不吝赐教斧正。一、接口的流畅性好的接口是流畅易懂的，他主要体现如下几个方面：1.简单操作某个元素的css属性，下面是原生...

2017-06-19 23:00:00 79

转载使用jquery处理数据时要注意的问题

现在的网站越来越重视用户体验，网站必须即时反应，前端技术越来越重要了，以前我们都用javascript，后来出现了很多js的框架，调用起来也很方便，但是随着网页上加载的数据越来越多，使用jquery的时候就要注意了，有些方法看似方便，但是效果却很差劲。我们制作的一个网站页面，一共显示了三千多条数据，用户选择相应的筛选条件，通过jquery来控制这三千多条数据中个，哪些显示...

2017-06-19 21:38:00 113

转载 Javascript开启浏览器全屏模式

通常在某些情况下，我们需要让浏览器开启全屏模式，以便获得更好的视觉体验，先看下全屏模式简单的几个API。浏览器默认绑定非全屏模式下， document的F11按键绑定开启全屏模式全屏模式下， document的esc和F11 按键绑定关闭全屏模式屏幕全屏模式改变事件当成功进入全屏模式后， document会收到一个fullscreenchange 事件。当退出全屏状态后...

2017-06-19 16:38:00 386

转载 Javascript获取select下拉框选中的的值

现在有一id=test的下拉框，怎么拿到选中的那个值呢？分别使用javascript原生的方法和jquery方法<select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option>...

2017-06-14 18:50:00 148

转载 CSS3自定义滚动条样式 -webkit-scrollbar

::-webkit-scrollbar {/*隐藏滚轮*/display: none;}前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示来看看这2个滚动条demo：demo1（图片版）、demo2（纯CSS3版）滚动条组成::-w...

2017-06-02 12:59:00 89

转载 Web调用安卓，苹果手机摄像头，本地图片和文件

在服务器上然后浏览就可以了，只支持Chrome和Safari核的浏览器，我测试过QQ浏览器，Chrome，Safari浏览器都可以。在不同的手机和浏览器上面展现的方式不一样。<!DOCTYPE HTML><html><head><title>上传图片</title></head><bod...

2017-06-01 10:14:00 254

转载初识webpack

开始着手项目打包的一些东西，还不是特别懂，一边学习，一边做笔记好啦。1.webpack的概念。Webpack 是当下最热门的前端资源模块化管理和打包工具。任何形式的资源都可以视作模块，通过 loader 的转换。2.webpakc的安装。（1）在Node.js 用npm 全局安装Webpack： npm install webpack -g ...

2017-04-09 13:35:00 73

转载 h5原生拖拽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>...

2017-01-07 20:25:00 83

转载自定义事件

//自定义事件 function defineEvent(){ this.handles={}; } defineEvent.prototype={ constructor:defineEvent, addHandler:function(type,handler){ if(...

2017-01-05 15:59:00 86

转载函数柯理化以及利用柯理化实现bind方法

1、函数柯理化把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。柯理化函数思想：一个js预先处理的思想；利用函数执行可以形成一个不销毁的作用域的原理，把需要预先处理的内容都储存在这个不销毁的作用域中，并且返回一个小函数，以后我们执行的都是小函数，在小函数中把之前预先存储的值进行相关的操作处理即可柯里化函...

2017-01-05 14:35:00 116

转载 5种面向对象模式

1、工厂模式函数内创建一个对象，给对象赋予属性及方法再将对象返回即可例：缺点：无法识别每个实例对象的类型，均为Object类型，因此出现了构造函数模式。2、构造函数模式例：缺点：每次创建实例的时候都要重新创建一次方法（理论上每次创建对象的时候对象的属性均不同，而对象的方法是相同的），然而创建两次完全相同的方法是没有必要的。3、原型模式使用原型对象的...

2017-01-04 21:34:00 236

转载 JS继承方式

1、原型链继承将子类型的prototype属性指向父类型的实例实现继承。例：缺点：若父类型原型的属性为引用类型属性时，会导致不论是哪个实例操作原型属性均会影响另一个实例，并且，在创建子类型实例时，不能像超类型的构造函数中传递参数如上，给instance1的name属性添加了anna值，结果导致instance2的name属性值也发生了改变。2、借用构造函数为解...

2017-01-03 22:50:00 78

转载 ECMAScript5中数组的方法

1、forEach()方法　　遍历数组，为每个数组元素调用指定函数，三个参数分别为：数组元素 item、元素索引 index、数组本身 arr，无返回值例：　　2、map()方法调用数组的每个元素传递给指定的函数，并返回一个包含返回值的新数组，不改变原数组例：3、filter()方法返回数组的一个子集，即一个新数组，用于判断数组中的每个元素是否满足...

2017-01-02 17:49:00 101

Fangjg2016的博客