- 博客(15)
- 收藏
- 关注
RSS订阅原创 npx webpack Cannot find module 'html-webpack-plugin' 记一次bug导致的头疼
bug bug bug一次初始化webpack 莫名其妙的bug，愣是查了半天，真的是半天，从下午3点左右，一直到下班都没搞定，最后搞到心烦头痛下班，到家做了一顿丰盛的面条，吃完面条，重新排查才整好。先说bug，初始化一个webpack项目，运行打包命令，报错如下：一开始遇到这样的bug，跟往常一样 简单看了报错信息，html-webpack-plugin, 这个模块没找到？？ 明明...
2019-12-12 10:38:07
1185
原创 浏览器eventLoop和node eventLoop
一、浏览器事件环1、js是单线程的吗？我们都知道js是单线程的，当然这句话说的不是很对，应该说v8引擎执行js的主线程是单线程的。而v8引擎底层实现是多线程的，其他线程都是为js主线程服务的。例如：ajax和setTimeout在浏览器中就会多开一条线程。2、异步里的概念（宏任务和微任务）在JavaScript中，任务被分为Task（又称为MacroTask,宏任务）和MicroTask（...
2019-10-25 11:50:54
158
原创 call, apply, bind理解
先看几个有趣的题：function fn1(){ console.log(this, 1);}function fn2(){ console.log(this, 2);}fn1.call(); //输出 window 1fn1.call(fn2); //输出 fn2 1 fn1.call.call(fn2); //输出 window 2amazin...
2019-10-15 10:55:00
202
转载 Css继承属性和非继承属性
一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-r...
2019-10-11 11:12:08
118
转载 css之自定义字体
font-face@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体，比如说首页的L...
2019-10-11 10:52:19
2326
转载 "resetting" 和 "normalizing" CSS
Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。normalize.css有下面这几个目的：保护有用的浏览器默认样式而不是完全去掉它们一般化的样式：为大部分HTML元素提供修复浏览器自身的bug并保证各浏览器的一致性优化C...
2019-10-11 10:06:41
111
原创 渐进式渲染简述
什么是渐进式渲染？渐进式渲染是用来提高网页性能，以尽快呈现页面的技术。例如：图片懒加载——页面上的图片不会一次性的全部加载，当用户滚动页面到图片位置时，JS将加载并显示图像。确定显示内容的优先级——为了尽快将页面呈现给用户，页面只将一小部分CSS，脚本，内容加载，然后在延时加载或者监听事件来加载。异步加载HTML片段——当页面通过后台渲染时，把HTML拆分，通过异步请求，分块发送给浏览器...
2019-10-10 18:42:35
1744
原创 为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前？(转)
作者：贺师俊链接：https://www.zhihu.com/question/20027966/answer/13727164来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。Google并没有把新浪微博确实有在之后输出新浪微博所用的doctype是XHTML 1.0，但是其response的content type头并没有用XHTML mimetype，所以...
2019-10-09 18:35:16
882
原创 script、script async、script defer 之间的不同
向html页面中插入javascript代码的主要方法就是通过script标签。其中包括两种形式，第一种直接在script标签之间插入js代码，第二种即是通过src属性引入外部js文件。由于解释器在解析执行js代码期间会阻塞页面其余部分的渲染，对于存在大量js代码的页面来说会导致浏览器出现长时间的空白和延迟，为了避免这个问题，建议把全部的js引用放在标签之前。script标签存在两个属性，def...
2019-10-09 18:31:25
243
转载 meta标签
定义和用法 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 标签永远位于 head 元素内部。元数据总是以名称/值的形式被成对传递的。元数据（metadata）是关于数据的信息。标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是...
2019-10-07 17:06:25
162
原创 cookies sessionStorage和localstorage
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessio...
2019-10-07 15:15:13
184
原创 自定义属性 data-*
data-* 属性是 HTML5 中的新属性。是HTML 全局属性。 用于存储页面或应用程序的私有定制数据。ps：（全局属性）HTML 属性赋予元素意义和语境。可用于任何 HTML 元素。示例：<!DOCTYPE html><html><head><script>function showDetails(animal) { ...
2019-10-07 15:03:49
183
转载 HTML5 新特性
（一）、 语义标签1、<section></section>定义文档中的主体部分的节、段。2、<article></article>一个特殊的section标签，比section有更明确的语义。定义来自外部的一个独立的、完整的内容块，例如什么论坛的文章，博客的文本。3、<aside></aside>用来装载页面中...
2019-10-07 14:44:05
165
原创 HTML与XHTML
W3C 下与网页（超文本）相关的标准有两个系列：HTML 系列和 XHTML 系列。HTML 系列从 HTML 第一版一直发展到 HTML 4.x、HTML5，HTML 系列的工作重点在于丰富与超文本相关的功能、标记，提供较好的兼容性，更加面向“人”；XHTML 是更严谨更纯净的 HTML 版本。XHTML 系列从 XHTML 1.0、1.1、2.0 跳跃到 HTML5 的一部分：所谓的“X...
2019-10-07 14:23:24
301
原创 HTML之DOCTYPE
先看几种doctype 声明类型：<!-- html5 --><!doctype html><!-- 严格版本 -->< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><!-- 过渡版本 -->&...
2019-10-07 09:33:28
938
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人