chelen_jak的专栏

原文出处：https://www.jianshu.com/p/52453b012225

转自：http://www.cnblogs.com/2050/p/3877280.html在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的vi

转自：http://blog.youkuaiyun.com/rogerjava/article/details/171429551.什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的

转自：http://blog.youkuaiyun.com/zhangxin09/article/details/8253679所谓的界面触控效果，就是用户点下去的时候，界面立刻产生变化以反馈给用户知道：“ok，你点击的吩咐，我已晓得罗～”，也有人说“点击高亮的效果”。——毋庸置疑，这是人机交互中非常重要沟通手段，使用得也非常常见的。当时我要实现这效果的时候，自己还满认为，不就是网页上为链接加个 a:

原文出处：http://blog.youkuaiyun.com/xuexiaodong009/article/details/49246459  (blog涉及：微信开发、C#)对于一个地点的经纬度，是确定的？这个问题，我想很多人都会回答，肯定了，可实际上呢？我只能呵呵了。在使用百度地图的过程中，发现一个很奇怪的现象，有时候调用百度地图js API时，后得到一个错的离谱的地方。然后我自己也就研

原文出处：http://web.jobbole.com/81990/什么是单页面应用（SPA）？维基百科上的描述是这样的：JavaScript123“A single-page application (SPA), is a web application or web sitethat

原文链接：http://caibaojian.com/mobile-responsive-example.html （修饰过）延伸阅读：移动端自适应适配布局的方法总结用rem出现小问题方案：移动端web app自适应布局探索与总结 互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案：固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 使用flexbox解决方案 ...

原文出处：https://blog.youkuaiyun.com/qq_14997169/article/details/53914201实现强大的屏幕适配布局流式的布局、固定的宽度，还有响应式来做，但是这些方案都不是最佳的解决方法。->->remrem是什么？    rem（font size of the root element）是指相对于根元素(html)的字体大小的单位。...

原文出处：https://blog.youkuaiyun.com/zmm13298329239/article/details/83307842 延伸阅读：移动前端自适应适配布局解决方案和比较 方法一：rem布局（个人最喜欢的方法）首先确定你的设计稿是基于iphone6还是iphone4/5：如果设计稿基于iphone6，横向分辨率为750，body的width为750 / 100 = 7.5r...

原文出处：https://blog.youkuaiyun.com/qq_31307919/article/details/53667020目前移动设计在我们的工作中越来越重要啦，除了掌握基本的UI设计技能之外，我们也要对移动互联网的特征有所认识。为了能在交互设计和用户体验上做出比竞品更优秀的移动APP产品，我们必须知道移动设计的基本原则。之前25学堂有跟大家说到移动APP客户端的UI设计原则及UI界面适配...

原文出处：www.webkaka.com/blog/archives/6-factors-for-response-web-design.html自适应网页设计，对于未曾接触过此类设计的人来说，可能觉得是十分难的事情，但是，如果你熟悉html，那么自适应设计其实只不过是在原PC端的html代码上做一些改动而已，并非一门新的技术语言。而至于自适应网页设计代码需要做哪些调整，归纳来说，有6个调整是...

原文出处：https://www.aliyun.com/jiaocheng/639739.html摘要：前端写页面布局时,图片变形是个很令人头疼的问题,手机屏幕分辨率不一样,出来的效果就不一样,下面的代码可以解决这些问题,保持图片在不同分辨率下面也可以让图片不变形1、首先不能给外层列表定高度,用margin或者padding撑开.album-li-pic{height:0;overfl...

原文出处：https://www.cnblogs.com/tu-0718/p/9596894.html在我开始写移动端页面至今，一直有2个疑问困扰着我，我只知道结果但不知道为什么　　问题1：为什么设计师给的设计稿总是640px或750px（现在一般以Phone6为基准，给的750px）　　问题2：为什么我们拿到640px和750px的设计稿，在编码的时候都要除以2,　　　　   （...

原文出处：http://gitbook.cn/gitchat/activity/5a41ed6d358c1646ff6bc855 Bouncycstle 是一款开源的密码包，其包含了大量的密码算法，其支持椭圆曲线密码算法，本文主要说明 Bouncy Castle 如何配置和简单使用。    1、Bouncy Castle 简介    2、Bouncy Castle 两种配置方式    3...

转自：http://hi.baidu.com/hackerbase/item/0a54b12d0005690e72863e3c        驾车途经点                  var map = new BMap.Map("container");      map.centerAndZoom(new BMap.Point(116.4

转自：http://zhidao.baidu.com/link?url=u_HYWgKERQvi6luDE3jdKcJM3ybb8bWkedrXne4ckR99b6riJ0mmKEAkwJ3a9Q8o38ieEqHtnvaqoclLtEdOO6_Vtb33LmtY8-uS-11q47i 关于 导航路 的问题比如我的一个普通的webapp网站，手机地图上能自动定位我当前的位置，并

转自：http://blog.sina.com.cn/s/blog_6d48e77101016fln.html上篇文章我们讲了html的基本事件，这篇文章我们着重讲解下触摸事件，触摸事件触发的条件是手指接触屏幕、手指在屏幕上移动或者从屏幕上离开。 事件是触摸的集合，它起始于手指初次放置在屏幕上，终止于最后一个手指离开屏幕。事件从开始到结束过程中的所有触摸操作都存储在相同事件的记录中。

转自：http://www.myexception.cn/internet/625057.html

转自：http://blog.sina.com.cn/s/blog_6d48e77101016flh.html

CSS-TRICKS

转自: http://blog.youkuaiyun.com/haojie5/article/details/7180692

转自：http://blog.youkuaiyun.com/jjfat/article/details/7868322日期：2012-8-15  来源：GBin1.com在线演示  本地下载以往的文章中，我们分享了很多jQuery相关拖放插件，今天我们这里再推荐的一个超酷的jQuery拖放插件-gridster.js绝对会让你眼前一亮，和其它的插件不太一样的地方在于你处理拖

转自：http://www.cnblogs.com/Random/archive/2013/03/29/2989789.html最近代码中有个功能需要用到手动触发键盘事件的功能，咱们的现有库对fireEvent的实现还比较单一，对键盘事件没有作支持，就自己封了一个。但键盘事件的fire在各浏览器下实现不一样，下面分别说明一下：1. IE下没什么问题，创建事件对象、对对象的key

转自：http://isux.tencent.com/web-form-design.html表单设计的思考Jana2014.11.26我们几乎每天都会接触形形色色的表单，登录账号、填写信息以获取服务、发布内容等。然而填写表单的过程往往不是特别愉悦的，我们需要消耗时间输入信息，点击提交，可能还需要等待审核；尤其是碰到较为复

转自：http://zhidao.baidu.com/link?url=qKoz6JGcPAr6eIXB_O-wExzcVPXnVmlKzNy0kr1TIS9bwHO0yuRjPCTLHAped-wA9WYUAwmcHZBrhY31xRTSaFfRYxDNtN0MzoD_UTuPXvWjavascript中的touchstart事件，求写法2014-09-19 09:48jlg

转自：http://zhidao.baidu.com/link?url=J0GvqEBrOpfJsfrLd9ee59lkxzSUuXy2f989zl4iNEx91SjyJdr8ewu0ezj9n4mvyoCYFZxWUgi6d8BmCinLDoQwJf9rRdh5jEPY49yrEva想在touchmove事件里监听手指按下的坐标，event.pageX获取的是undefined，chan

转自：http://www.163css.com/hihilinxuan/log/634923891201737876.html之前我们做过许多触屏的特效，那么，今天，我们来分析下js的触屏原理。事实上，大家百度一下js touch基本上可以找到这文章“指尖下的js ——多触式web前端开发之一：对于Touch的处理”，我想这文章许多初学js touch的人都看过。

转自：http://www.bkjia.com/HTML5/927456.html微信里经常看到的滑动翻页效果，slide，翻页slide上个星期我们的产品姐姐让我帮她写个微信里经常看到的滑动翻页效果，今天抽空写了3个小demo（只写了webkit需要chrome模拟手机看 开启touch事件）， 故此写个随笔。 1、demo1，整个大容器tranlat

转自：http://developer.51cto.com/art/201109/294237.htm本文将向大家介绍如何使用百度地图API提供的驾车导航服务进行开发。包括代码实现和截图展示。AD：干货来了,不要等！WOT2015 北京站演讲PPT开放下载！本文将向大家介绍如何使用百度地图API提供的驾车导航服务进行开发。一个简单

转自：http://blog.sina.com.cn/s/blog_6d48e77101016fm3.html