小嘟的博客

HTML参考文章总结:https://juejin.cn/post/69052944755395133521.前端工程化题目总结1.什么是标签语义化？:合理的标签干合适的事情，看到标签就知道准备干什么，比方说header，footer等2.都有哪些标签，都是啥意思？：块级标签，行内标签，行内块标签，块级标签的特点：宽度100%，高度自适应(由内容撑开)独立成行(独占一行)可以设置margin，padding，border，宽度和高度行内标签的特点:宽度高度自适应默认水

原文链接：https://juejin.cn/post/6844903930216841230#comment彻底搞懂Function，Object，proto，prototype之间的关系写在开篇之前：记录学习点滴，如有错误与补充，希望大家积极指正。有4个规则一定要记住，如下javascript中一切皆对象，函数也属于对象。所有对象都含有__proto__。只有函数才有prototype。所有函数的默认原型都是Object的实例。我们来看一下demovar o = {};o.__pro

三栏布局前言：一直说抽时间把三栏布局的代码总结一下，总一直没时间没时间，感觉自己犯了拖延症了，不能再拖了，再拖下去，都不知道啥时候才写这个呀！！！（怕不是真有拖延症了吧，）...

两栏布局问：那么什么叫做两栏布局呢？答：一般将左侧一栏宽度固定，右边一栏宽度自适应称为两栏布局课前预习：块级元素宽度自适应，高度需要手动设置（如不设置则由高度内容撑开）本文规范：为了叙述方便，故以类名代表相应的元素上课中：第一种情况（浮动:float）CSS代码/*宽度默认为铺满整个屏幕 /.outer{height: 100px;}.left{float: left;width: 200px;height: inherit;background: tomato;}

网上对这一方面解释的很多，我也不想把别人的都全抄过来。在这里我想的是加上我对这些情况的理解还有我的一些疑惑，若有问题，请留言，谢谢！！！话不多说，进入正题：首先 z-index在何种情况下生效呢？（1）首先Z-index 仅能在定位元素上奏效（也就是说要有position属性，再详细的说，它的值需要是relative、absolute、fixed）补充：它的值也可以写成inherit，只要它的结果能是上边的三种也可以。不能是static，因为这个是默认值，相当于没有定位首先测试定位为abso

日记7月26日星期一学习时间:8:00-12:0019:30-22:00学习内容:(1)首先，值得高兴的是，我把这个东西做完了，该有的细节功能部分，也基本都实现了。(2)时间定格在2021年07月26日21:40左右，我将当前窗口最大化，然后试着拖动该元素，元素可以正常拖动（异常情况:会出现如下情况），如图：正常情况如下：鼠标和窗口位置保持一致现在说说解决方案，我原本想在两个组件中都使用useReducer...

日记7月19日星期一学习时间:8:20-11:3016:00-18:3019:00-10:00学习内容：(1)今天想要在昨天的那个基础上加入可以写入markdown的功能，(2)其次我发现了一个问题，就是界面可以缩小放大，但是里边的文字不能用鼠标选择(不能正常的选中)，就只完成了一个内容，就是找到了一个可以实现markdown的包，现在截图如下：7月20日星期二学习时间：8:20-11:2015:00-17:3018:30-21:00学习内容:(1)今天做了接近大半天的时间终

日记7月16日星期五学习时间：8:30-12:0015:00-18:0020:00-22:20学习内容：项目的整体布局做出来了，就是svg作图没有解决，还有就是怎样模仿markdown能更像一点，这个一直还没有想到怎样解决

下面细说背景：CPU+RAM+各种资源（比如显卡，光驱，键盘，GPS, 等等外设）构成我们的电脑，但是电脑的运行，实际就是CPU和相关寄存器以及RAM之间的事情。一个最最基础的事实：CPU太快，太快，太快了，寄存器仅仅能够追的上他的脚步，RAM和别的挂在各总线上的设备则难以望其项背。那当多个任务要执行的时候怎么办呢？轮流着来?或者谁优先级高谁来？不管怎么样的策略，一句话就是在CPU看来就是轮流着来。而且因为速度差异，CPU实际的执行时间和等待执行的时间是数量级的差异。比如工作1秒钟，休息一个月。所以多

1.setTimeout的一些知识点setTimeout这个函数我们知道他是异步的，会在我们所指定的延迟时间之后才会执行，举例console.log("1");function examPle (){ setTimeout(function(){ console.log("2"); },2000) console.log("3"); } examPle(); console.log("4");上边的代码先执行c...

什么是临时死区？临时死区(temporal dead zone)简单理解就是在变量声明之前你是不能使用这个变量的，就相当于刚开学，你来到了一个新集体，虽然你知道你的班级里有XXX同学，、但是你不认识他们，这时你总不能随便找个同学就说:"XXX同学，你好"。（你恐怕是来搞笑的吧！！！哈哈哈）这也就是你不认识他之前你是不能随便乱叫人家名字的同理就是在变量声明之前你是不能使用这个变量的书本解释： javascript引擎在扫描代码发现变量声明时， ...

new的时候。new的时候做四件事：①新产生一个对象②让this指向新产生的对象③执行这个函数④会返回这个新创建的对象。

常见的position定位方式如下:1.static 默认值。（即没有定位）遵循正常的文档流对象。2.fixed生成绝对定位的元素，通常相对于浏览器窗口或 iframe 进行定位。元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动：这就如一些页面上的侧边导航条一样，不管你的页面如何滚动，导航条的位置始终未有任何改变。3.relative生成相对定位的元素，相对定位元素的定位是相对其原本位置。其原本的位置不会被其他元素所占用，而absolute则不同，其原本

1.对其进行大的分类：分类 分类描述 1** 信息，服务器收到请求，需要请求者继续执行操作 2** 成功，操作被成功接收并处理 3** 重定向，需要进一步的操作以完成请求 4** 客户端错误，请求包含语法错误或无法完成请求 5** 服务器错误，服务器在处理请求的过程中发生了错误 2.状态码如下：1开头的状态码：（信息，服务器收到请求，需要请求者继续执行操作）HTTP状态码列表 状态码 状态码英文名称 中文描述 ..

1.localStorage 和 sessionStoragelocalStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。（1）关于localstorage的介绍localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 属性是只读的。// 存储（保存数据）localStorage.setItem("lastname", "Smith");键值对存储// 检索（读取数

首先，你需要知道，这三个方法的作用是一样的，那就是改变this的指向先来看看三者是如何使用的，最后在进行总结：请先思考然后再看结果：第一个 call方法(1),没用使用call方法之前： var obj = { name:"小李", objage:19, } function test(name,age){ //该测试是在非严格模式下进行的 console.log(

1.第一种对象和数组里边都包含着一个属性(constructor)，可以按照下边的方法区分：let object = { 'a':1, 'b' :2, 'c' :3};let array = [1,2,3];console.log(object.constructor); // ƒ Object() { [native code] }console.log(array.constructor); // ƒ Array() { [native code] }