Kevin_C_F-CSDN博客

原创 linux系统变量和别名

别名alias、变量输出EXPORT、路径PATH

2016-12-16 15:29:15 1634 1

原创 ES7装饰器、高阶函数与类

在使用装饰者模式的时候，考虑过几个方案ES7的Decorator高阶函数+类

2016-12-12 16:58:36 6874

原创 Fetch API

参考文章：fetch API和传统ajax接口的差别机制：fetchAPI支持stream读取fetchAPI可以控制Header、Response（需要把Response.json().then()来调用）、RequestFetchAPI更支持异步Promise调用，而不是使用异步的CB调用相对起XHR，你可以用更简便的使用方式就可以发起异步请求。比起$，fetch的优势在于这是原生的。

2016-12-07 15:38:23 1050

原创 Video标签的问题

APP、M站下的H5Video标签问题全屏播放、竖屏和横屏封面图问题自动播放直播html5和flash的播放源选择全屏播放：APP下，Android手机不支持全屏，IOS只支持竖全屏M站下，根据不同浏览器，可能有不同表现：例如UC浏览器是支持横竖全屏的，但是原生Safari则不支持结论：Video标签全屏依靠浏览器（APP）的控制，需要关注APP是否设置禁用了相应的接口。否则只能用CSS

2016-11-30 20:13:59 3931

原创 Redux和React

Redux和ReactRedux 是 JavaScript 状态容器，提供可预测化的状态管理。一个完整单独的State Tree操作State Tree的Producer纯函数（可拆分为多个子项）通过Action来表达修改State的意图Differ和Fulx类似，也是一种推荐的数据传输方式。只是对比起flux的Dispatcher、Store再分类成Store、Action和Red

2016-09-09 10:32:43 620

原创 Webpack使用以及分析

Webpack 在 webpack 里，所有类型的文件都可以是模块，包含我们最常见的 JavaScript，以及 css 文件、图片、json 文件等等。通过 webpack 的各种加载器，我们可以更有效地管理这些文件。

2016-09-09 10:28:05 1189

原创 npm的一些特殊使用

npm的1.package.json:scripts、bin配置2.npm link命令3.package.json的版本号

2016-08-04 11:25:42 8756 1

转载 ArtTemplate了解

基本表达式，和同类型的对比，使用方法

2016-07-19 23:14:50 645

原创 Stream和Buffer

Stream是NodeJS（也可以说是后端）中的一个必不可少的概念。让我们操作大文件或者大传输流的时候，可以分批处理，而不用一次性把内容读取到缓冲区才开始处理。WhatStream在一个应用程序中，流是一组有序的、有起点和终点的字节数据的传输手段。Buffer用于创建一个专门存放二进制数据的缓存区1.1 StreamStream 有四种流类型，且所有的 Stream 对象都是 EventEmit

2016-05-22 22:12:08 6926

原创 SeaJS使用手记

SeaJS使用手记官方文档：http://seajs.org/docs/#docs 官方改造模块文档：https://github.com/seajs/seajs/issues/971现状：本来是一个NodeJS搭建的前端应用。前端使用了React\Socket.io\jQuery等库。并且对应页面有页面自己的js。改造方案：1. 把React、Socket.io、jQuery等库改造成C

2016-03-16 17:36:46 349

原创验证码以及Cookie和Session机制

1、验证码的作用防止机器暴力破解用户名和密码（或者是其他可以多次提交的表单）。因此为了安全起见，通常验证码的验证并不会交由前端来进行，而是由后端来进行检验。同时验证码的样子也会尽量千奇百怪，让机器不能够识别。2、验证码的机制前端：前端网页通过一个URL来对后端进行请求，通常会给这个请求带上一个时间戳或者是随机数。后端：接收到前端的request，后端会先生成一个随机数（通常4位），然后把该随机数

2015-10-10 16:41:03 6644

每一次提到前端框架，我们可能都会想一下究竟是“会用”，还是需要懂得”怎么实现“这个框架。虽然知道怎么实现框架，了解框架的内部原理是最好的，但是一直没有总结出一些可以说服自己的理由。也有可能是因为自己的实践经历没到吧。2015.9.15前更新如果单单是使用，而没有去了解。很容易造成一遇到问题就卡住完全不知道应该如何解决的问题。主要是因为你不了解整个框架的内核，框架的使用与你已有的知识体系产生了断层，因

2015-09-24 23:46:42 446

原创 jQuery的DOM操作

基本操作：增删改查。前端开发中，基本就是对DOM进行操作，简略分成设计、逻辑、DOM操作方法三大块。其中DOM操作方法必须了解增删改查。在jQuery出现前的时代，仅仅使用javaScript来操作DOM是一种非常辛苦的事情，而jQuery很好的封装了js的方法，使得操作DOM变得简便起来，因此在当时具有跨时代的意义。（当然，Angular出来后，js向大型应用开发进军，也是一个跨时代的

2015-09-15 00:43:22 676

原创大型Web应用开发总结

大型Web应用，相对于传统网站。用户逻辑需要更多的在客户端（Browser）处理，同时用户对交互性能更加注重。（这里也讨论WebAPP）1、首先是架构问题架构上可以根据需要选择后端和数据库，java，nodeJS，python都可以，也可以用全栈解决的meteor等，这里研究不深，就不展开讨论。而前端的架构，根据不一样的应用，可能也有不一样的选择，但对一般的工作业务型应用，个人感觉会是MVVM模式的

2015-08-24 23:30:36 1864

原创 IE兼容-placeholder的方法

由于IE8以下的浏览器不支持placeholder。然后通常解决浏览器兼容的问题都是两种思路嘛，一种就是平滑下降，去掉功能。另一种就是写一个（或者找一个）实现这个功能的库。而因为交互的原因，使用placeholder后，如果删去，对网站的功能会造成很大的影响，所以也只好用写库代替的方法了。一、首先是网上摘录的一个自动填写value的方法$(function(){ handlePl

2015-08-12 17:47:12 835

原创 HybridAPP分析

1、项目状况由于跨平台的特性（节省开发成本），因此使用的WebAPP和HybridAPP的应用范围越来越广阔，最近由于项目需要，我也尝试了一下HybridAPP使用。额，为了不要纯文字太寡了，自己看的不爽。所以我搞了张图片，嗯你们会理解的。刚开始，我使用的是angularJS的SPA+JQM的UI+APP端的单个WebView的解决方案来制作APP。但在即将完成的时候，却发现纯WebAPP的

2015-08-03 17:33:55 856

原创 KnockoutJS的使用及分析

knockoutJS使用及分析首先，为了不要让这篇文章是纯文字的，我去了knockout的官网顺了个logo过来…… 官网之前的学习中碰上了SPA应用，刚好老师使用了学习成本低的KnockoutJS给我们讲解SPA和MV*（MVC，MVVM）应用。从官网了解基本的API以及基础实例，使用nodeJS，expressJS框架作为后台，前端使用knockoutJS制作了一个虚拟项目。1

2015-07-27 22:09:41 2091

原创 jQuery Mobile和jQuery的使用简记

jQuery Mobile jQuery

2015-06-01 15:43:36 586

原创 CSS中关于font的样式

CSS中关于font的样式字体粗细大小斜体行距缩略写法字体font-family 定义字体，允许有多个字体作为轮候的值。例如：font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;这样就会首先使用’Microsoft YaHei’，如果用户电脑没有安装这个字体，则往后使用Arial字体，以此类推。@font-face

2015-06-01 15:38:41 524

原创 jQuery插件—validate

jQuery插件—validate#陈远宏 2015-5-22官网链接及文档 jQuery.validate插件主要用于给表单添加前端的验证。1、用法下载jQuery.validate。并且引用到页面（需要连通jQuery库一同引入）给所需表单添加配置 $("#commonForm").validate();给表单的所需项添加设置：此处方法有几种，一种是直接在input标签内设置（属性+c

2015-06-01 12:16:05 421

原创 CommonJS了解手记

CommonJS概述JavaScript的是根据ECMAScript规范指定的一种用于网络的脚本语言，而在此基础上，为了完善JS语言，增加其跨平台的特性，增添了对后端的规范。CommonJS这一规范，该规范主要用于后端服务器。没有模块系统没有标准接口标准库较少异步JS嵌套回调灾难要详细了解这些内容，推荐《深入浅出Node.js》一书。本文章主要用于介绍CommonJS中的Promise规

2015-04-30 16:13:31 793

原创 HTML5新API学习

HTML5新标签学习手记1、HTML5的新标签footer,frame,section这些HTML布局的语义化标签Forms新API：如slider，input的type，progress，input：placholder,autofocus,autocomplete,表单验证等。还可以平滑下降canvas 画廊标签，用于处理html页面中的绘画video，audio

2015-04-26 18:56:39 656

原创 Thinking Oriented Programming

Thinking Oriented Programming-----------------------------1、TOP，思维导向编程。让程序员的注意力集中在程序的设计，而不是程序如何一步一步实现。编程的三大痛苦：1、Verbose Syntax（过于细节的语法）2、Awkward API（使用不便的API）3、Trivial affairs（编译的麻烦）2、前端的TOP化使用辅助的

2015-04-22 14:41:53 373

原创 js的闭包和单例

离散数学中闭包的概念：若在一个集合上进行某种运算，其运算结果仍为集合中的元素，则称该集合为此运算上的闭包。X运算闭包=集合中元素X运算后还是X元素“闭包” 一词来源于以下两者的结合：要执行的代码块（由于自由变量被包含在代码块中，这些自由变量以及它们引用的对象没有被释放）和为自由变量提供绑定的计算环境（作用域）。闭包=为该函数（对象）的使用提供计算域+函数（对象）因此，有了闭包特性之后，才

2015-04-22 00:46:22 1382

原创 javascript学习手记

1、DOM&BOM(面向Web开发)DOM(Document Object Model）1、document对象：对对象的选择，对HTML文档进行写入修改document.write()，向HTML输出字符串，可以是标签、文字。与php的echo相似document.cookie，处理cookie的问题Document.getElementById()\getEleme

2015-04-22 00:43:12 397

原创 Ajax&JSON

Ajax异步javascriptJSONJavaScript Object Notation（js对象表示法）XMLHttpRequestXMLHttpRequest 对象所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新

2015-01-09 11:48:59 328

KevinChen