随笔分类 - 移动开发
摘要：本篇文章主要是我在开发前研究了webpack+vue.js的单页面应用，因为需要用到node的npm，所以确保安装了node，建议官网安装最新的稳定版本。并且在项目中需要加载一些npm包，由于npm的服务器在国外，可能我们下载的过程会比较慢，所以建议用阿里的镜像cnpm安装，10分钟实时更新一次np
阅读全文
摘要：1. lib-flexible不能与响应式布局兼容 先说说响应式布局的一些基本认识： 响应式布局的表现是：网页通过css媒介查询判断可视区域的宽度，在不同的范围应用不同的样式，以便在不同尺寸的设备上呈现最佳的界面效果。典型的例子是，有一个商品列表页，应用响应式布局后，可能在pc上是用4列展示，在平板
阅读全文
摘要：基础dom操作库 首先对于页面上的交互还是以dom操作为主，虽说现在javascript的dom api已经很好用了，但是对于用惯jquery的人来说还是很不方便，所以我选择 zepto，它的api和jquery完全一致，但是更为轻量。 路由处理 再手机端上页面切换会出现白屏，也无法做转场动画，为了
阅读全文
摘要：webapp 不像传统页面，它生命周期更长，在手机端上，硬件环境并没有pc上那么好。所以性能的优化尤为重要。 webapp的性能优化主要分为两个方面 网络请求优化 和 页面渲染优化 ， 我们对于性能优化主要通过这连个方面来处理。 压缩资源文件 我们在使用某些框架的时候（例如：JQuery）, 会发现
阅读全文
摘要：1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： (ps:【译】如何实现CSS居中？–CSS居中常用方法)使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注的
阅读全文
摘要：一、移动视频直播发展 大家首先来看下面这张图: 可以看到，直播从 PC 到一直发展到移动端，越来越多的直播类 App 上线，同时移动直播进入了前所未有的爆发阶段，但是对于大多数移动直播来说，还是要以 Native 客户端实现为主，但是 H5 在移动直播端也承载着不可替代的作用，例如 H5 有着传播快
阅读全文
摘要：一、什么是前后端分离？ 前后端分离的概念和优势在这里不再赘述，有兴趣的同学可以看各个前辈们一系列总结和讨论： 系列文章：前后端分离的思考与实践(1-6) slider: 淘宝前后端分离实践 知乎提问： 如何评价淘宝 UED 的 Midway Framework 前后端分离？ Web 前后端分离的意义
阅读全文
摘要：在web开发越来越复杂的今天，前端拥有的能力也越来越多。其中最重要的一项莫过于web存储。开发者们如果使用得当，这些存储可以帮助我们提升网页的性能与灵活度。本文不讲个中的细节，只讲各种前端存储的利弊，与各类存储的应用场景。毕竟这些技术的细节在网上随处可见，如果读者你决定使用的话，再去细查也不迟。我们
阅读全文
摘要：随着移动端的不断推进，移动调试也成为了前端同学们面临的一个新的课题，在PC时代，我们直接打开chrome的检查元素面板。就可以解决大部分事情了。但是到了移动端，明明在电脑上模拟好的元素，在手机上就会乱掉。今天我们就来一起聊一聊移动前端调试的那些事儿。一起扩展我们的移动端调试手段~ 1 模拟手机调试
阅读全文
摘要：1. 从FONT-FACE说起 要想了解iconfont，得从一个新的css3规则说起。css3中，新增了一种样式规则，@font-face，这个规则可以用来引入自定义的字体，到客户端。以前，我们的字体只能听任客户端的。因为用户没有安装的话，我们强制要求显示也没有办法。 现在使用@font-face
阅读全文
摘要：兼容iphone各版本机型最佳的方式就是自适应。 1、viewport 简单粗暴的方式： 1 <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"> 1 <meta name="viewport" c
阅读全文
摘要：LazyloadImg介绍 LazyloadImg介绍 LazyloadImg 轻量级的移动端图片懒加载插件原生js开发，不依赖任何框架或库支持将各种宽高不一致的图片，自动剪切成默认图片的宽高。比如说你的默认图片是一张正方形的图片，则各种宽度高度不一样的图片，自动剪切成正方形。完美解决移动端开发中，
阅读全文
摘要：animate.css 是一个有趣，酷炫的，跨浏览器的动画库，你可以将它用于你的项目中。不管是主页，滑动切换，又或者是其它方面，你都可以通过它来制作出惊人的效果。 基本用法 基本用法 引入CSS文件 引入CSS文件 这个对你来说应该再容易不过了，我相信你可能也已经对引入外部的CSS样式文件的代码以及
阅读全文
摘要：使用前 使用中 本地单用户工作流 远程单用户工作流 多用户分支使用策略 基本语法 查看分支： git branch 创建分支： git branch <name> 切换分支： git checkout <name> 创建+切换分支： git checkout -b <name> 合并某分支到当前分支
阅读全文
摘要：React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React-Native系列 https://github.com/jondot/awesome-react-
阅读全文
摘要：一、前言 二、环境配置 三、Hello, React-Native 四、改改HelloWorld
阅读全文
摘要：宽度单位和像素密度 react的宽度不支持百分比，设置宽度时不需要带单位 {width: 10}， 那么10代表的具体宽度是多少呢？ 不知道是官网文档不全还是我眼瞎，反正是没找到，那做一个实验自己找吧： 默认用的是ihone6的模拟器结果是： 我们知道iphone系列的尺寸如下图： 可以看到ipho
阅读全文
摘要：React，来自 Facebook，是一个用来创建用户界面的非常优秀的类库。唯一的问题是 React 不会关注于你的应用如何处理数据。大多数人把 React 当做 MV* 中的 V。所以，Facebook 引入了一种称作 Flux 的模式，提供了一个功能上的通道，可用于应用内的数据处理。这个教程简短
阅读全文
摘要：1、“点透”是什么 你可能碰到过在列表页面上创建一个弹出层，弹出层有个关闭的按钮，你点了这个按钮关闭弹出层后后，这个按钮正下方的内容也会执行点击事件（或打开链接）。这个被定义为这是一个“点透”现象。 在前面的项目中遇到了如下图的问题：在点击弹出来的选择组件的右上角完成后会让完成后面的input输入框
阅读全文
摘要：本文实际上想说的是ios8下 1px解决方案。 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px，在iphone 6 plug 下，更显示成3px。由其影响美感。 还好，时代总是进步的。也许很多人都不知道， 现在IOS8下，已经支持0.5px了。。 那么意味着，
阅读全文
浙公网安备 33010602011771号