stylechen.com
未分类 | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/category/未分类
2015 年又划上了句号,于我来说,又老了一岁,已经到了那个不再张口闭口 我还年轻 的年龄段,年龄对于我来说已经有所忌讳了,相信很多同龄人都会有同样复杂而又微妙的心情。 时间对于每个人都很公平,一年 365 天,一天 24 小时,不会因为人的身份地位而有所偏颇,在时间面前,人非常渺小。 我们不是传统的 Web 前端工程师,率先将前端方向直接面向终端 Web 端与客户端 与全栈领域。 为了表示他与传统前端的不同我们起了这样一个名字 基础 终端 团队。 可以是除了 Web 端、Pad 端,手机端之外的硬件端. 上半年纠结了一段时间,最终还是从 360 离职了,本来已谈妥的 offer,最终自己放弃了,放弃的不仅仅是一份 offer,也算是放弃了一种生活方式吧。 一个简洁的 JavaScript 类库,集成了模块加载器,同时也有包含了常见的的组件库,可访问 项目网站. 符合 AMD 规范的 JavaScript 模块加载器。 从 easy.js 组件库中移值过来的基于 jQuery 的组件库,简单实用,API 风格统一。 第 1 页,共 2 页.
stylechen.com
browserify | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/tag/browserify
模块化在前端日新月异的工程化工具的推动下已经摆脱了前端模块加载器 SeaJS、RequireJS 的束缚,现在通常的方案是使用 browserify 或 webpack 来将模块化的文件打包,然后直接在浏览器端使用。 但是通常的打包策略是将整个项目打包成一个文件 bundle.js,默认情况下 bundle.js 中囊括了所有的依赖,包括第三方的从 node modules 中加载的文件,这会造成 bundle.js 非常臃肿,而且在生产环境中不能很好的利用静态资源的缓存策略。 这些打包技术在国外非常火,生产环境提供一个 bundle.js 的做法在国外的网络环境下毫无压力,但是国内的网络环境和国外的没法比,为了下载的性能还是建议分开打包。 React 是 Facebook 开源出来的目前比较流行和热门的前端框架,因其基于组件的开发符合当下和未来的前端发展趋势。 当你深入使用 React,你会发觉整个 React 的设计思想都是令人叹为观止的。 一个简洁的 JavaScript 类库,集成了模块加载器,同时也有包含了常见的的组件库,可访问 项目网站.
stylechen.com
React | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/category/react
从 React 的组件更新谈 Immutable 的应用. 在上一篇文章 Immutable 在 JavaScript 中的应用. 中主要介绍了 Immutable 之于 JavaScript。 而基于 Immutable 的特性,将其应用在 React 项目的开发中非常合适,解决了 React 中的一些痛点,能进一步提升 React 组件的性能以及更好的管理组件的状态。 在介绍 Immutable 如何在 React 中应用之前,先来谈谈 React 组件是如何更新的。 Ballade: 重新诠释 Flux 架构. 由于 React 的单向数据流的设计,衍生出了单向数据流的架构模式 Flux。 在 MVC 的分层架构中,Flux 属于 M 层,也就是 Model,而在 Flux 中, Store. 我在之前的 React 应用的架构模式 Flux. Flux is more of a pattern than a framework. 这是 Flux 在其 github 主页上截取的一句话,翻译成中文就是 Flux 更像是一种架构模式,而不是一个单纯的框架。 在 React 的骨架 JSX.
stylechen.com
React 高效开发环境的搭建 | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/gulp-browserify-for-react.html
React 是 Facebook 开源出来的目前比较流行和热门的前端框架,因其基于组件的开发符合当下和未来的前端发展趋势。 当你深入使用 React,你会发觉整个 React 的设计思想都是令人叹为观止的。 对于初次接触 React 的开发者而言,想要使用它创建一个 Hello world 应用倒不难,先来看看官方文档给出的使用方法。 Script src=react.js /script script src=JSXTransformer.js /script. Hello world 的应用代码无论是内联还是外链,都需要在 script 标签上加上. Div id=example /div script type=text/jsx React.render( h1 Hello, world! H1 , document.getElementById(example) ); /script. DOCTYPE html html head meta charset=utf-8 title React Demo /title body! 上一篇 OPTIONS 方法在跨域请求 CORS 中的应用.
stylechen.com
招聘 | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/tag/招聘
我们不是传统的 Web 前端工程师,率先将前端方向直接面向终端 Web 端与客户端 与全栈领域。 为了表示他与传统前端的不同我们起了这样一个名字 基础 终端 团队。 可以是除了 Web 端、Pad 端,手机端之外的硬件端. 一个简洁的 JavaScript 类库,集成了模块加载器,同时也有包含了常见的的组件库,可访问 项目网站. 符合 AMD 规范的 JavaScript 模块加载器。 从 easy.js 组件库中移值过来的基于 jQuery 的组件库,简单实用,API 风格统一。
stylechen.com
livereload | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/tag/livereload
React 是 Facebook 开源出来的目前比较流行和热门的前端框架,因其基于组件的开发符合当下和未来的前端发展趋势。 当你深入使用 React,你会发觉整个 React 的设计思想都是令人叹为观止的。 一个简洁的 JavaScript 类库,集成了模块加载器,同时也有包含了常见的的组件库,可访问 项目网站. 符合 AMD 规范的 JavaScript 模块加载器。 从 easy.js 组件库中移值过来的基于 jQuery 的组件库,简单实用,API 风格统一。
stylechen.com
Node.js | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/category/node-js
OPTIONS 方法在跨域请求 CORS 中的应用. 如果只是普通的 ajax 请求,也不会发起这个请求,只有当 ajax 请求绑定了 upload 的事件并且跨域的时候,就会自动发起这个请求。 先来看一个完整的静态资源的 URI,http:/ a0.jmstatic.com/5d4f23234a51261e/common.css,这个 URI 由三部分组成,依次为 静态随机资源域名/文件 md5 值/原文件名。 在 node.js 火起来之前,比较常见的处理工具有 ant,但是 ant 是基于 java 的,对于前端工程师来说使用起来很费劲。 Nodejs 火起来之后,出现了很多用于处理前端静态资源的优秀模块,还有专门用于前端静态资源构建的框架,如鼎鼎大名的 grunt,但是 grunt 由于其基于配置的设计模式和构建模式基于文件的限制,对于复杂一点的构建逻辑配置起来就会比较繁琐。 Nodejs 本身并没有提供直接复制文件的 API,如果想用 Node.js 复制文件或目录,需要借助其他的 API 来实现。 符合 AMD 规范的 JavaScript 模块加载器。
stylechen.com
HTTP协议 | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/tag/http协议
OPTIONS 方法在跨域请求 CORS 中的应用. 如果只是普通的 ajax 请求,也不会发起这个请求,只有当 ajax 请求绑定了 upload 的事件并且跨域的时候,就会自动发起这个请求。 一个简洁的 JavaScript 类库,集成了模块加载器,同时也有包含了常见的的组件库,可访问 项目网站. 符合 AMD 规范的 JavaScript 模块加载器。 从 easy.js 组件库中移值过来的基于 jQuery 的组件库,简单实用,API 风格统一。
stylechen.com
HTTP | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/category/http
OPTIONS 方法在跨域请求 CORS 中的应用. 如果只是普通的 ajax 请求,也不会发起这个请求,只有当 ajax 请求绑定了 upload 的事件并且跨域的时候,就会自动发起这个请求。 一个简洁的 JavaScript 类库,集成了模块加载器,同时也有包含了常见的的组件库,可访问 项目网站. 符合 AMD 规范的 JavaScript 模块加载器。 从 easy.js 组件库中移值过来的基于 jQuery 的组件库,简单实用,API 风格统一。
stylechen.com
ajax | 雨夜带刀's Blog 关注前端与用户体验
http://stylechen.com/tag/ajax
OPTIONS 方法在跨域请求 CORS 中的应用. 如果只是普通的 ajax 请求,也不会发起这个请求,只有当 ajax 请求绑定了 upload 的事件并且跨域的时候,就会自动发起这个请求。 Lt;p>场景还原 给a标签绑定了一个click事件用来触发ajax请求,在IE6中,请求时常会被中断,在非IE6中都一切正常。 Lt;pre class="brush: c-sharp">. Amp;lt;a href="javascript:;" id="btn">click me</a>. Amp;lt;script type="text/javascript" src="jquery.js"></script>. Amp;lt;script type="text/javascript">. Amp;nbsp; var url = 'http:/ api.flickr.com/services/'. Amp;nbsp; 'feeds/photos public.gne? Tags=car&'.