2017年4月14日
cordova的安装
摘要： cordova是采用命令行安装的。 1、首先先安装node.js,从该网址下载安装你所需要的node.js版本即可（https://nodejs.org/en/download/) 2、打开终端，输入sudo npm install -g cordova后回车，安装好后会显示如下信息： 3、安装好以 阅读全文
posted @ 2017-04-14 15:44 Steve_Jin 阅读(225) 评论(0) 推荐(0) 编辑
webapp之初次接触cordova
摘要： 本文纯属个人观点。 什么是cordova：cordova是一款开发工具。 作用： 1、可以把html做出的网页打包成手机应用安装程序,Android平台的apk,windows phone平台的xap,IOS平台的ipa 2、提供一堆插件，可以让我在html网页上使用手机的系统功能。比如手机摄像头， 阅读全文
posted @ 2017-04-14 14:09 Steve_Jin 阅读(134) 评论(0) 推荐(0) 编辑
mac自带终端常用命令（我自己经常会用到的）
摘要： 查看当前是在哪个目录 pwd 跳转到哪个目录，记住cd是change directory的意思 跳转目录 cd 目录名 跳转到home目录 cd ~ 跳转到上一级目录 cd .. 跳转根目录 cd / 返回上一次操作的目录 cd 新建目录 mkdir 目录名 查看当前目录下有哪些文件夹 ls 删除目 阅读全文
posted @ 2017-04-14 00:22 Steve_Jin 阅读(405) 评论(0) 推荐(0) 编辑
2017年4月11日
AJAX初识
摘要： 现在对AJAX的定义，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. 如图： AJAX的工作原理： AJAX工具包： AJAX缺陷： 怎么用下次再说。 最后打个广告，本人创建了一个前端技术qq群399627992，有兴趣的可以加一下，一起学习一起进步 阅读全文
posted @ 2017-04-11 23:12 Steve_Jin 阅读(141) 评论(0) 推荐(0) 编辑
2017年4月9日
前端适配之细说rem（网易的移动端页面布局做法）
摘要： rem指的是根元素的字体大小，多数根元素大小为16px,但设备的dpi会影响根元素的大小，因此并不是固定的。 所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小，然后所有的元素尺寸都以rem为单位来写。 使用rem布局结合在html上根据不同分辨率设置不同font-size有很多 阅读全文
posted @ 2017-04-09 22:45 Steve_Jin 阅读(1112) 评论(0) 推荐(0) 编辑
2017年4月7日
移动端网页开发三（纠结适配的那些年）
摘要： 前面两篇文章介绍了移动端网页开发所要具备的基础知识。 今天着重来讲解移动端的适配方案。 做PC端页面的工程师聊的最多的是兼容，这是因为浏览器之间的差异引起的。而移动端基本是没有兼容问题的，全是css3，简直不要太开心。 但是最明显的是适配问题。 什么是适配呢？做PC页面的时候，我们按照设计图的尺寸来 阅读全文
posted @ 2017-04-07 22:01 Steve_Jin 阅读(184) 评论(0) 推荐(0) 编辑
移动端网页开发所要具备的基础知识二（视口）
摘要： 做移动端网页，首先必须了解一些基本的概念。 最重要的是了解像素和视口。 我在上一篇文章中已经介绍了像素，这次我们再来谈谈视口。 视口 桌面浏览器中，浏览器窗口就是约束你的css布局视口（又称初始包含块）。它是所有css百分比宽度推算的根源，它的作用是给css布局限制了一个最大宽度，视口的宽度和浏览器 阅读全文
posted @ 2017-04-07 21:04 Steve_Jin 阅读(262) 评论(0) 推荐(0) 编辑
移动端网页开发所要具备的基础知识一（像素）
摘要： 做移动端网页，首先必须了解一些基本的概念。 最重要的是了解像素和视口。 像素的分类，其实存在两种像素，1、设备像素。2、CSS像素 1、设备像素。 屏幕的物理像素，任何设备屏幕的物理像素都是固定不变的，单位是pt. 2、css像素 在css、js中使用的一个抽象的概念，单位是px。 顺便说下，css 阅读全文
posted @ 2017-04-07 11:03 Steve_Jin 阅读(451) 评论(0) 推荐(0) 编辑
2017年3月24日
等比缩放布局（rem布局）的实现
摘要： rem的定义，the font size of the root element,即以根节点的字体大小作为基准值进行长度计算。网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小。 视口(viewport)设置：<meta name="viewport" content= 阅读全文
posted @ 2017-03-24 23:11 Steve_Jin 阅读(3123) 评论(0) 推荐(0) 编辑
2017年3月20日
移动端网页真机调试，脱离那些年阻挡我们脚步的手机chrome浏览器的局限--weinre
摘要： 上一篇文章，我讲到了使用电脑上的谷歌浏览器调试在手机上用谷歌浏览器打开的移动端页面，初次接触这类的新人看到肯定很开心，但是那也仅限于手机上安装了谷歌浏览器，我们写的移动端页面当然希望在每个移动端浏览器上都能生效，所以我给大家带来了一位新朋友 欢迎我们的weinre。 weinre是web inspe 阅读全文
posted @ 2017-03-20 23:17 Steve_Jin 阅读(706) 评论(0) 推荐(0) 编辑