浅谈webpack · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (34)
吧,如果没有听过browserify,那应该知道gulp或者grunt这两个东西吧。
其实Webpack就是一个模块加载器,官方的原话如下:
webpack takes modules with dependencies and generates static assets representing those modules.
在谈Webpack之前,我们先谈谈两个规范:CMD和AMD。
CMD,也称通用模块定义,是一种同步的模块机制,相信玩过Node的童鞋对下面这种写法一点也不陌生:
var demo = require('otherModule');// some code...module.exports = demo;AMD,也称异步模块定义,是一种异步的模块机制,比较典型的是requireJS的写法:
define( ['module1','module2'], function(module1,module2){    // some code...    return module;});对比上面两种规范的写法,显然我们更加愿意接受CMD,相信写过一大堆c...阅读全文

 mac装机指南 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (44)
作为折腾了Mac一年多的菜鸟,虽然谈不上是Mac高手,但是有些使用的技巧个人总结分享一下,权当给新入手Mac的童鞋一个参考。
目前更新了软件篇及系统应用篇
Xcode Command Line Tools在Mac下面的很多软件安装都会涉及到编译,依赖于Xcode Command Line Tools这个工具,Mac下面的Xcode自带了这个工具,我们可以在Terminal输入gcc或者make,然后弹出一个选项会让你安装。为了避免其它关于编译的错误,建议去AppStore下载一个Xcode
HomeBrewHomeBrew是Mac下面的一个包管理器,方便我们安装一些Mac OS没有的UNIX工具。
安装HomeBrew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"确保HomeBrew是否正常安装
安装好HomeBrew之后,在Terminal执行下面命令确保正常安装:
brew doctor若上面命令执行过程出现 hombrew libev...阅读全文

 微信公众号开发记录 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (32)
GITHUBABOUTRSS本文总阅读量微信公众号开发记录2015年9月4日最近接到公司校招面试结果查询的一个需求,功能点其实很简单:那就是能让HR导入excel数据,然后学生可以通过微信公众账号查询到自己的面试结果。
后端技术选型用了PHP+Mysql,前端用Angular+Bootstrap,所有功能自己一个人来完成,算是重新复习了一遍Mysql的操作,以及PHP的一些语法,顺便把Angular真正用于项目中,总体收获蛮大。
微信公众号开发这一块算是卡了我比较久的,毕竟官方文档太久没更新,而且官方文档真心写得不咋地,然后就直接拿了公司一个同事的PHP代码过来改,顺利完成功能。
公众号开发配置要进行公众号的服务开发,首先你得有自己的一个服务器用于接收公众号转发过来的信息进行处理返回结果,国内免费的如sinaapp或者duapp都可以用于接收。既然要通过公众号来转发服务,那就得有一个公众号,可以到微信公众平台注册一个个人账号。公众号注册成功之后,进入到开发者中心,也就是登录进去之后左边导航最下面的一个,发现有个服务器配置,然后填写一下服务器配置信息,说明如下:URL(服务器地址)...阅读全文

 手机移动端的知识点 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (0)
iPhone 6 屏幕揭秘
##响应式测试工具
Firefox 浏览器内置了 自定义设计视图 的功能,可以通过 Firefox->Web 开发者->自定义设计视图(或者摁下 Shift + Ctrl + m )。相比网络工具,运行更加流畅,无需联网。
判断 iPad 和 iPhone 的版本和状态的 CSS 媒体查询代码
Viewport Resizer
http://beta.screenqueri.es/
http://responsivepx.com
http://www.responsinator.com/
http://resizemybrowser.com/
https://quirktools.com/screenfly/
媒体查询常用样式表:
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">    // 竖放加载<link rel="stylesheet" media="all and (orientation:landscape)"...阅读全文