好好做前端

静态页面，作为背景的图标先显示，文字后显示。根本原因是：（加载顺序）head标签里（link标签-css文件）-> body里的内容 -> src的script文件 ->页面中写入的js。这里就解释的通了，我的图标都是写在css文件里，所以他要一行行的执行css，将图标都加载出来之后，才开始显示文字信息。我觉着这样的效果不好，用户一定不会等待4s钟的时间看你白白的页面

真心觉得移动端开发坑好多，不过解决问题也有不少乐趣，也能总结很多经验方法，都是之前遇到的，想记录下来方便翻阅。在iOS测试的时候，每次input获取焦点都会使页面放大，真是要多丑有多丑，经多方求助终于得到这个美丽的方法解决一下，之前总是在head中写超多的meta标签，但有一些都没去追寻他们是啥意思。这个问题就是吃了这个亏。<meta name="apple-mobile-web-app-capab

我封装的模态框生成是这种结构的代码插入： 温馨提示 网络不给力哦，请重新进入~ 知道了 $('.pop-content')的max-height是200px，当内容超过200px时，会有滚动条。需要判断①手指touch的点是否为.pop-content或者.pop-content的内容，若不是则阻止滚动②判断滚动条是否在.pop-content 的最上方或者最下方，若是则

之前写过一篇博客，介绍如何让chrome的字体小于12px，戳这里查看今天我们来说下在移动端开发时如何让字体小于12px。在改变chrome字体的时候，在各路大神那里看到过这个方法：当样式表里font-size可是无论我怎么尝试都没效果。还望大神们指教，但重点是！！这句话在移动端相当有用呀。而且我用的时候直接把这句话写在了你想改变字体的元素样式里，例如这样

到公司就开始做公众号开发，之前从未接触过，边学习边工作，遇到一些iOS或者是安卓的样式显示不同的问题。逐一列举，做个记录，以后便于查看。在ios系统，当对标签进行点击时，会出现一个灰色的背景，影响美观，后来偶然看到，当元素被点击时，会有highlight背景出现，从而解决了问题： *  {      -webkit-tap-highlight-color:transparent;

1、禁止IOS，Android长按下载图片.css { -webkit-touch-callout : none; }2、禁止IOS，Android用户选中文字 .css { -webkit-user-select : none; }3、① IOS中input [ type =’button’] 显示的不是自己设置的样式，而是IOS默认样式；② 移动端IOS手机下清除输入框内阴影input [

下面是我遇到的问题，也是用此插件常用的几个参数，如果你的轮播不需要很复杂，看本文就可以解决。假如你想多了解些， 看官们这里请 swiper 插件的官方地址。第一步 引入 swiper.min.js<script src="../style/js/swiper.min.js"></script>第二步 html<div class="swiper-container"> <div clas

为了用户体验更好，在用户输入想要检索的内容后，键盘上需要赫然写着“搜索”两个字，并且因为用键盘的习惯问题，当按下“回车(Enter)”时也必须开始搜索，简便快捷。user用了都说好~~~<form action='' onsubmit="return false;"> <span class="label">关键词：</span> <input type="search" plac

前几天写了个防穿透的模态框。 Modal模态框的防穿透问题，模态框弹出后，禁止body滑动事件但是今天上线前测试，用Android4.0以下的手机测试时，点击模态框的时候还是出现了穿透，好比 b 是模态框上的按钮，a 是下层页面的按钮。当点击 b 的时候， a 被触发了。同事说这种问题不用改了，可能觉得身边使用的人少了，没那个必要了，我还是在网上搜了下解决办法，找到了，虽然说很粗暴，但我测了下，的确

1， 移动端基础框架zepto.js 语法与jquery几乎一样，会jquery基本会zepto~ iscroll.js 解决页面不支持弹性滚动，不支持fixed引起的问题~ 实现下拉刷新，滑屏，缩放等功能~ underscore.js 该库提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。 fastclick 加快移动端点击响应时间 animate.css

混合App，前端H5页面，实现导航栏滑动到的时候贴顶。注意：首先写的时候，监听scroll事件，滑动到指定位置时改为定位 position:fixed;，实际运用过程中，IOS无法实时监听scroll事件，在滚动停止之后才触发的 $(window).on(&quot;scroll&quot;, function () { var _this = $(this), s...