轩枫阁V3主题开发-开发篇
前言
本文介绍关于轩枫阁V3主题开发内容，分为移动端和PC端。
移动端
针对移动端主题的开发处理主要有表格滚动条、纯文本简介、搜索标签、文件模块、loading加载、判断页面类型、微信图片预览等。
表格处理
文章里面的表格，经常宽度会大于移动设备屏幕的宽度，所以给表格加上滚动条尤为重要。
WP在编辑文章插入表格时，会插入table标签，外层并没有特殊的class来标记含有表格，所以无法直接通过CSS的方式加上横向滚动条。
1. JS判断表格，给外层加上指定Class。这种方法实现的会比较不友好。
2. 通过PHP给table表格加上class 查看全文
2016/09
06 周二
微信SPA单页面应用更换title
前言
SPA单页面应用在切换hash的时候，往往要更改页面标题，一般是通过document.title来设置。
|
1 2 3 4 5 |
// eg.1 document.title='new title' //eg.2 document.getElementsByTagName('title')[0].innerHTML = 'new title' |
以上方式在Android生效，但在IOS中是无法在页面不刷新时设置浏览器title的。
Demo
微信扫一扫：http://www.xuanfengge.com/demo/201604/wx_change_title.html 查看全文
2016/04
10 周日
玩转HTML5移动页面
前言
作为一名前端，在拿到设计稿时你有两种选择：
- 快速输出静态页面
- 加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来
作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？
这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。
同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇。
动效篇
（1） CSS3时序错开渐显动画
这是一种比较常用的动画，它的优点是节奏感强，做法就是先让每个元素隐藏，然后当页面呈现后每个元素错开时间出现。
例子（忽略兼容前缀和无关属性）： 查看全文
2016/02
20 周六