![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 71
Kevin_C_F
这人真的很懒
展开
-
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 · 371 阅读 · 0 评论 -
Video标签的问题
APP、M站下的H5Video标签问题全屏播放、竖屏和横屏封面图问题自动播放直播html5和flash的播放源选择全屏播放:APP下,Android手机不支持全屏,IOS只支持竖全屏M站下,根据不同浏览器,可能有不同表现:例如UC浏览器是支持横竖全屏的,但是原生Safari则不支持结论:Video标签全屏依靠浏览器(APP)的控制,需要关注APP是否设置禁用了相应的接口。否则只能用CSS原创 2016-11-30 20:13:59 · 3917 阅读 · 0 评论 -
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 · 609 阅读 · 0 评论 -
Webpack使用以及分析
Webpack 在 webpack 里,所有类型的文件都可以是模块,包含我们最常见的 JavaScript,以及 css 文件、图片、json 文件等等。通过 webpack 的各种加载器,我们可以更有效地管理这些文件。原创 2016-09-09 10:28:05 · 1181 阅读 · 0 评论 -
ArtTemplate了解
基本表达式,和同类型的对比,使用方法转载 2016-07-19 23:14:50 · 642 阅读 · 0 评论 -
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 · 344 阅读 · 0 评论 -
验证码以及Cookie和Session机制
1、验证码的作用防止机器暴力破解用户名和密码(或者是其他可以多次提交的表单)。因此为了安全起见,通常验证码的验证并不会交由前端来进行,而是由后端来进行检验。同时验证码的样子也会尽量千奇百怪,让机器不能够识别。2、验证码的机制前端:前端网页通过一个URL来对后端进行请求,通常会给这个请求带上一个时间戳或者是随机数。 后端:接收到前端的request,后端会先生成一个随机数(通常4位),然后把该随机数原创 2015-10-10 16:41:03 · 6627 阅读 · 0 评论 -
jQuery的DOM操作
基本操作:增删改查。 前端开发中,基本就是对DOM进行操作,简略分成设计、逻辑、DOM操作方法三大块。其中DOM操作方法必须了解增删改查。 在jQuery出现前的时代,仅仅使用javaScript来操作DOM是一种非常辛苦的事情,而jQuery很好的封装了js的方法,使得操作DOM变得简便起来,因此在当时具有跨时代的意义。 (当然,Angular出来后,js向大型应用开发进军,也是一个跨时代的原创 2015-09-15 00:43:22 · 669 阅读 · 0 评论 -
使用和了解库的异同
每一次提到前端框架,我们可能都会想一下究竟是“会用”,还是需要懂得”怎么实现“这个框架。虽然知道怎么实现框架,了解框架的内部原理是最好的,但是一直没有总结出一些可以说服自己的理由。也有可能是因为自己的实践经历没到吧。2015.9.15前更新如果单单是使用,而没有去了解。很容易造成一遇到问题就卡住完全不知道应该如何解决的问题。主要是因为你不了解整个框架的内核,框架的使用与你已有的知识体系产生了断层,因原创 2015-09-24 23:46:42 · 443 阅读 · 0 评论 -
HybridAPP分析
1、项目状况由于跨平台的特性(节省开发成本),因此使用的WebAPP和HybridAPP的应用范围越来越广阔,最近由于项目需要,我也尝试了一下HybridAPP使用。额,为了不要纯文字太寡了,自己看的不爽。所以我搞了张图片,嗯你们会理解的。 刚开始,我使用的是angularJS的SPA+JQM的UI+APP端的单个WebView的解决方案来制作APP。但在即将完成的时候,却发现纯WebAPP的原创 2015-08-03 17:33:55 · 848 阅读 · 0 评论 -
IE兼容-placeholder的方法
由于IE8以下的浏览器不支持placeholder。 然后通常解决浏览器兼容的问题都是两种思路嘛,一种就是平滑下降,去掉功能。另一种就是写一个(或者找一个)实现这个功能的库。 而因为交互的原因,使用placeholder后,如果删去,对网站的功能会造成很大的影响,所以也只好用写库代替的方法了。一、首先是网上摘录的一个自动填写value的方法$(function(){ handlePl原创 2015-08-12 17:47:12 · 827 阅读 · 0 评论 -
大型Web应用开发总结
大型Web应用,相对于传统网站。用户逻辑需要更多的在客户端(Browser)处理,同时用户对交互性能更加注重。(这里也讨论WebAPP)1、首先是架构问题架构上可以根据需要选择后端和数据库,java,nodeJS,python都可以,也可以用全栈解决的meteor等,这里研究不深,就不展开讨论。而前端的架构,根据不一样的应用,可能也有不一样的选择,但对一般的工作业务型应用,个人感觉会是MVVM模式的原创 2015-08-24 23:30:36 · 1853 阅读 · 0 评论 -
KnockoutJS的使用及分析
knockoutJS使用及分析首先,为了不要让这篇文章是纯文字的,我去了knockout的官网顺了个logo过来…… 官网 之前的学习中碰上了SPA应用,刚好老师使用了学习成本低的KnockoutJS给我们讲解SPA和MV*(MVC,MVVM)应用。 从官网了解基本的API以及基础实例,使用nodeJS,expressJS框架作为后台,前端使用knockoutJS制作了一个虚拟项目。1原创 2015-07-27 22:09:41 · 2085 阅读 · 0 评论 -
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 · 519 阅读 · 0 评论 -
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 · 645 阅读 · 0 评论 -
ES7装饰器、高阶函数与类
在使用装饰者模式的时候,考虑过几个方案ES7的Decorator高阶函数+类原创 2016-12-12 16:58:36 · 6871 阅读 · 0 评论