07 2019 档案
摘要:JS设计移动端页面时会遇到自适应问题,大多数都知道用rem来设置页面的比例大小,下面就来说几种常见的html中的fontsize设置方法: 1.使用flexible.js插件库。 淘宝就是利用这个来设置的。重点说下第二种方法; 2.以下是比较简介的方法:
阅读全文
摘要:移动端页面按钮或者图标,点击的瞬间会有阴影,这是浏览器自带的,要去除这个阴影可以在css样式里加上以下属性:
阅读全文
摘要:input, textarea { border: 0; /* 方法1 */ -webkit-appearance: none; /* 方法2 */ }
阅读全文
摘要:/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack
阅读全文
摘要:问题描述: <p style="font-size:12px;line-height:30px;">测试数据测试数据</p> p标签内如果输入一长段英文字符,像这样 <p style="font-size:12px;line-height:30px;">asfjhasklfjaklsfjalsjfl
阅读全文
摘要:后端路由简介 路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样 大致流程可以看成这样: 浏览器发出请求 服务器监听到80端口(或443)有请求过来,并解析url路径 根据服务器的路由配置,返回相应信息(可以是 html 字串,也可以是 json 数据,图片等) 浏览器根据数据
阅读全文
摘要:先上预览地址: https://www.somethingwhat.com/Project/Detail?id=f092710d3f7255b4 看下是不是你要的效果,不是就不用往下看了。 示例中我用了touch.js这个插件(百度团队开发的,但好像已经停止更新了),再自己封装了一下,可以实现手势操
阅读全文
摘要:移动端触摸滑动原理详解案例,实现过程通过添加DOM标签的触摸事件监听,并计算触摸距离,通过距离坐标计算触摸角度,最后通过触摸角度去判断往哪个方向触摸的。 触摸的事件列表 触摸的4个事件: touchstart 触摸屏幕上时触发 touchmove 触摸屏幕中滑动时触发 touchend 离开屏幕时触
阅读全文
摘要:Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具。Touch.js手势库专为移动设备设计。Touch.js对于网页设计师来说,是一款不错的辅助工具,可以减少很多写框架控制器的时间。网页合理使用Touch.js不但能增加网页的美观感,而
阅读全文
摘要:原文链接:http://caibaojian.com/flexible-js.html 本文讲的通过flexible.js实现了rem自适应,有了flexible.js,我们就不必再为移动端各种设备兼容烦恼,flexible.js是如何通过rem实现自适应的呢?一起来看看:· 通过rem与px的换算
阅读全文
摘要:前言: 对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分析本人一点点不成熟的心得. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢参悟,在这之前需要做的是能够运用它来开发,那么了解一些基础特性非常有必要
阅读全文