zoukankan      html  css  js  c++  java
  • html+css+jq随记

    随便写个博客吧,记录一下自己的历程,今天忽然用自己好久不用的jq还做项目,并且从零开始搭建,让自己慌乱不已啊!遇到了如下问题

    1、ios端点击闪屏的问题,解决办法如下

      在body上添加  -webkit-tap-highlight-color: rgba(0,0,0,0);

    2、移动端300ms延迟,解决办法如下

       使用zepto.js代替jquery.js,语法糖是一样的,zepto现在是按照模块加载的,你需要在你的html里引入touch模块,然后使用语法$('#id').tap(function(){})就可以解决300ms延迟的问题

    3、字体居中的一种方式,解决办法如下

      left:50%; // 相对于父元素向左百分之五十

      transform: translateX(50%);相对于自己向左百分之五十
      当然了,父元素用absolute 还是relative根据实际来看
     
    4、偶尔会白屏
      这个情况比较特殊,也就我会遇到吧,因为我使用的是rem布局,rem布局的js有问题,偶尔初始化的时候font-size:0px;导致页面大小变为零,所以显示的是空页面,导致后台不返回html文件,但是会返回接口数据(很奇怪),后来换了一种写法就好了,具体怎么写就不说了,因为我还不懂他到底是怎么写的,话说现在使用vh和vw布局很好,有空可以学学。
     
    5、一些自己不知道的css
      cursor: pointer;  // 居然有这么大的作用,虽然应用上没感觉到,但是百度的说很有用,应该是给出了 button以外可点击的属性
      
    6、页面滚动的时候,不会缓慢停止,解决方法
      在body上添加 
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
     
    7、一些自己认为有趣的事情
      移动端页面X关闭按钮,居然使用两个span,设置倾斜45度,来做的,没有用到图片,神奇神奇呀,有意思有意思!(理解我这种写java,然后写vue的前端小白的兴奋)
     
    8、无力的吐槽
      css预编译语言真的太好用了,比如less。
     
    最后:无论是vue还是jq,css写的好的,写的页面都漂亮,最难写的还是css和设计的思路(没有设计的苦恼)
     
  • 相关阅读:
    AOP的实现原理——动态代理
    反射
    代理模式
    sprig——jar包
    spring事务管理
    [c++基础]3/5原则--拷贝构造函数+拷贝赋值操作符
    [c++面试准备]--vector对象是如何增长的
    c++面试须知
    redhat--1
    kvm配置虚拟机[待整理]
  • 原文地址:https://www.cnblogs.com/fooller/p/9058271.html
Copyright © 2011-2022 走看看