Memo

 

1.Webpack: node_modules/css/index.js didn't return a function　　

  npm install css-loader style-loader --save-dev

2.更改webpack 端口

webpack-dev-server --hot --host 127.0.0.1 --port 9999 

3.jquery相关重叠造成的混乱

    <ul>
        <li>index</li>
        <li>foo</li>
        <li>foo2</li>
    </ul>
    <div id="cc">
    </div>
    <script>
        $(function(){
          $("li" ).each(function( index ) {
              $("div").append("<div>"+index+ ":"+$(this).text()+"</div>");
          });
       });
    </script>

　　浏览器渲染成这样：

                                                                                       

我理解就是选择器与添加元素，重叠造成的混乱

$("div").append("<div>"+index+ ":"+$(this).text()+"</div>");

明确一个ID就好了

$("#cc").append("<div>"+index+ ":"+$(this).dtext()+"</div>");

4.禁用在UC上点到图片显示看图模式

img { pointer-events: none; } 

5.jquery children和find

.children( [selector ] )Returns: jQuery

Description: Get the children of each element in the set of matched elements, optionally filtered by a selector.

Given a jQuery object that represents a set of DOM elements, the .children() method allows us to search through the children of these elements in the DOM tree and construct a new jQuery object from the matching elements. The .children()method differs from .find() in that .children() only travels a single level down the DOM tree while .find() can traverse down multiple levels to select descendant elements (grandchildren, etc.) as well. Note also that like most jQuery methods, .children() does not return text nodes; to get all children including text and comment nodes, use .contents().

The .children() method optionally accepts a selector expression of the same type that we can pass to the $() function. If the selector is supplied, the elements will be filtered by testing whether they match it.

.find( selector )Returns: jQuery

Description: Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.

Given a jQuery object that represents a set of DOM elements, the .find() method allows us to search through the descendants of these elements in the DOM tree and construct a new jQuery object from the matching elements. The .find()and .children() methods are similar, except that the latter only travels a single level down the DOM tree.

The first signature for the .find()method accepts a selector expression of the same type that we can pass to the $()function. The elements will be filtered by testing whether they match this selector.

children() 不返回文本节点

.find()和.children()方法相似，但是children（）只是查找子元素，返回的是儿子辈儿的，不是后代元素，参数可选。

而find()方法是返回匹配元素集合中每个元素的后代，参数必选。find()方法只在后代中遍历，不包括自己。

if($(“table:eq(“+j+”)”).find(“tbody tr:nth-child(“+i+”)”).children(“td:nth-child(2)”).text()==”直航”)

if($(“table:eq(“+j+”)”).children(“tbody”).children(“tr:nth-child(“+i+”)”).children(“td:nth-child(2)”).text()==”直航”)

6.监测当前浏览器是否支持download属性

  var isSupportDownload = 'download' in document.createElement('a');

7.微信浏览器缓存

  部分时候页面跳转会有缓存，页面不变动。传一个动参就好了。

8.兼容trim

 兼容旧环境如果 trim() 不存在，可以在所有代码前执行下面代码

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
  };
}

 

9.IE10+ 半透明自动隐藏的滚动条

/* IE10+ 半透明自动隐藏的滚动条 */
@-ms-viewport {
  width: device-width;
}

CSS 自定义滚动条样式 适用于 webkit 内核浏览器

 

::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）
::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件

10.改完JS文件夹版本号真的挺重要的。今天不小心疏忽了

11.今天写按着一篇博文写vue-demo 在外部引入CSS的时候，最后发现总是报

You may need an appropriate loader to handle this file type.

我按着博主的原文看了看 对比一下，没有哪不对。但就是不行。最后发现 ，在webpack.config.js 里 这则项不对

{
test: /\\.css$/,
loader: "style!css"
},