摘要： 原文链接:http://www.tuicool.com/articles/YJviea 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多... 阅读全文

摘要： 编程风格 [转自http://es6.ruanyifeng.com/#docs/style] 块级作用域 字符串 解构赋值 对象 数组 函数 Map结构 Class 模块 ESLint的使用 本章探讨如何将ES6的新语法，运用到编码实践之中，与传统的JavaScript语法结合在一起，写出合理的、易于阅读和维护的代码。 多家公司和组织已经公开了它们的风格规范，具体可参阅jscs.info，下... 阅读全文

摘要： let 命令{ let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 【注】：let与var相似,用来声明变量.但是只在它所在的代码块内有效 for (let i = 0; i < 10; i++) {} console.log(i); //Uncaught ReferenceEr... 阅读全文

摘要： Can I Use? 2. 概念: 当你给一个元素使用了flexbox模块，那么它的子元素就会指定的方向在水平或者纵向方向排列。这些子元素会按照一定的比例进行扩展或收缩来填补容器的可用空间。 区域1 区域2 3.flex 不等宽布局 ... 阅读全文

摘要： 一.初始化一个ReactNative项目 在指定目录运行命令:react-native init Vince(项目名称) //其过程就是在使用CLI工具构建项目, 命令行代码 F:\React>react-native init Vince This will walk you through creating a new React Native project in F:\React\... 阅读全文

摘要： 1.参考文档 http://reactnative.cn/docs/0.26/getting-started.html http://reactnative.cn/docs/0.26/running-on-device-android.html#content 2.步骤 安装Android环境,略多坑,直接下载Android Studio,使用其安装SDK 参考文档 :http://ww... 阅读全文

摘要： Attention Seekers bounce flash pulse rubberBand shake swing tada wobble Bouncing Entrances bounceIn bounceInDown bounceInLeft bounceInRight bounceInUp Bouncing Exits bounceOut bounceOutDown bounce... 阅读全文

摘要： CSS 模块 如果你想知道 CSS 最近发展的转折点，你应该选择去观看 Christopher Chedeau 在2014年11月的 NationJS 大会上做的名称为 CSS in JS 的分享。不得不说这是一个技术分水岭的时刻，一群不同的思维在自己的方向上就像粒子进入了高能漩涡中一样飞速发展。其中，在 React 或者是 React 相关的项目中编写 CSS 样式，React Style, j... 阅读全文

摘要： 删除node-modules文件夹 npm install -g rimraf rimraf node_modules 绘制一条贝塞尔曲线: context.quadraticCurveTo(x1,y1,x2,y2); //x1,y1起点坐标 x2,y2终点坐标 移动端Web开发调试之Weinre调试教程 http://blog.csdn.net/freshlover/articl... 阅读全文

摘要： 绘制 1.坐标系统: canvas的坐标以左上角为原点,如图 可对canvas的坐标系统进行变换,变换的方式有 平移translate 旋转rotate 缩放scale 创建自定义的变换方式,切变 2.矩形的绘制 API: 清除:clearRect(double x , double y, double w,double h); //x,y是坐标位置,w,h是宽高 描边:strok... 阅读全文