浅谈移动前端性能优化
随着 Html5 的正式定稿,移动前端步入APP世界的步伐也随之加速。目前主流的两大手机系统厂商(google、苹果)都是 Html5 的参与者,所以这两大系统在对 html5 的支持上基本是没什么问题的。然而对于很多开发者来说,也许仅仅是因为使用前的一番可行性分析便放弃这种方案。因为很多资料都叙述着 Html5 相比原生 App 的各种不足。其中最尴尬的一条莫过于“性能”问题。 前端性能问题与优…
Swift 语言 Auto Layout 入门教程
原文:Beginning Auto Layout Tutorial in Swift: Part 1/2,译者:@TurtleFromMars 开始用自动布局约束的方式思考吧! 更新记录:该教程由Brad Johnson更新Swift和iOS 8内容,原文第一版 作者为教程编纂组的 Matthijs Hollemans。 你可曾为了让App在横竖屏模式下都能展现整洁的界面而感到苦恼?你可曾为了让布…
开发移动端页面入门到进阶
一、像素 - 什么是像素 像素是 Web 页面布局的基础,那么到底什么才是一个像素呢? 像素:一个像素就是计算机屏幕所能显示一种特定颜色的最小区域。 这是像素的概念,实际上,在web前端开发领域,像素有以下两层含义: 设备像素:设备屏幕的物理像素,对于任何设备来讲物理像素的数量是固定的。 CSS像素:这是一个抽象的像素概念,它是为web开发者创造的。 现在你已经了解了,原来像素对于web前端开发来…
Web 开发入门笔记
一、大小写和空格 很多计算机,特别是Web服务器,对大小写是敏感的;浏览器,Web服务器,还有编程语言不能一致处理空格。最好使用横线而不是下划线来分离单词。 简单地说,应该在文件名中使用连字符。谷歌搜索引擎把连字符当作一个词的分隔符,但不会以这种方式处理下划线。 二、文件路径的通用规则 图片名为 test.png 要引用一个位于调用的HTML文件同级目录的目标文件,只需直接使用文件名,如 test…
Vant 轻量、可靠的移动端 Vue 组件库
Vant 是有赞前端团队开源的移动端组件库,于 2016 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。 目前 Vant 官方提供了 Vue 版本和微信小程序版本,并由社区团队维护 React 版本。 特点 提供 60 多个高质量组件,覆盖移动端各类场景 性能极佳,组件平均体积不到 1kb(min+gzip) 单元测试覆盖…
vue-better-list-view 长列表 / 虚拟列表组件
网页数据加载多了都会出现卡顿,手机端的列表一般都是无限加载的,加载的数据量大了我们就需要特殊处理下了,vue-better-list-view 这个组件就是为了解决这个问题。 使用 提供 npm 版本和 umd 版本 npm 安装 // install npm i vue-better-list-view --save-dev // in your project import listView …
Slinky.js 基于 jQuery 移动端多级导航滑动插件
一款轻量级响应式移动手机样式多级导航菜单jQuery插件。它使用简单,可以创建多级嵌套的移动设计样式的导航菜单效果。 使用方法 使用该导航菜单插件需要在页面中引入jquery.slinky.css和jquery,以及jquery.slinky.js文件。 <link rel="stylesheet" href="path/to/jquery.slinky.css"> <scrip…
iOS 与 Android 平台上问题列表
伪类 :active 生效 要 CSS 伪类 :active 生效,只需要给 document 绑定 touchstart 或 touchend 事件 <style> a { color: #000; } a:active { color: #fff; } </style> <a herf=foo >bar</a> <script> do…
iSlider 优秀的移动端 JS 滑块组件
iSlider手机平台JS滑动组件,无任何插件依赖。它能够处理任何元素,例如图片或者DOM元素。 iSlider 的依赖:iSlider 不依赖任何库或是框架,你可以很轻松的把他用在自己的项目中,不会和zepto 或是jqmobi 冲突。 体积大小:iSlider 压缩后代码2kb,你可以很随意的打包在你的项目中。 性能上:iSlider借助了手机硬件加速,所有的动画都尽可能重用dom ,并且使用…
移动 Web 开发 4 行代码检测浏览器是否支持 position:fixed
不废话,直接上代码 var div = document.createElement('div'); div.style.cssText = 'display:none;position:fixed;z-index:100;'; body.appendChild(div); console.log(window.getComputedStyle(div).position != 'fixed');…
FrozenUI 轻量级精美的移动端 UI 库
FrozenUI 是一套基于移动端的UI库,轻量、精美、遵从手机 QQ 设计规范。 简单易用 轻量快捷 适用于使用手Q规范设计的 Web 页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。 可以按需选择需要的组件,也可以采用 cdn 和 combo 的方式按需加载。 使用 iconfont 展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,…
Materialize 基于 Material Design 的主流前端响应式网页开发框架
Materialize 简化开发人员的开发并提升了用户体验。 Materialize 是一个使用 CSS,JavaScript 和 HTML 创建的 UI 组件库。实现 UI 组件有助于构建有吸引力,一致和功能的网页和网络应用程序,同时坚持现代网络设计原则,如浏览器可移植性,设备独立性和优雅的降级。它有助于创建更快,更美观,更灵敏的网站。它的灵感来自Google Material Design。 …
基于 zepto.js 移动手机端提示框图标加载 Toast 弹窗
基于 zepto.js 移动手机端提示框图标加载 Toast 弹窗,动画效果很 Q 弹,有 success 成功 error 错误 load 加载中 tip 提示信息四种状态,具体使用方法如下。 首先引入文件 <link rel="stylesheet" type="text/css" href="style/dialog.css"> <script src="javascrip…
- 共 2 页
- 1