CFXIXI工作室首页
CF西西的博客 | Html5 APP

webpack设置别名

2. 一月 2017
转自:http://www.cnblogs.com/zhongxia/p/5370532.html 存在这样一种情况,有时候项目中,存在一些 公共的组件,通常会抽取出来,放在一个统一的文件夹中. 然后大家就可以再 各个 模块里面 愉快的使用该 组件了.   但是也带来一个坑爹的问题 组件放在 common 文件夹中,但是 引用是在 modules 下的各个模块中引用. 这个时候 引用的方式是这样的 import xxx from ‘../../../common/components/Form’ 引用组件的文件路径不一样,那么引用的地址也是不一样的. 所以 ../../../这个不知道是有多少层,看着眼泪都掉下来.   然后这么坑爹的问题,怎么会没有解决方案呢? 必须是要有的 解决方案如下: root : 配置 require 或者 import 的基本路径 然后配置 alias 别名. 然后你就可以发现了惊喜. resolve: {//自动扩展文件后缀名,意味着我们require模块可以省略不写后缀名extensions: ['', '.js', '.jsx'],root: [path.resolve(__dirname, './src') ],alias: {commonForm: "common/components/Form/index.js"}} 就可以引用,没有必要在像以前那样  import xx from '../../../../../xxxx’   webpack 对自己的模块起一个别名,这样引用的时候,直接  import xxx from ‘commonForm'

Html5 APP

html select 如何在change事件后获得当前的option的value

11. 四月 2016
var objS = document.getElementById("aaa");var accountNo = objS.options[objS.selectedIndex].value;

Html5 APP

Grunt安装

8. 十月 2015
1.安装nodejs 2.安装npm 3.执行命令npm update -g npm 检查npm升级 4.安装grunt-cli npm install -g grunt-cli 完毕

Html5, Html5 APP

Web APP调用 android客户端的资源文件

7. 八月 2013
参考:http://stackoverflow.com/questions/12290651/load-image-css-js-webfonts-locally-from-web-based-mobile-application Use a URI as the src in your html "android.resource://[package]/[res type]/[res name]" <scriptsrc="android.resource://com.example.sample/raw/js_script">

Html5 APP

12种JavaScript MVC框架之比较

21. 二月 2013
Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js胜出。 此次比较针对的特性标准有四种,分别是: UI绑定(UI Bindings) 复合视图(Composed Views) Web表现层(Web Presentation Layer) 与其他框架良好协作(Plays Nicely with Others) 对于各种JavaScript MVC框架,Gordon都总结了优缺点: Backbone.js——优点:强大的社区,强劲的势头;缺点:抽象较弱,很多功能亟待增加。 SproutCore——优点:对绑定的支持,可靠的社区,大量特性;缺点:过度规范,难以和不需要的特性解耦。 Sammy.js——优点:易于学习,更容易和现存的服务端应用程序整合;缺点:过于简单,无法应用于大型应用程序中。 Spine.js——优点:轻量级,文档很完备;缺点:它的核心概念“spine”是异步的用户界面,这意味着理想状况用户界面永远不会发生堵塞,而这个基础有缺陷。 Cappuccino——优点:大型深思熟虑后的框架,良好的社区,很棒的继承模型;缺点:由iOS开发者创建,使用JavaScript模拟Objective-C。 Knockout.js——优点:对绑定的支持,完备的文档和教程;缺点:绑定语法拙劣,缺少统一的视图组件层级关系。 Javascript MVC——优点:可靠的社区;缺点:基于字符串的继承模型很差,控制器与视图关系过密而缺少绑定。 GWT(Google Web Toolkit)——优点:全面的框架,良好的社区,可靠的基于Java的组件继承模型;缺点:可能无法经受时间的考验,另外,Java在客户端上的抽象有些笨拙。 Google Closure——优点:很好的基于组件的UI组合系统。缺点:缺少UI绑定支持。 Ember.js——优点:很丰富的模板系统,拥有复合视图和UI绑定;缺点:相对较新,文档不够完备。 Angular.js——优点:对模板范围和控制器设计有很好的考虑,拥有依赖注入系统,支持丰富的UI绑定语法。缺点:代码的模块性不强,视图的模块化也不够。 Batman.js——优点:代码清晰,绑定、持久化的方法简单;缺点:使用了单例控制器。 经过对以上各种Javascript MVC框架特性的比较,Gordon认为只有Ember.js能够完全满足他的要求,从而成为他最终选用的框架。 你是否也使用过某些JavaScript MVC框架呢?欢迎参与讨论。

Html5, Html5 APP

网页防止暴力点击解决参考

18. 二月 2013
网页防止暴力点击解决参考 使用透明浮层 .preventEventMore{ position:absolute; width:100%; height:101%; display:none; background:transparent; z-index:90000; top:0px; left:0px; } 设置透明浮层html代码 <div class="preventEventMore">   点击时js方法 function perventEventTouchMore(){//防止暴力点击,事件触发之后显示一个透明的浮层,1s之后消失 $(".preventEventMore").css({ 'display':'block' }); setTimeout(function(){ $(".preventEventMore").css({ 'display':'none' }); },500); }   调用方法: 点击的事件中调用perventEventTouchMore()方法

Html5 APP

Google Analysics(GA) Html5 APP优化版(没有网络时统计信息存localstorage)

7. 二月 2013
转自:[url]http://stackoverflow.com/questions/11026916/how-to-use-google-analytics-with-phonegap-without-a-plugin[/url]   在github上下载[url]https://github.com/ggendre/GALocalStorage[/url] P.S楼主还没有尝试过

Html5 APP