摘要: 区别一:执行时间不同 window.onload()是在页面所有元素(包括图片,引用文件)加载完成后再执行。也就是说页面所有的东西都加载完成之后再加载。 $(document).ready()是DOM结构绘制... 阅读全文
posted @ 2019-10-31 23:51 江湖艺人 阅读(3301) 评论(0) 推荐(0) 编辑
摘要: 原理:先将img标签的src链接设为同一张图片(比如空白图片),然后给img标签设置自定义属性(比如 data-src),然后将真正的图片地址存储在data-src中,当JS监听到该图片元素进入可视窗口时,将自定... 阅读全文
posted @ 2019-10-31 23:47 江湖艺人 阅读(155) 评论(0) 推荐(0) 编辑
摘要: vscode常用插件View In Browser :浏览器打开 ctrl +f1vscode-icons: 图标Path Intellisense:路径px to rem:相互转换Auto Rename Tag... 阅读全文
posted @ 2019-10-31 23:46 江湖艺人 阅读(1381) 评论(0) 推荐(0) 编辑
摘要: HTML面试题你是如何理解HTML语义化的?比较简单的回答:我理解的语义化就是 标签用在合适的位置,比如段落要用p标签,标题要用h1-h6标签. 更细点的回答:我理解的HTML语义化是正确的标签做正确的事情,能够... 阅读全文
posted @ 2019-10-31 23:44 江湖艺人 阅读(86) 评论(0) 推荐(0) 编辑
摘要: image.png session相当是服务器的一个记录表,记录着所有用户的token和过期时间,cookie相当于是每一个客户端的门票,门票上记录着当前访问时间和用户的token,服务器通过门票上的token查... 阅读全文
posted @ 2019-10-31 23:42 江湖艺人 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 下面是通过vue-cli脚手架创建的一个基于webpack模板的vue项目 image.png 阅读全文
posted @ 2019-10-31 23:41 江湖艺人 阅读(1449) 评论(0) 推荐(0) 编辑
摘要: 1. Gulp VS webpack 比较Gulp 是一个任务管理工具,让简单的任务更清晰,让复杂的任务易于掌控;而 webpack 的理念是,一切皆为模块,每个模块在打包的时候都会经过一个叫做 loader 的... 阅读全文
posted @ 2019-10-31 23:38 江湖艺人 阅读(698) 评论(0) 推荐(0) 编辑
摘要: 更新:Webpack4已经发布,本篇是基于Webpack3的,请注意。更正:1.package.json中使用了应该使用本地webpack而不是全局webpack。 "scripts": { "test"... 阅读全文
posted @ 2019-10-31 23:37 江湖艺人 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 前言搭一个脚手架真不是一件容易的事,之前为了学习webpack是怎么配置的选择自己搭建开发环境,折腾了好几天总算对入口文件、打包输出、JSX, es6编译成es5、css加载、压缩代码等这些基础的东西有了一个大体... 阅读全文
posted @ 2019-10-31 23:35 江湖艺人 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 无论是地址栏输入,还有代码里加载的,都会有一个URL,所以加载资源的第一步是 :URL解析——(提取出URL包含的信息,比如域名) DNS查询——(根据解析出的域名,到DNS服务器上查找该域名对应的IP) 请求资... 阅读全文
posted @ 2019-10-31 23:34 江湖艺人 阅读(257) 评论(0) 推荐(0) 编辑