• 小记(201906)


    1.span标签换行有间隙,可以设置父元素font-size:0,span的font-size为实际大小;

    2.window.onscroll出现不生效的时候是因为用了多个,可以使用jq的$(window).scroll,或者在执行新的时候去执行一下旧的

    const oldScroll = window.onscroll;
    window.onscroll = function () {
        oldScroll();
    }

     3.form表单中聚焦input后自动支持submit(按钮类型需要是submit,并在事件最后return false;)

     4.百度地图可以支持最佳视野:先引入js,再执行方法

    <script type="text/javascript"
            src="https://api.map.baidu.com/library/AreaRestriction/1.2/src/AreaRestriction_min.js"></script>
    <script type="text/javascript">
    //最佳视野
    var view = map.getViewport(points);
    var mapZoom = view.zoom;
    var centerPoint = view.center;
    map.centerAndZoom(centerPoint, mapZoom);
    </script>

     5.百度地图放大缩小出现中心错位的情况,特别是弹框展示的时候,需要将页面scrolltoTop;

     6.flex布局中包含input框,在火狐浏览器宽度有变,此时要给input设置一个width或者min-width;

     7.css 透明度会继承,要改变文字的背景透明度可以设置伪元素:before的content为文字,background为带透明度的背景

     8.gulp可以使用rev模块自动给静态资源加版本号,webpack可以在url-loader中配置自动给静态资源加版本号,例如

    loader: 'url-loader?limit=8192&name=images/[name].[ext]?v=[hash:8]',

    9.webpack html-loader可以实现html复用 

    10.

    CSS控制br高度 . https://www.cnblogs.com/naniannayue/archive/2010/09/10/1823387.html

    11.flex-wrap;

    12.js引入scss等,webpackloader;

    13.async  await可以同步的方式写异步,这样可以不用写回调函数,直接同步往下写,这在处理同时包括同步异步返回值时相当有用。但是当使用gulp的项目中使用async await会不兼容,需引入babel-plugin-transform-runtime,但该包是commonjs规范,gulp不支持,此时应使用webpack进行babel转换(引入webpack-stream)。

    14.关于拼接字符串:

       普通的拼接字符串当遇到运算符时可加上括号包围,如果不加括号,因为+、+= 运算符既是算术运算符,也是字符串的连接符,那么将先进行连接,为防止此现象,可用括号包围;

       此外还可以使用es6的拼接字符串即不用另加括号包围;

       还有拼接字符串并不能加表达式。

    15、nvm 设置默认 node 版本

      nvm alias default v5.0.0

    16、
    两个行内元素不对齐的问题解决
    https://blog.csdn.net/qq_40095973/article/details/80501159

    nvm与npm配置“前缀”选项不兼容

    https://www.jianshu.com/p/8338d6969000

    16、span标签在安卓font-weight:600不生效,bold生效;

    17、测试公众号需要关注才可以使用测试的微信分享。

    18、sessionStorage在移动端的问题:

    今天在做响应式页面的时候碰到的一个问题,就是在移动端sessionStorage失效了,我用的是vivo自带的浏览器,出现了null。然后我又在电脑浏览器中尝试,没有问题,我又用微信自带的浏览器打开页面,也显示正常,初步判断是某些浏览器对sessionStorage不支持,然后查了一些资料后,发现并不是浏览器不支持sessionStorage,移动端某些浏览器存在着切换页面时关闭原页面,再重新打开新页面的问题,这和sessionStorage的原理相违背(关闭浏览器后清空)。

    当用户大多为移动端的用户时,有如下解决方案,因为我们知道sessionStorage被清空的原因是移动端关闭了浏览器,因此,我们在做移动端的时候,可以采用localStorage保存数据,使用完后再清空localStorage,当然,如果是在同一个页面中,sessionStorage的使用是没有任何问题的。

     

     

  • 相关阅读:
    PHP读取Excel文件(PHPExcel)
    Yii实现Password Repeat Validate Rule
    php中字符串长度和截取的函数
    【推荐】PHP中格式化时间函数date与gmdate的区别 | 修改PHP的默认时区
    PHP+AJAX 地区三级联动代码
    ECSHOP session
    JS 中 Class
    js 匿名函数 json
    JS操作JSON总结
    ECshop中的session机制理解
  • 原文地址:https://www.cnblogs.com/sunala/p/11095727.html
Copyright © 2020-2023  润新知