对大前端一种分层设想

基本设想是三层(描述并非面面俱到,理解就好):

  • 架构层:负责全局事务,技术选型,建立前端开发基础框架,开发环境部署,建立辅助系统,组织协调各类资源。稍涉及封装层。
  • 封装层:开发通用代码,封装基础方法库,开发模块、组件等。承上之架构,启下之业务逻辑。
  • 业务层:具体页面和交互开发,达成具体业务需求。架构层和封装层为业务层提供支持。

PS: 该分层模式为本人原创定义(如有雷同,纯属天赋),转载者或引用者请注明作者:听雨~。

继续阅读~ 参与评论~

出一个面试题

// 上文
// 接受两个数字,返回 和
function b(n1, n2) {
    return n1 + n2;
}
/**
 * 问: 中间这个地方怎么做可以让下面的调用返回正确结果
 *     意即 使b也可以接受字符串格式的数字参数
 * PS: 不能用重写b方法来实现目的,尽量重用代码
 */
// 中间,请在这里做代码补全

// 下文
b('1', '2'); //能正确得到结果:3

不晓得这样的描述是否能让人领会到我的意图呢?

http://krasimirtsonev.com/blog/article/Dependency-injection-in-JavaScript

继续阅读~ 参与评论~

git subtree更好的管理项目公共资源

抛弃git submodule, 拥抱git subtree。
来源于:http://aoxuis.me/posts/2013/08/07/git-subtree/

使用场景

例如,在项目Game中有一个子目录AI。Game和AI分别是一个独立的git项目,可以分开维护。为了避免直接复制粘贴代码,我们希望Game中的AI子目录与AI的git项目关联,有3层意思:

  1. AI子目录使用AI的git项目来填充,内容保持一致。
  2. 当AI的git项目代码有更新,可以拉取更新到Game项目的AI子目录来。
  3. 反过来,当Game项目的AI子目录有变更,还可以推送这些变更到AI的git项目。用git subtree可以轻松满足上面的需求。

继续阅读~ 参与评论~

摄影,从现在玩起~

【从零开始玩单反】相机参数之一:光圈/快门篇~~!
http://bbs.yzxw.com/forum.php?mod=viewthread&tid=16065&fromuid=1201

【从零开始玩单反】相机参数之二:ISO/焦距篇~~!
http://bbs.yzxw.com/forum.php?mod=viewthread&tid=16301&fromuid=1201

【从零开始玩单反】相机参数之三:怎样正确曝光~~!
http://bbs.yzxw.com/forum.php?mod=viewthread&tid=16659&fromuid=1201

【从零开始玩单反】相机参数之四:白平衡设定技巧详解~~!
http://bbs.yzxw.com/forum.php?mod=viewthread&tid=16710&fromuid=1201

【从零开始玩单反】相机参数之五:如何把照片拍清楚 拍出锐利照片的进阶技巧~!
http://bbs.yzxw.com/forum.php?mod=viewthread&tid=16714&fromuid=1201

【从零开始玩单反】相机参数之六:RAW格式详解及其常用软件~~!
http://bbs.yzxw.com/forum.php?mod=viewthread&tid=16858&fromuid=1201

单反在各种环境拍摄参数设置

了解对焦点与对焦模式

如何利用逆光拍摄细节丰富照片

风光摄影的10个相机设置须知

继续阅读~ 参与评论~

HTML5 XMLHttpRequest中的新功能

来源于:http://www.html5rocks.com/zh/tutorials/file/xhr2/

简介

HTML5 世界中有这样一位无名英雄:XMLHttpRequest。严格地说,XHR2 并不属于 HTML5。不过,它是浏览器供应商对于核心平台不断做出的改进中的一部分。我之所以将 XHR2 加入我们新的百宝囊中,就是因为它在如今复杂的网络应用中扮演了不可或缺的角色。

结果呢,我们这位老朋友来了个大变身,很多人都不知道它的新功能了。2 级 XMLHttpRequest 引入了大量的新功能(例如跨源请求、上传进度事件以及对上传/下载二进制数据的支持等),一举封杀了我们网络应用中的疯狂黑客。这使得 AJAX 可以与很多尖端的 HTML5 API 结合使用,例如 File System APIWeb Audio API 和 WebGL。

此教程重点介绍 XMLHttpRequest 中的新功能,尤其是可用于处理文件的功能。

继续阅读~ 参与评论~

Google Visual Assets Guidelines

在这里http://www.ui.cn/project.php?id=17755看到一部分,觉得不错,于是找了找完整版。

原文两篇:

https://www.behance.net/gallery/9028077/Google-Visual-Assets-Guidelines-Part-1

https://www.behance.net/gallery/9084309/Google-Visual-Assets-Guidelines-Part-2

中文翻译:

http://l-alex.lofter.com/post/1ee686_6c0bef

http://l-alex.lofter.com/post/1ee686_6c0bf3

 

继续阅读~ 参与评论~

移动端图片缩放-旋转-拖拽并和背景图拼合

一步步解决:
1、支持触屏手势的js库,选择Hammer.js。另有一个Quo.js,估计是为了赚钱,文档差的一塌糊涂,试用过程也发现一些基本问题都不能从文档中找到解决方法,所以弃用。

实现旋转遇到的问题,参考了一些资料:

http://jsfiddle.net/8726R/

http://youryida.duapp.com/other/drag_rotate/

2、canvas的图片拼合,参考:

http://www.w3school.com.cn/tags/html_ref_canvas.asp

http://www.xinran001.com/bbs/thread-73899-1-1.html

3、上传canvas拼好的图片,参考:

http://cnodejs.org/topic/4f939c84407edba2143c12f7

http://my.oschina.net/hzplay/blog/160806

https://github.com/think2011/LocalResizeIMG

http://blog.csdn.net/northwind_x/article/details/5874680

http://blog.csdn.net/renfufei/article/details/9836317

思路就是 用canvasElement.toDataURL()获取base64编码的图像,去除开头的”data:image/png;base64,”数据声明,用xhr post给后端,后端对base64转码然后写入一个图片文件,基本就OK了。

继续阅读~ 参与评论~

1 2 3 4 5 6 7 8 9 10 11 26 27

全部分类
Books(4)code(7)database(6)html&css(24)java(11)JavaScript(48)jQuery(24)linux(20)python(1)React(1)share(1)soft(4)solution(53)thinking(17)vim(9)WordPress(8)前端优化(12)拓展(33)服务器(32)移动开发(4)自然(22)