myMaria

window.onload与$(document).ready()

摘要： window.onload是原生JS事件，$(document).ready()是Jquery实现的与其作用类似的事件。二者区别如下： 1、执行时间不同 $(document).ready()是DOM树构建完毕就执行，不必等待图片或媒体资源加载完毕 window.onload不仅要DOM树构建完毕阅读全文

posted @ 2018-08-10 15:07 myMaria 阅读(88) 评论(0) 推荐(0)

webpack基本配置文件

摘要： entry（入口文件）可以传字符串，数组，对象三种格式（字符串和数组默认生成main.js，均生成一个文件，对象有几个入口文件，生成几个文件）。默认值为./src/index.js。entry可以传相对路径，也可以为绝对路径。 //字符串格式如下 //数组格式如下：用途：在你想要多个依赖文件一阅读全文

posted @ 2018-08-09 17:03 myMaria 阅读(135) 评论(0) 推荐(0)

webpack常用配置

摘要： webpack --help或webpack -h 列出命令行所有可用的配置选项 webpack --config example.config.js 指定其他的配置文件。配置默认文件为webpack.config.js。如果想使用其他配置文件，执行这个命令 webpack --json 或web 阅读全文

posted @ 2018-08-03 16:54 myMaria 阅读(121) 评论(0) 推荐(0)

href和src区别

摘要： href常见于link a 元素，是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。 href引用css文件时，浏览器会识别该文档为css文档，就会并行下载资源并且不会停止对当前文档的处理。这也是建议使用link，而不采用@import加载css的原阅读全文

posted @ 2018-08-03 15:23 myMaria 阅读(125) 评论(0) 推荐(0)

script标签的同步和异步

摘要： 1）、把<script>标签放在<head>中意味着必须等到全部的js代码都下载解析和执行完成以后，才开始展现页面内容，为避免这个问题一般把js代码全部放在<body>元素内容后面 2）、script标签不带defer和async属性：同步模式，脚本获取和执行都是同步，页面会被阻塞，浏览器都会按照< 阅读全文

posted @ 2018-08-03 15:14 myMaria 阅读(1580) 评论(0) 推荐(0)

webpack

摘要： webpack用途 webpack是一个打包器（现代javascript应用程序的静态模块打包器）。当webpack处理应用程序时，递归的构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个bundle。四个核心概念 1）、入口（entry） 2）、输出（outpu 阅读全文

posted @ 2018-08-02 15:00 myMaria 阅读(137) 评论(0) 推荐(0)

webpack入门

摘要： 1.安装node.js 2.全局安装webpack npm install -g webpack 3.文件目录安装webpack npm install --save-dev webpack 4.全局安装webpack-cli npm install -g webpack-cli 5.目录安装web 阅读全文

posted @ 2018-08-02 11:18 myMaria 阅读(77) 评论(0) 推荐(0)

对象的各种属性和属性的遍历

摘要：对象的各种属性对象的遍历阅读全文

posted @ 2018-08-02 10:10 myMaria 阅读(87) 评论(0) 推荐(0)

for in和for of

摘要：阅读全文

posted @ 2018-08-01 15:58 myMaria 阅读(80) 评论(0) 推荐(0)

ES6 module语法

摘要： 1.概述历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面阅读全文

posted @ 2018-07-31 15:24 myMaria 阅读(145) 评论(0) 推荐(0)