2016年12月5日

摘要: 最近开发了一套资讯相关的web页面,嵌套在微信中,可支持点赞、评论等...在文章详情中,图片需要点击放大,随手势放大缩小,左右可滑动切换,总之类似于微信公众号效果。 开始想的方案是用轮播插件、或者在img外面套一层a标签,a标签的链接放图片链接。 那么我来总结一下这两种方案的优缺点: 使用轮播插件: 阅读全文
posted @ 2016-12-05 15:30 高丰鸣 阅读(10916) 评论(0) 推荐(0) 编辑

2016年11月23日

摘要: Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例,例如像列表(lists)、标签页栏(tabbars)和触发开关(toggleswitches)这样的简单条目。它还提供了更加复杂的可视化布局示例,例如 阅读全文
posted @ 2016-11-23 17:01 高丰鸣 阅读(196) 评论(0) 推荐(0) 编辑
 
摘要: 1. 效果对比 1.1 开发环境 css+js+lib文件大小为好多M :) 1.2 部署环境(生产环境) css+js+lib文件大小约为800K 文件大小:好多M–>800K(多少自己试下),文件数目:N多–>4个 2. gulp实现 打开项目下的gulpfile.js文件 3. 实现部分 打开 阅读全文
posted @ 2016-11-23 16:35 高丰鸣 阅读(1340) 评论(0) 推荐(0) 编辑

2016年8月31日

摘要: 1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" n 阅读全文
posted @ 2016-08-31 14:02 高丰鸣 阅读(2785) 评论(0) 推荐(0) 编辑

2016年7月7日

摘要: 应公司要求,开发一款移动端杂志(等同于移动端幻灯片相册,iOS上能轻松滑动缩放,android上也能滑动缩放)。网上找了很久没有符合需求的插件,无意间找到了photoswipe,进行改造之后就成了符合自己的移动端图册了。 改造点: 1.原插件默认进入页面是相册列表,返回或者关闭会退回到图册列表,通过 阅读全文
posted @ 2016-07-07 10:42 高丰鸣 阅读(484) 评论(0) 推荐(0) 编辑

2016年4月29日

摘要: 综合类 | 地址 | 前端知识体系|http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构|https://github.com/JacksonTian/fks Web前端开发大系概览|https://github.com/unruledboy 阅读全文
posted @ 2016-04-29 17:08 高丰鸣 阅读(376) 评论(0) 推荐(0) 编辑

2016年4月12日

摘要: 大致需求为类型限制根据类型获取不同结果列表,再根据模糊查询搜索出结果,效果如下: 那么这里可以得知,选中不同下拉选项请求接口带个type参数返回不同结果,并动态加入select框中。我写了个searchKeywords函数,方便调用。 html源码: js代码: 最后来个效果展示: 阅读全文
posted @ 2016-04-12 14:38 高丰鸣 阅读(5887) 评论(0) 推荐(0) 编辑

2016年3月17日

摘要: 今天遇到了一个这样的问题,通过微信扫描二维码进入下载页面,由于微信对下载链接进行了屏蔽处理,点击下载时按钮无效。 后来通过度娘,自己总结和分析之后,大概思路为:浏览器打开应用宝,分享应用宝链接到微信(因为应用宝为腾讯自家产品没有屏蔽),那么就o了! 其实还有一种普遍常见的解决方案,这里就不描述了,大 阅读全文
posted @ 2016-03-17 20:50 高丰鸣 阅读(10180) 评论(1) 推荐(0) 编辑

2016年1月27日

摘要: placeholder属性是HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。 实例:1 <input type="text" name="userName" placeholder="请输入用户名"> pla 阅读全文
posted @ 2016-01-27 14:59 高丰鸣 阅读(9483) 评论(0) 推荐(0) 编辑

2015年11月9日

摘要: 需求:输入会员名,一行一个,最多可输入1000个效果:html代码: *发送给指定会员 您已输入0个会员名(输入会员名,一行一个,最多可输入1000个)亲,最多可输入1000个js代码:实现效果: 阅读全文
posted @ 2015-11-09 17:09 高丰鸣 阅读(11159) 评论(4) 推荐(0) 编辑