AngularJS 1 教程
AngularJS

AngularJS 1 教程

为什么需要前端框架 随着浏览器性能提升,更多Web Page演变为Web App,特别是在中大型的项目中,就需要一个 前端框架 来: 解耦应用的逻辑,数据模型,和界面视图 更加方便的多人协作 基本组件的抽离复用 相对低成本的性能保证 方便测试 …… 为什么2016年的今天仍然可以学习Angular 1 眼下潮流的框架太过于现代,入门门槛过高,学习React,Vue 2,Angular 2,需要首先学习npm、webpack、jsx、ES6、甚至Typescript。而且变化非常快,一些需要写前端的后端人员可能力不从心😂 而学习AngularJS

  • Tyler Wang
    Tyler Wang
9 min read
Hipo

Hipo Desktop 免费发布

Hipo iOS最后一次更新是在16年5月2号。 之后iPhone 7发布了,iOS 10发布了。 5个月后Hipo Desktop终于发布。 免费,免费,免费!!! 全新设计了桌面端的UI,针对桌面端大屏幕优化,采用了最新的设计风格(airbnb风格) 左侧时间导航 中间部分时间趋势统计,分类预算统计。 右侧具体的记录列表。 全桌面,支持Web(支持Mac,Windows,iOS,Android,推荐chrome浏览器访问)。 数据云同步,全平台,全免费同步(背后依托CloudKit,数据只有用户可见,相当安全) 支持多用户,

  • Tyler Wang
    Tyler Wang
2 min read
使用letsencrypt升级网站到https
Hipo

使用letsencrypt升级网站到https

因为Hipo在线版的计划(不日放出),所以将hipo.cash升级到https,证书是免费开放的 letsencrypt,配合官方的工具certbot。 ---- 2018.1.10 ---- 新版本的cerbot更加的方便,下面的命令还是来自于cerbot网站 // 如果是ubuntu nginx的方案 $ sudo apt-get update $ sudo apt-get install software-properties-common $ sudo add-apt-repository ppa:certbot/certbot $ sudo apt-get update $ sudo apt-get

  • Tyler Wang
    Tyler Wang
3 min read
Electron

解决CloudKit在Electron中无法登录的问题

最近CloudKit Web端授权页面更新后中使用了CMD模块化的东西,因此会检查require是否存在,本意是存在的话就会按照CMD的方式加载js模块,但是Electron中默认通过require来加载electron模块或者npm模块,这样问题就来了,Electron中的Cloudkit授权页面就会报错! 解决方案也简单,如果你的页面中不需要使用electron提供的node能力,自然解决方案就是启动主窗口时候禁用node能力即可,这样通过window.open()之后的窗口也会禁用。 //在mian.js中 const BrowserWindow = electron.BrowserWindow mainWindow = new BrowserWindow({ width: 1200, height: 800, webPreferences: { nodeIntegration: true//这里配置禁用node使用 } }) 当然一般情况下还是需要使用electron所提供的node能力,这样就不能在main.js中禁用全部窗口的node能力,

  • Tyler Wang
    Tyler Wang
1 min read
nodeJs

升级Ghost到0.9.0

之前blog所使用的是0.5.7的Ghost,最近又时间就顺手升级了下。 根据官方文档先升级到了0.7.1版本。 本来想先在本地测试的,结果估计是Mac node版本过高无法成功安装所需的node模块,一咬牙直接服务端升级,居然成功了,此刻就是ghost 0.7.1版本。 随后在0.7.1版本上升级到了最新版本(写此文时是0.9.0)。 值得注意的是替换完文件,npm install --production之后最好来一次nam start --production这个时候Ghost会做些版本升级。 七牛插件 还是使用了之前0.5.7版的七牛插件: nam

  • Tyler Wang
    Tyler Wang
3 min read
Hipo

Electron打包以及使用CloudKit做自动更新服务

Build cross platform desktop apps with JavaScript, HTML, and CSS 现在电脑升级, Electron 算是一种不错的跨平台解决方案,Hipo使用CloudKit做同步服务,Cloudkit支持js,以及server to server调用,因此决定使用electron开发桌面端。开发过程不必多说,多是前端代码的编写加一些平台API的调用。 Electron打包 Electron代码编写之后便是打包, 官网 介绍了几种方法,用了 electron-packager 主要就是两个命令: 安装electron-packager # for use in npm

  • Tyler Wang
    Tyler Wang
4 min read
Hipo

Hipo 2.0 Swift重写,限时免费!限时免费!限时免费!

2015年10月16日Hipo 2.0.0正式上线App Store,似乎倏忽间就将这大半年的躁郁一扫而光。上线全新版本,限时免费,限时免费,限时免费(已经结束限免)^_^ Hipo 1.X Hipo 1.X使用当时移动Js框架新秀ionic开发,虽说是phoneGap应用,但是做出来发现体验到也不差,使用Js开发移动应用,快速,成本低,门槛低,Hipo上线初就获得了App Store首页优秀App的推荐,这也直接决定了我走上了独立开发这条不归路-_-# 至今仍然喜欢AngularJs,ionic,仍然相信在App初期多数情况下使用Js开发是个很好的选择。 iOS原生开发学习 在变成果粉的同时,Apple推出了Swift语言,

  • Tyler Wang
    Tyler Wang
6 min read
《刺客聂隐娘》

唐.镜

罽宾国国王得一青鸾,三年不鸣,有人谓,鸾见同类则鸣,何不悬镜照之,青鸾见影悲鸣,对镜终宵舞镜而死。 对镜而立只有孤独,《刺客聂隐娘》通篇也都是孤独,人也都生来孤独。 人因看到镜中不同的自己而苦,尼姑公主看到了藩镇之恶,田季安看到的是“魏博”,隐娘看到的是“不杀”,聂父看到了“家国”,似乎只有负镜少年不同,他让隐娘看到了笑容,他似乎是全剧中唯一开心的一个…… 千年之后,电影的静和光影人的嘈杂有何尝不是面镜子呢? 侯导爱唐风似乎不着痕迹,实则处处良苦用心。

  • Tyler Wang
    Tyler Wang
1 min read
[译]为什么空状态设计理应花费更多时间
空状态

[译]为什么空状态设计理应花费更多时间

旧事重提,之前就译过一篇,空状态的设计,一年半之后发现对这方面还是欠缺,故有此篇^_^ 原文:WHY EMPTY STATES DESERVE MORE DESIGN TIME 在很多设计中,空状态,或者说无数据状态的设计都是在事后才考虑的事情。这件最后的设计,毕竟,它在用户体验中,是短暂的或者只是很小的一部分。 不要被空状态这个名字愚弄。空状态有着驱动用户参与,取悦用户,并且在一些危险情况譬如用户下载App清空了内容,或者运行到错误状况时挽救用户的极大潜能。 这些空状态一般被称为,初次使用,用户清除和错误。但是让我们从用户角度来看待这些情况: 第一印象 成功状态 失败状态 这些用户体验的转折点就会导致两种截然不同的结果:

  • Tyler Wang
    Tyler Wang
9 min read
[译]视觉调整-设计师 vs. 逻辑
设计

[译]视觉调整-设计师 vs. 逻辑

译自:Optical Adjustment 在我早期的设计当中,我靠Photoshop或CSS来告诉我正确与否。如果两个形状在Photoshop标示对齐了,那么它们就是对齐的;如果两个不同的形状是同样的尺寸,那么事实就是如此;如果两个颜色有着相同的十六进制值,那它们看起来就是相同的颜色。 这似乎是合乎逻辑的,但这确是个错误的工作方式。 软件的计算方式是理性的,但是软件却没有考虑人对形状,颜色,尺寸的感知——也就是说软件无法理解物体在上下文中的视觉语言,或者人是如何对物体进行感知的。 人类的非理性思维可以看到并理解电脑无法理解的上下文,因此我们需要决定物体关系在视觉上是否正确。理解这些微妙的不同并知道如何去调整,可以让一个好的设计师更优秀——很少有人注意到它们被调整了,但是如果不调整大多数人又会注意到。 来让我们看看这几个例子。 对齐+视觉权重 仅靠宽,高,以及坐标X,y值,电脑没法精确的指导物体的视觉重量。

  • Tyler Wang
    Tyler Wang
6 min read
AngularJS

使用gulp压缩合并AngularJS项目中js

AngularJS项目中js众多,上线的时候压缩合并下还是很有必要的^_^ 在此之前如果不了解gulp,推荐访问Gulp开发教程(翻译)。 值得注意的是,一般书写时按照简写的格式: angular.module("MyMod").controller("MyCtrl", function($scope, $timeout) { }); 但是压缩js会破快AngularJS文件所需的依赖注入,以至于无法工作,因此压缩前你需要将代码手动修改为下面的形式: angular.module("MyMod").controller("MyCtrl", ["$scope&

  • Tyler Wang
    Tyler Wang
1 min read
Hipo

Hipo那些事儿

Hipo 2014年8月下旬1.0.0版本上线至今更新到1.5.0版本,并发布到所有的国家,想在此谈谈这整个令人心碎的过程^_^ 缘起 一直有记账的欲望,但是一直没能坚持下来,近两年的工作之后觉得自己应该需要实实在在,完完整整的做点东西来落实验证下自己的所学,也能顺道满足下自己的所需,和几个朋友交流之后5月正式确定这个项目。 想法总是美好的…… 初期的设想相当的庞杂,也就导致相当长的一段时间内一直处于空想YY的状态,现在回顾,那时美剧刷的最多-_-# 到现在为止,初期设想的功能还未完成。 开发,上线,迭代 在忍无可忍+自我鄙视了很久之后才正式开始,拖延过久直接导致便是真正干活时候的急不可耐,毛毛躁躁。 然后就是尽可能的砍掉第一版本的功能,甚至放弃了发布到全球这么让人垂涎欲滴的好处,只为了能够尽快的发布到App

  • Tyler Wang
    Tyler Wang
3 min read
2014年终
年终总结

2014年终

感官上来说,春节才算是旧年的终点,新年的开始。 在这寒冷而宁静的小村,远离那些喧闹,反而更适合写下此文。 家 家人还算健康,节俭,时时为我担忧着,还是一切从我出发。不说追梦,也不说能够荣耀乡里,至少没能陪伴在他们身边。 在外归来,家乡总是这么慢,家人总是老的很快,而我却仍在路上。 在家很少做梦,在外倒是经常梦回家乡。 我 初时学剑,拔剑四顾,世界如此之大。而今有了剑招,又恨这出剑总不能又快又准。 Hipo 不得不提Hipo,这算是个意外的惊喜,漫漫长路,至少它能让我走的更远一点。 书 2014年书确实读的少了,

  • Tyler Wang
    Tyler Wang
1 min read
用Ionic开发hybrid APP
AngularJS

用Ionic开发hybrid APP

使用phonegap开发APP的优劣在此不必细说,快速,简单,跨平台,以及随着iOS,Android本身对webview优化所带来的不错的性能,便是其独有的优势。而且私以为在目前激烈而又变化快速的移动APP市场环境下,用phonegap来开发APP未尝不是一种低成本mvp的方案,快速发布,成王败寇^-^ 为什么选用ionic 其中ionicframework便是phonegap开发hybrid APP技术中的一员新秀,甚至可以说是一员虎将,而且免费且开源。 Ionic的优势非常显著: 性能优异 基于红的发紫AngularJs 漂亮的UI 强大的命令行(基于更热门的nodejs) 开发团队非常活跃, 相关配套非常齐全: 相对充足的学习资料,Learn Iconic,The Iconic book ngcordova,将主流的Cordova

  • Tyler Wang
    Tyler Wang
3 min read
博客从wordpress迁移到Ghost
Ghost

博客从wordpress迁移到Ghost

Ghost不支持wordpress中的文章URL格式,又舍不得已经外链着的链接失效,也就一直没有将博客从积重难返的wp迁移到Ghost。 不过今天本着破罐子破摔、不折腾的会死,实在很想用markdown来写博客,不懂PHP……的精神一试,结果发现过程异常顺利^-^ 迁移wp博客图片 这个地方讨巧的使用了七牛的云存储。 注册七牛免费账户, 安装七牛wordpress插件,配置,测试成功(访问你博客文章时,博文图片链接已是七牛链接) 通过这两步基本就可以确保你不用费力的转移图片,而且图片放七牛+CDN,节省空间,加速访问,何乐而不为? 导出wp中博文 安装Ghost wordpress插件,导出json格式的文件 安装配置Ghost 我这边一直使用的digitalocean的最低配vps,5$/月,相对性价比较高推荐使用(

  • Tyler Wang
    Tyler Wang
4 min read

Subscribe to cc log