小记（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的拼接字符串即不用另加括号包围；

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

 

转载于:https://www.cnblogs.com/sunala/p/11095727.html