Pages: 17/295 First page Previous page 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Next page Final page [ View by Articles | List ]
Sep 16
我们创造的你,既非圣物又非凡人,
既非永存又飞速朽
因此,你尽可按自己的意志,以自己的名义,
创造自己,建设自己,
我们仅仅让你能够按照自己的自由意志成长、发展。
你也许会蜕变成无理性的畜牲;
但是如果你愿意,也可以开创神圣的生命。
Sep 11

墓床 不指定

tommyhu , 15:13 , 读书 , Comments(0) , Trackbacks(0) , Reads(1987) , Via Original
我知道永逝降临,并不悲伤

松林中安放着我的愿望

下边有海,远看像水池

一点点跟我的是下午的阳光

人时已尽,人世很长

我在中间应当休息

走过的人说树枝低了

走过的人说树枝在长
Tags:
Sep 11
如何变得有思想,
无非也是在这几个方面加强努力:
了解更多的背景知识,明确个人的价值观(也就是不要有模棱两可的态度,凡事追问自己到底是赞成还是反对,理由何在),培养自己的逻辑分析能力(方法之一就是多做数学题或者GRE逻辑题,或者多编程)
Highslide JS
Sep 11

软件架构(software architecture)就是软件的基本结构。

合适的架构是软件成功的最重要因素之一。大型软件公司通常有专门的架构师职位(architect),只有资深程序员才可以担任。

O'Reilly 出版过一本免费的小册子《Software Architecture Patterns》PDF), 介绍了五种最常见的软件架构,是非常好的入门读物。我读后受益匪浅,下面就是我的笔记。

一、分层架构

分层架构(layered architecture)是最常见的软件架构,也是事实上的标准架构。如果你不知道要用什么架构,那就用它。

这种架构将软件分成若干个水平层,每一层都有清晰的角色和分工,不需要知道其他层的细节。层与层之间通过接口通信。

虽然没有明确约定,软件一定要分成多少层,但是四层的结构最常见。

        
  • 表现层(presentation):用户界面,负责视觉和用户互动
  •     
  • 业务层(business):实现业务逻辑
  •     
  • 持久层(persistence):提供数据,SQL 语句就放在这一层
  •     
  • 数据库(database) :保存数据

有的软件在逻辑层和持久层之间,加了一个服务层(service),提供不同业务逻辑需要的一些通用接口。

Aug 25
IOS下日期问题(苹果浏览器Safari对JS函数库中newDate()函数中的参数的解析中不支持形如“2020-01-01”形式)
苹果浏览器safari对new Date(‘1937-01-01‘)不支持,用.replace(/-/g, "/")函数替换掉中划线即可
Aug 23

Flux 不指定

tommyhu , 14:54 , 大前端 , Comments(0) , Trackbacks(0) , Reads(1806) , Via Original
Flux应用架构 http://reactjs.cn/react/docs/flux-overview.html

React+Redux
Vue+Vues
Tags:
Aug 19
解决了一个低端设备问题,原来一个页面时间使用了touch和click,而使用了e.preventDefault();不见效果,改为click后就可以了

一.click与300ms延迟

移动浏览器提供一个特殊的功能:双击(double tap)放大

300ms的延迟就来自这里,用户碰触页面之后,需要等待一段时间来判断是不是双击(double tap)动作,而不是立即响应单击(click),等待的这段时间大约是300ms。之前有过简单介绍: 黯羽轻扬:HTML5触摸事件

移动事件提供了 touchstart 、 touchmove 、 touchend 却没有提供tap支持,主流框架(库)都是手动实现了自定义tap事件,以求消除300ms延迟,提高页面响应速度。对于简单的页面,可以把 touchstart 或者 touchend 当作tap来用,但存在一些问题,比如手指接触目标元素,按住不放,慢慢移出响应区域,会触发 touchstart 事件执行对应的事件处理器(本不应该触发), touchend 事件也存在类似的问题。

此外, 使用原生touch事件也存在点击穿透的问题 ,因为click是在touch系列事件发生后大约300ms才触发的,混用touch和click肯定会导致点透问题,下面详细介绍
Aug 17
开始尝试用Ionic做些DEMO,基于angularjs提供数据双向绑定,提供了预制的css class界面样式(类似bootstracp)和angularjs的指令集,例如以下代码ion-header-bar为Ionic基于angularjs开发的内置指令,class="bar-positive"为css class,提供界面ui


当然,Ionic要做的是让前端的人也能玩Android和IOS的应用(就象nodejs一样,es6,es7让js也纯爷们起来,),并且无限趋近于原生,当然如果你玩的安卓开发和swif和溜也没必要搞这个了,毕竟native的体验终归是最好的

window下Ionic开发环境搭建,环境变量修改后已经打开cmd窗口需要重启,


1、下载JDK并配置Java运行环境
     http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
     安装后需要进行如下配置:
     在“系统变量”中,设置3项属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”,不存在则点击“新建”。

     1)JAVA_HOME
         C:\Program Files\Java\jdk1.8.0_45

         注意:JAVA_HOME指明JDK安装路径,就是刚才安装时所选择的路径,此路径下包括lib,bin,jre等文件夹。
Highslide JS
        

       2)Path
           %JAVA_HOME%\bin;
    在系统变量Path的值的最前面加入.否则可能在运行时,系统选择部署在前面的jre环境。
    注意:Path使得系统可以在任何路径下识别java命令
Highslide JS
          

       3)CLASSPATH
           .;%JAVA_HOME%\lib
          注意: 点好表示当前目录,不能省略
                 CLASSPATH为java加载类(class or lib)路径,只有类在classpath中,java命令才能识别
Highslide JS
          

         测试:“开始”->“运行”,键入“cmd”,键入命令“java -version”,出现下图画面,说明环境变量配置成功。
Highslide JS
        


2、下载Apache Ant 并将其bin目录路径添加进Path路径
      http://mirror.tcpdiag.net/apache/ant/binaries/
      下载完成后解压 ,如存放在C盘 Program Files目录下则Path中添加如下值 C:\Program Files\apache-ant-1.9.4\bin;
      并添加path环境变量(添加方法和java配置path变量是一样的,注意以 ; 隔开每个环境变量的值)
Highslide JS
      

3、 下载Android Studio
       http://rj.baidu.com/soft/detail/27390.html?ald

       1)由于下载Android SDK并非易事,需要配置代理或FQ;

       2)在使用中会有各种报错或提示更新sdk等乱七八糟问题,

       因此推荐下载Android Studio (百度软件中心下载速度不错),下载后进行安装,会提示选择SDK安装路径,我们主要使用的就是这个SDK。

       完成安装后向系统Path环境变量中添加两个值。分别是 Android SDK中tools目录的路径和platform-tools的路径。例如:

       C:\Program Files (x86)\Android\android-sdk\tools;
       C:\Program Files (x86)\Android\android-sdk\platform-tools;
Highslide JS
      



4、下载NodeJs并安装

     https://nodejs.org/download/
Highslide JS
      



5、安装Ionic 和 Cordova

    http://ionicframework.com/getting-started/

    运行“CMD” 键入“npm install -g cordova ionic” 根据网络环境,安装的时间有所不同。

npm install -g cordova ionic全局安装,在操作中本项目安装生成apk一直报错


    安装完成后,就可以创建一个Ionic项目“ionic start myApp tabs”

    进入myApp项目 “cd myApp”

    在浏览器中运行 "ionic serve"

    添加安装平台 “ionic platform add android”

    编译成apk “ionic build android”

    直接在手机上进行调试“ionic run”
Pages: 17/295 First page Previous page 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Next page Final page [ View by Articles | List ]