小记(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的使用是没有任何问题的。

 

 

原文地址:https://www.cnblogs.com/sunala/p/11095727.html