fanlinqiang-优快云博客

转载 HTTP Request的Header信息

转自：http://blog.youkuaiyun.com/runje/article/details/47720641HTTP Request的Header信息 1、HTTP请求方式如下表：GET向Web服务器请求一个文件POST向Web服务器发送数据让Web服务器进行处理

2017-11-03 11:23:47 996

转载 HTTP协议与HTTP表单传输格式，再论get、post方法

转自：http://blog.youkuaiyun.com/gdutliuyun827/article/details/17264259HTTP的GET/POST方式有何区别？这是一个老生常谈的问题，但老生常谈的问题往往有一些让人误解的结论。本文将带您浅尝HTTP协议，在了解HTTP协议的同时将会展示许多被人们忽视的内容。在掌握了HTTP协议的过程中我们将自然而然地了解到GET与POST的

2017-11-03 10:51:19 3741

原创 npm包管理器

包管理器 Node Package Manager：1类：本地开发使用的包 (devDependencies)，如：gulp2类：项目依赖包 (dependencies)，如：jquery升级NodeJS: npm i n -g n stable //升级到最新版本nv0.12.2 //升级到指定版本注：n模块是专门用来管理nodejs版本的注：win

2017-10-26 10:23:47 1327

原创 vue-awesome-swiper

github文档：https://github.com/surmon-china/vue-awesome-swiper使用：安装：npm install vue-awesome-swiper --save单页面应用：main.jsimport Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'Vue

2017-10-25 08:22:40 1803

原创 webpack

github:http://webpack.github.io/将一切打包（将css也打包到js中）全局安装： $ npm i webpack -g打包：webpack [a] [b]热替换：仅是改变内存中的内容（webpack做的优化，提高效率），因此要得到最终的包，需要手动webpack下node中获取当前文件物理路径：__dirnamenpm i webpack-

2017-10-17 11:44:22 397

原创 zeptoJs

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。官网：http://zeptojs.com/中文api：http://www.css88.com/doc/zeptojs_api/github：https://github.com/madrobby/zepto通过

2017-10-12 11:45:59 478

原创 Hbuilder

配置自定义文件类型及关联：

2017-10-11 17:31:58 472

转载 javascript 编码规范

一.命名命名的方法通常有以下几类： a).命名法说明1).camel命名法，形如thisIsAnApple 2).pascal命名法，形如ThisIsAnApple3).下划线命名法，形如this_is_an_apple · 4).中划线命名法，形如this-is-an-apple 根据不同类型的内容，必须严格采用如下的命名法： b).变量名：必须使用camel

2017-10-10 20:53:30 398

转载 html5多媒体Video/Audio

应用场景： 1、常见的视频格式视频的组成部分：画面、音频、编码格式视频编码：H.264、theora、VP8(google开源) 2、常见的音频格式编码：AAC、MP3、Vorbis 3、HTML5虽然能在完全脱离插件的情况下播放音视频，但不是支持所有的格式支持的视频格式： OGG = 带有Theora视频编码+Vorbis音

2017-10-08 15:23:46 838

转载 http与https

http:1、http概念 HTTP（HyperText Transfer Protocol）超文本传输协议，是互联网上应用最为广泛的一种网络协议。 HTTP是基于TCP协议的一种高级协议, 用于客户端和服务器直接的通信，是一个无状态的协议。客户端是终端用户，服务器端是网站。通过使用Web浏览器、网络爬虫或者其它的工具，客户端发起一个到服务器上指

2017-09-28 15:43:50 758

转载流媒体

流媒体概念介绍所谓流媒体是指采用流式传输的方式在Internet播放的媒体格式。流媒体又叫流式媒体，它是指商家用一个视频传送服务器把节目当成数据包发出，传送到网络上。用户通过解压设备对这些数据进行解压后，节目就会像发送前那样显示出来。“流”媒体的“流”指的是这种媒体的传输方式（流的方式），而并不是指媒体本身流媒体技术的出现改变了我们还未曾忘记的那种需要将整个音视频文件下载到本

2017-09-28 15:16:09 1746

转载原型与继承

原型的优点与缺点优点：共享缺点：原型中所有属性是被很多实例共享的，共享对于函数非常合适，对于包含基本值的属性也还可以。但如果属性包含引用类型，就存在一定的问题：基本类型的值和引用类型的值在内存空间的存放方式工厂模式缺点：每次new一个工厂都要创建Object这样会造成资源的浪费，并且new出来的工厂无法识别归属于哪个对象优点：工厂模式解决了重复实例化的问题，

2017-09-28 14:33:48 342

原创 Canvas

canvas 是行内元素而不是块元素创建元素

2017-09-28 14:25:22 441

转载 webStorage，离线缓存

一、webStorage1、目标 1、了解cookie的不足之处，引入webstorage的概念 2、学习并且掌握webstorage有哪两种 3、学习并且掌握sessionStorage 4、学习并且掌握localStorage 5、反复练习localStorage的用法 6、掌握离线存储技术 7、掌握多媒体标签的一些基本属性

2017-09-27 15:24:41 861

转载 CSS3中的矩阵

CSS3中的矩阵CSS3中的矩阵指的是一个方法，书写为matrix()和matrix3d()，前者是元素2D平面的移动变换(transform)，后者则是3D变换。2D变换矩阵为3*3,如下面矩阵示意图；3D变换则是4*4的矩阵。有些迷糊？恩，我也觉得上面讲述有些不合时宜。那好，我们先看看其他东西，层层渐进——transform属性。 transform中有这么几个

2017-09-27 10:22:35 2285

转载 CSS3绘图与动画

1、CSS3-2D转换属性：transformCSS3 允许您使用 2D 转换来对元素进行格式化。可以利用transform功能来实现文字或图像的变形处理.转换类型 1)rotate:旋转用法：transform: rotate(45deg); 共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45

2017-09-27 09:48:14 1093

转载 h5新增标签（部分）

emailautofocus：自动获取焦点autocomplete：是否在双击输入框的时候自动补全，默认值为on，另一个值为offplaceholder:提示用户应该输入的基本内容，当用户在文本框中输入的时候消失，当用户删除了文本内容时再次显示multiple:支持用户输入多个此类行的文本，以逗号隔开，每个文本均会进行验证required:验证输入框是否是必填项必须

2017-09-26 14:13:29 827

转载 HTML5

IE8不兼容HTML5一般来说，单数版本为过渡版，偶数版为稳定版html两种模式：1、标准模式 2、混杂模式。HTML5中只使用即可激活标准模式xhtml 是一个过渡版本可以不用掌握二、语义化标签有利于，搜索引擎的优化，便于开发及阅读

2017-09-25 12:31:09 881

转载 Native Apps、Web Apps

Native Apps 指的是远程程序，一般依托于操作系统，有很强的交互，是一个完整的App，可拓展性强，需要用户下载安装使用优点：打造完美的用户体验性能稳定操作速度快，上手流畅访问本地资源（通讯录，相册）设计出色的动效，转场拥有系统界别的贴心通知或提醒用户留存率高缺点：分发成本高（不同平台有不同的开发语言和界面适配）维护成本高（例如一款App已更新至V5版

2017-09-25 10:10:09 451

转载 jquery.cookie.js

下载地址：https://github.com/carhartl/jquery-cookie使用方法：设置 cookie：$.cookie('the_cookie', 'the_value');注：如果 $.cookie 没有第三个参数，那么当浏览器关闭时，该 cookie 将会自动删除。设置一个有效期为 7 天的 cookie：$.co

2017-09-21 16:25:20 264

原创 jQuery-validate.js

参考：http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.htmlhttp://www.cnblogs.com/si-shaohua/p/3780321.html自定义规则： $.validator.addMethod("isZipCode", function(value, element) {

2017-09-18 15:36:01 402

转载 Sass

一个CSS预编译框架(给CSS的编写提供了编程的能力，增加了无限的可能性)这个玩意儿是使用Ruby语言编写的，那么就需要先下载Ruby环境http://rubyinstaller.org/downloads安装完成后，打开ruby的命令行接下来我们通过ruby 的 gem 命令进行远程安装sass注：在我们安装完ruby后若不能使用g

2017-09-13 20:03:42 1108

转载 gulp

gulp什么是gulp？基于node的自动化构建工具gulp能干什么？1 自动压缩JS文件2 自动压缩CSS文件 3 自动合并文件4 自动编译sass5 自动压缩图片6 自动刷新浏览器7 自动编译ES6...........怎么安装gulp？因为它基于nodeJS，因此需要先安

2017-09-13 16:37:34 456

转载 requireJS

什么是模块化？以前我们可能会这样做代码分工 //modules.js -----var moduleA = {......}var moduleB = {......}var moduleC = {......}然后每个页面都引入JS不管这个页面用到了几个模块，你都要把整个文件加载进来，于是我们就想，不如分开吧然后我们的代码变成了这样://moduleA.

2017-09-12 20:37:43 271

原创 JavaScript 设计模式

1、单例模式（Singleton pattern）（https://baike.baidu.com/item/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/5946627?fr=aladdin）单例模式，是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例的特殊类。通过单例模式可以保证系统中一个类只有一个实例。即一个类只有一个对象实例

2017-09-10 11:34:10 391

原创 JavaScript 中typeof、instanceof 与 constructor 的区别？

typeof 一元运算符返回一个表达式的数据类型的字符串，返回结果为js基本的数据类型，包括number,boolean,string,object,undefined,function.语法：typeof(data) 或 typeof data实例： var test = [123, true, "abc", {}, function() {}]; for(var

2017-09-09 17:40:20 1002

原创 JavaScript 执行环境与变量对象

什么是JS的执行环境？ function funA(){ //一段代码静静的躺在这里，不能叫执行环境 }funA();//当代码开始执行以后，系统会将它存入执行栈，并为他准备好足够的内存空间使用//并安排相关线程辅助这个函数的执行。环境就诞生了简单的说，一个运行中的函数，即为执行环境什么是Js的变量对象（活动对象）？

2017-09-09 15:35:31 332

原创 JQuery

离线文档：http://hemin.cn/jq/downloads.html在线api：http://www.w3school.com.cn/jquery/index.asp http://hemin.cn/jq/index.html window.load(function() {}); //当整个页面的所有资源加载完后包括图片、文件…… $(window).load(

2017-09-08 10:41:00 338

转载 JavaScript AJAX

什么AJAX？ Asynchronous Javascript And Xml异步的JS什么异步和同步？同步：按顺序，按步骤执行异步：同时发生进程是什么？一个程序从开始执行，到执行结束的过程，称之为一次进程操作系统的多进程 (优先级)线程是什么？一个程序内部的执行分支。多线

2017-09-07 18:05:53 480

原创 NodeJs

主要学习教程：http://www.runoob.com/nodejs/nodejs-tutorial.html国内NPM安装依赖速度慢问题？原文：http://blog.youkuaiyun.com/rongbo_j/article/details/52106580在安装时可以手动指定从哪个镜像服务器获取资源，我们可以使用阿里巴巴在国内的镜像服务器，命令如下：npm inst

2017-09-05 16:40:46 300

转载 JavaScript模板引擎

参考文献：高性能JavaScript模板引擎原理解析:http://cdc.tencent.com/2012/06/15/%e9%ab%98%e6%80%a7%e8%83%bdjavascript%e6%a8%a1%e6%9d%bf%e5%bc%95%e6%93%8e%e5%8e%9f%e7%90%86%e8%a7%a3%e6%9e%90/art-template: https

2017-09-04 22:05:43 316

转载 ECMA6

let关键字用来替代var 的关键字,buneng举例：for(var i=0; i setTimeout(function(){ alert(i); },1000);}你认为弹出的结果是多少？结果： 5,5,5,5,5是不是跟你认为的0，1，2，3，4不太一样？？？原因就在于，var i=

2017-09-04 11:07:53 402

原创 git

git config --global user.name "flqbestboy" git config --global user.email "962358354@qq.com" git init git remote add origin git@git.oschina.net:flqbestboy/j

2017-09-02 09:59:18 308

转载谷歌控制台

1 、console.log 用于输出普通信息console.error 用于输出错误信息console.info 用于输出提示性信息console.warn 用于输出警示信息.2、console.count 用于输出执行次数console.group 用于让控制台输出的语句产生不同的层级嵌套关系conso

2017-08-31 19:38:49 328

转载函数去抖和函数节流

为什么会有会出现debounce和throttle以下场景往往由于事件频繁被触发，而重复执行DOM操作、资源加载等重行为、会导致UI停顿甚至浏览器崩溃。1、window对象的resize、scroll和拖拽时的mousemove事件2、射击游戏中的mousedown、keydown事件3、类似百度搜索提示keyup事件问题分析DOM操作比非DOM交互需要更多的内存和

2017-08-31 18:09:58 2332

转载 prototype 与 proto

原文：http://rockyuse.iteye.com/blog/1426510说到prototype，就不得不先说下new的过程。我们先看看这样一段代码：1"text/javascript">2var Person = function () { };

2017-08-31 13:04:41 304

原创 JavaScript 正则表达式

正则表达式API：http://www.w3school.com.cn/jsref/jsref_obj_regexp.asphttps://baike.baidu.com/item/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1700215?fr=aladdin 什

2017-08-24 16:48:25 514

转载 JavaScript Math

Math内置对象的常见API（http://www.w3school.com.cn/jsref/jsref_obj_math.asp）Math.random() 取值范围[0~1) Math.round() 四舍五入 Math.round(-11.5) //-11 (向上取整)Math.max() 求最大值Math.min() 求最小值Ma

2017-08-24 11:30:41 226

转载 JavaScript Window

Window 对象 http://www.w3school.com.cn/jsref/dom_obj_window.asp什么是BOM？ Browser Object Model所谓的浏览器对象模型，指的是把整个浏览器看做一个对象。（该对象就是window）通过修改window对象的属性来修改浏览器的设置，通过调用window对象的方法，来控制浏览器的行

2017-08-22 18:27:01 350

转载 Cookie 与网络通信

通信协议是什么？（ftp、http、https、file...)交流的规则举例：汉语、英语、法语、德语(百度百科：通信协议) 通信协议是指双方实体完成通信或服务所必须遵循的规则和约定。通过通信信道和设备互连起来的多个不同地理位置的数据通信系统，要使其能协同工作实现信息交换和资源共享，它们之间必须具有共同的语言。交流什么、怎样交流及何时交流，都必须遵循某种互相都能

2017-08-22 11:59:12 720