- 博客(28)
- 资源 (1)
- 收藏
- 关注
原创 Fetch API
参考文章:fetch API和传统ajax接口的差别机制:fetchAPI支持stream读取fetchAPI可以控制Header、Response(需要把Response.json().then()来调用)、RequestFetchAPI更支持异步Promise调用,而不是使用异步的CB调用相对起XHR,你可以用更简便的使用方式就可以发起异步请求。比起$,fetch的优势在于这是原生的。
2016-12-07 15:38:23 1054
原创 Video标签的问题
APP、M站下的H5Video标签问题全屏播放、竖屏和横屏封面图问题自动播放直播html5和flash的播放源选择全屏播放:APP下,Android手机不支持全屏,IOS只支持竖全屏M站下,根据不同浏览器,可能有不同表现:例如UC浏览器是支持横竖全屏的,但是原生Safari则不支持结论:Video标签全屏依靠浏览器(APP)的控制,需要关注APP是否设置禁用了相应的接口。否则只能用CSS
2016-11-30 20:13:59 3936
原创 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 1192
原创 npm的一些特殊使用
npm的1.package.json:scripts、bin配置2.npm link命令3.package.json的版本号
2016-08-04 11:25:42 8757 1
原创 Stream和Buffer
Stream是NodeJS(也可以说是后端)中的一个必不可少的概念。 让我们操作大文件或者大传输流的时候,可以分批处理,而不用一次性把内容读取到缓冲区才开始处理。WhatStream在一个应用程序中,流是一组有序的、有起点和终点的字节数据的传输手段。Buffer用于创建一个专门存放二进制数据的缓存区1.1 StreamStream 有四种流类型,且所有的 Stream 对象都是 EventEmit
2016-05-22 22:12:08 6928
原创 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 353
原创 验证码以及Cookie和Session机制
1、验证码的作用防止机器暴力破解用户名和密码(或者是其他可以多次提交的表单)。因此为了安全起见,通常验证码的验证并不会交由前端来进行,而是由后端来进行检验。同时验证码的样子也会尽量千奇百怪,让机器不能够识别。2、验证码的机制前端:前端网页通过一个URL来对后端进行请求,通常会给这个请求带上一个时间戳或者是随机数。 后端:接收到前端的request,后端会先生成一个随机数(通常4位),然后把该随机数
2015-10-10 16:41:03 6647
原创 使用和了解库的异同
每一次提到前端框架,我们可能都会想一下究竟是“会用”,还是需要懂得”怎么实现“这个框架。虽然知道怎么实现框架,了解框架的内部原理是最好的,但是一直没有总结出一些可以说服自己的理由。也有可能是因为自己的实践经历没到吧。2015.9.15前更新如果单单是使用,而没有去了解。很容易造成一遇到问题就卡住完全不知道应该如何解决的问题。主要是因为你不了解整个框架的内核,框架的使用与你已有的知识体系产生了断层,因
2015-09-24 23:46:42 450
原创 jQuery的DOM操作
基本操作:增删改查。 前端开发中,基本就是对DOM进行操作,简略分成设计、逻辑、DOM操作方法三大块。其中DOM操作方法必须了解增删改查。 在jQuery出现前的时代,仅仅使用javaScript来操作DOM是一种非常辛苦的事情,而jQuery很好的封装了js的方法,使得操作DOM变得简便起来,因此在当时具有跨时代的意义。 (当然,Angular出来后,js向大型应用开发进军,也是一个跨时代的
2015-09-15 00:43:22 677
原创 大型Web应用开发总结
大型Web应用,相对于传统网站。用户逻辑需要更多的在客户端(Browser)处理,同时用户对交互性能更加注重。(这里也讨论WebAPP)1、首先是架构问题架构上可以根据需要选择后端和数据库,java,nodeJS,python都可以,也可以用全栈解决的meteor等,这里研究不深,就不展开讨论。而前端的架构,根据不一样的应用,可能也有不一样的选择,但对一般的工作业务型应用,个人感觉会是MVVM模式的
2015-08-24 23:30:36 1868
原创 IE兼容-placeholder的方法
由于IE8以下的浏览器不支持placeholder。 然后通常解决浏览器兼容的问题都是两种思路嘛,一种就是平滑下降,去掉功能。另一种就是写一个(或者找一个)实现这个功能的库。 而因为交互的原因,使用placeholder后,如果删去,对网站的功能会造成很大的影响,所以也只好用写库代替的方法了。一、首先是网上摘录的一个自动填写value的方法$(function(){ handlePl
2015-08-12 17:47:12 837
原创 HybridAPP分析
1、项目状况由于跨平台的特性(节省开发成本),因此使用的WebAPP和HybridAPP的应用范围越来越广阔,最近由于项目需要,我也尝试了一下HybridAPP使用。额,为了不要纯文字太寡了,自己看的不爽。所以我搞了张图片,嗯你们会理解的。 刚开始,我使用的是angularJS的SPA+JQM的UI+APP端的单个WebView的解决方案来制作APP。但在即将完成的时候,却发现纯WebAPP的
2015-08-03 17:33:55 864
原创 KnockoutJS的使用及分析
knockoutJS使用及分析首先,为了不要让这篇文章是纯文字的,我去了knockout的官网顺了个logo过来…… 官网 之前的学习中碰上了SPA应用,刚好老师使用了学习成本低的KnockoutJS给我们讲解SPA和MV*(MVC,MVVM)应用。 从官网了解基本的API以及基础实例,使用nodeJS,expressJS框架作为后台,前端使用knockoutJS制作了一个虚拟项目。1
2015-07-27 22:09:41 2093
原创 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 528
原创 jQuery插件—validate
jQuery插件—validate#陈远宏 2015-5-22官网链接及文档 jQuery.validate插件主要用于给表单添加前端的验证。1、用法下载jQuery.validate。并且引用到页面(需要连通jQuery库一同引入) 给所需表单添加配置 $("#commonForm").validate();给表单的所需项添加设置: 此处方法有几种,一种是直接在input标签内设置(属性+c
2015-06-01 12:16:05 424
原创 CommonJS了解手记
CommonJS概述JavaScript的是根据ECMAScript规范指定的一种用于网络的脚本语言,而在此基础上,为了完善JS语言,增加其跨平台的特性,增添了对后端的规范。CommonJS这一规范,该规范主要用于后端服务器。没有模块系统 没有标准接口 标准库较少异步JS嵌套回调灾难要详细了解这些内容,推荐《深入浅出Node.js》一书。本文章主要用于介绍CommonJS中的Promise规
2015-04-30 16:13:31 798
原创 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 659
原创 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 377
原创 js的闭包和单例
离散数学中闭包的概念:若在一个集合上进行某种运算,其运算结果仍为集合中的元素,则称该集合为此运算上的闭包。X运算闭包=集合中元素X运算后还是X元素“闭包” 一词来源于以下两者的结合:要执行的代码块(由于自由变量被包含在代码块中,这些自由变量以及它们引用的对象没有被释放)和为自由变量提供绑定的计算环境 (作用域)。闭包=为该函数(对象)的使用提供计算域+函数(对象)因此,有了闭包特性之后,才
2015-04-22 00:46:22 1385
原创 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 399
原创 Ajax&JSON
Ajax异步javascriptJSONJavaScript Object Notation(js对象表示法)XMLHttpRequestXMLHttpRequest 对象所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新
2015-01-09 11:48:59 328
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人