2017移动Web APP开发指南

进入2017年,移动开发中采用前端Web技术来取代原生App进行开发越来越风靡,这些得益于JS框架的发展,框架设计演变也更加偏向于移动端,在库体积、效果、性能都比原来版本有长足的进展。本文是对2017年移动WebApp开发库的总结,方便各位读者进行技术选型,同时提供示例来方便学习。 JS框架 2017年国内移动Web APP开发中Vue可谓一枝独秀,可以看到很多公司基于Vue 2.0制作了组件库并 …

阅读全文

AngularJS1.X前端开发总结

技巧总结 1. 在1.x版本使用ES6语法 提前使用ES6语法的好处在于组件化后的兼容性,但是感觉angularJS 1.X版本的设计跟组件化还是有很多出入 使用class进行组织,基本使用三种模块功能即可:directive, service, controller,页面使用controller,后台交互使用service,dom操作使用directive,因此比较关键复杂的是directive …

阅读全文

创建你的hexo博客

WordPress没法使用markdown写文章,总要登陆网站后台写文章也颇为麻烦,所以利用github搭建了一个技术博客,http://chaozh.github.io 这样有些技术小知识点也方便记录一下,欢迎访问。

目前由于hexo的升级。在github上搭建hexo博客的过程与网络上的文章指导内容会有少许变化。

第一步当然还是安装hexo,接着在本地创建自己的hexo博客目录

$ npm install hexo -g
$ hexo init <YOU_BLOG_DIR_NAME>

然后切换到那个目录下面,安装必备的node插件

$ cd <YOU_BLOG_DIR_NAME>
$ npm install 
$ npm install hexo-deployer-git --save

这时你的博客已经准备就绪啦,接着按照自己的需求修改配置文件,需要注意的是deploy部分

deploy:
  type: git
  repo: <YOUR_GITHUB_REPO_URL>

万事大吉,可以使用hexo new <POST_NAME>来创建新文章,写完后使用

$ hexo server #本地查看博客效果
$ hexo generate #生成静态文件用于部署
$ hexo deploy #部署同步到Github的项目上

有些遗憾的是这个git的deploy插件有点傻,仅把博客的静态文件提交到了远程仓库的master分支,而没有提交原始配置文件。没办法,只能自己动手进行分支同步。

$ cd <YOU_BLOG_DIR_NAME>
$ git init
$ git add remote origin <YOUR_GITHUB_REPO_URL>
$ git commit -a
$ git push origin master:<YOUR_REMOTE_BRANCHNAME>

好啦,以后任何位置都可以利用Github同步文章写博客啦

JavaScript实用代码片段

最近抽空在忙小项目,总结了下一些项目中碰到的常见问题,搜集对应的实用JS代码片段,跟大家分享。 1.产生限定范围内不重复的随机数 在深js也碰到了完全相同的问题,即抽奖程序的核心算法,结果是bug频出。这里给出js抽奖程序,大家去鄙视一下。 一种思路是在给定大小数组中每次抽取一个随机位置的数进行剔除,这个程序的问题是必须始终维护抽取的数组,好处是不会重复抽取: var originalArray= …

阅读全文