倔强的代码人

2021年4月30日

摘要： <script type="module"> import {addTextToBody} from './utils.js'; addTextToBody('Modules are pretty cool.');</script> 阅读全文

posted @ 2021-04-30 10:21 倔强的代码人阅读(170) 评论(0) 推荐(0) 编辑

摘要：如果将 js 放在 head 里面，则会先被浏览器解析，但是这时的 body 还没被解析，如果这个时候，浏览器解析到 js 出现错误，就会阻止后续的渲染。例外的话？一般都会绑定一个监听 onload，当全部的html文档解析完之后，再执行代码 window.onload = function() 阅读全文

posted @ 2021-04-30 10:19 倔强的代码人阅读(342) 评论(0) 推荐(0) 编辑

浏览器渲染机制？什么是回流(reflow)、重绘(repaint)？

摘要：浏览器的渲染机制解析 DOM 树解析 CSSDOM 树有了 DOM 树，CSSDOM 树，进行渲染，形成 Render Tree layout 浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系，从而去计算出每个节点在屏幕中的位置 painting 绘制 reflow 回流阅读全文

posted @ 2021-04-30 10:13 倔强的代码人阅读(196) 评论(0) 推荐(0) 编辑

2021年4月29日

白屏和FOUC是什么？

摘要：白屏不同浏览器对 CSS 和 HTML 的处理方式不同，有的是等待 CSS 加载完成之后，对 HTML 元素进行渲染和展示。白屏不是bug，而是由于浏览器的渲染机制。 FOUC有的是先对 HTML 元素进行展示，然后等待 CSS 加载完成之后重新对样式进行修改（无样式内容闪烁）如何解决FOUC问阅读全文

posted @ 2021-04-29 18:36 倔强的代码人阅读(114) 评论(0) 推荐(0) 编辑

1.DTD的作用是什么？什么是怪异模式？什么是标准模式？二者有什么差别（举例）？产生的历史原因是什么？使用时需要注意什么？

摘要： DTD 有什么作用？文档类型声明在 HTML 中，文档类型 doctype 的声明是必要的。在所有文档的头部，你都将会看到"" 的身影。这个声明的目的是防止浏览器在渲染文档时，切换到我们称为“怪异模式(兼容模式)”的渲染模式。 “" 确保浏览器按照最佳的相关规范进行渲染，而不是使用一个不符合规阅读全文

posted @ 2021-04-29 10:27 倔强的代码人阅读(299) 评论(0) 推荐(0) 编辑

2021年4月7日

将两个键值不同的数组进行合并

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-04-07 16:42 倔强的代码人阅读(238) 评论(0) 推荐(0) 编辑

2021年3月10日

使用微信内置地图的方法

摘要： 1.安装sdknpm install weixin-js-sdk --save2.引入微信sdk3.在main.js全局注册微信js-sdk import WechatPlugin from '@/utils/wechatPlugin' Vue.use(WechatPlugin) 4.调用后端接口获阅读全文

posted @ 2021-03-10 13:12 倔强的代码人阅读(739) 评论(0) 推荐(0) 编辑

2021年3月9日

setTimeout、Promise、Async/Await 的区别

摘要： 1. setTimeout console.log('script start') //1. 打印 script startsetTimeout(function(){ console.log('settimeout') // 4. 打印 settimeout}) // 2. 调用 setTimeo 阅读全文

posted @ 2021-03-09 17:56 倔强的代码人阅读(158) 评论(0) 推荐(0) 编辑

什么是深度优先和广度优先

摘要： 1.深度优先2.广度优先两者的区别对于算法来说无非就是时间换空间空间换时间深度优先不需要记住所有的节点, 所以占用空间小, 而广度优先需要先记录所有的节点占用空间大深度优先有回溯的操作(没有路走了需要回头)所以相对而言时间会长一点深度优先采用的是堆栈的形式, 即先进后出广度优先则采用的阅读全文

posted @ 2021-03-09 17:29 倔强的代码人阅读(4316) 评论(1) 推荐(0) 编辑

console.log(['1', '2', '3'].map(parseInt));

摘要： ['1', '2', '3'].map((item, index) => { return parseInt(item, index); }*parseInt(转换为字符串,几进制)parseInt('1', 0) // 1 parseInt('2', 1) // NaN parseInt('3', 阅读全文

posted @ 2021-03-09 16:23 倔强的代码人阅读(291) 评论(0) 推荐(0) 编辑

公告