轩枫阁

首页 / 移动前端 (第2页)

移动端开发工具类方法汇总

资源与工具

查看全文

2016/11 05  周六

轩枫阁V3主题开发-开发篇

前言

本文介绍关于轩枫阁V3主题开发内容,分为移动端和PC端。

移动端

针对移动端主题的开发处理主要有表格滚动条、纯文本简介、搜索标签、文件模块、loading加载、判断页面类型、微信图片预览等。

表格处理

文章里面的表格,经常宽度会大于移动设备屏幕的宽度,所以给表格加上滚动条尤为重要。

WP在编辑文章插入表格时,会插入table标签,外层并没有特殊的class来标记含有表格,所以无法直接通过CSS的方式加上横向滚动条。

1. JS判断表格,给外层加上指定Class。这种方法实现的会比较不友好。

2. 通过PHP给table表格加上class 查看全文

2016/09 06  周二

微信SPA单页面应用更换title

前言

SPA单页面应用在切换hash的时候,往往要更改页面标题,一般是通过document.title来设置。

以上方式在Android生效,但在IOS中是无法在页面不刷新时设置浏览器title的。

Demo

微信扫一扫:http://www.xuanfengge.com/demo/201604/wx_change_title.html 查看全文

2016/04 10  周日

玩转HTML5移动页面

前言

作为一名前端,在拿到设计稿时你有两种选择:

  1. 快速输出静态页面
  2. 加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来

作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?

这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。
同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为动效篇和优化篇。

动效篇

20150427180532134

(1) CSS3时序错开渐显动画

这是一种比较常用的动画,它的优点是节奏感强,做法就是先让每个元素隐藏,然后当页面呈现后每个元素错开时间出现。

例子(忽略兼容前缀和无关属性): 查看全文

2016/02 20  周六

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]