02 2021 档案

大前端时代的要求
摘要：大前端的时代 软实力 操作系统 计算机网络 数据结构与算法 设计模式 组件插件封装 编程思想 实战能力 硬实力 JavaScript ES6/ES7 HTML5、 CSS3 Hybrid(混合APP开发) react / vue node.js 小程序 uni-app typescripts 阅读全文
posted @ 2021-02-28 15:47 HelloCoderRookie 阅读(90) 评论(0) 推荐(0)
回流和重绘
摘要：重绘：元素的样式改变（但是宽高，大小，位置等不变） 比如：outline, bisibility,color,background-color等位置大小没有变但是样式变了，引发重绘 回流（重排：理解为位置的重新排列）：元素大小或者位置发生了改变（页面布局和几何信息发生了改变），触发了重新的布局，导致 阅读全文
posted @ 2021-02-28 15:44 HelloCoderRookie 阅读(226) 评论(0) 推荐(0)
从用户在浏览器输入网址，看到整个页面，中间发生了哪些事情？
摘要：一道面试题：从用户在浏览器输入网址，看到整个页面，中间发生了哪些事情？ ​ HTTP请求阶段 ​ HTTP的响应阶段 ​ 浏览器渲染阶段（就是拿到数据，浏览器如何将内容渲染出来?) 客户端（浏览器：为多线程的程序） ​ Request请求阶段：DNS解析(获取服务器的ip地址), TCP协议的三次握 阅读全文
posted @ 2021-02-28 15:43 HelloCoderRookie 阅读(118) 评论(0) 推荐(0)
框架思维--104二叉树的最大深度
摘要：[104. 二叉树的最大深度] 给定一个二叉树，找出其最大深度。 二叉树的深度为根节点到最远叶子节点的最长路径上的节点数。 说明: 叶子节点是指没有子节点的节点。 示例： 给定二叉树 [3,9,20,null,null,15,7]， 3 / \ 9 20 / \ 15 7 返回它的最大深度 3 。 阅读全文
posted @ 2021-02-20 18:23 HelloCoderRookie 阅读(66) 评论(0) 推荐(0)
算法小抄--摘抄
摘要：从整体到细节，自顶向下，从抽象到具体的框架思维都是通用的，不只是学习数据结构和算法，这样学习其他的任何知识都是高效的。 数据结构的底层存储方式只有两种：数组（顺序存储） 和 链表（链式存储) 对于任何数据结构，其基本操作就是遍历 + 访问, 在具体一点就是： 增， 删， 该， 查 各种数据结构的遍历 阅读全文
posted @ 2021-02-19 13:19 HelloCoderRookie 阅读(403) 评论(0) 推荐(0)
图片懒加载DEMO
摘要：图片懒加载原理 从这张图片我们可以看出imgBox上边框到body上边框的距离(也即是 offset(imgBox))是不会变的，当滚动条滚动的时候，body.scrollTop在增加。。。 A = imgBox.offsetHeight + offset(imgBox).top B = HTML. 阅读全文
posted @ 2021-02-18 17:25 HelloCoderRookie 阅读(103) 评论(0) 推荐(0)
手写offset函数
摘要：offset函数获取距离body的左，上偏移 /* @params curElem 当前元素 @return Object[{left,top}] @autor Tang World */ function offset(curElem){ let parent = curElem.offsetPa 阅读全文
posted @ 2021-02-18 15:38 HelloCoderRookie 阅读(67) 评论(0) 推荐(0)
DOM
摘要：JS中的DOM操作：盒子模型 DOM 提供属性和方法来操作页面中的元素 获取元素属性和方法 document.getElementById(id); //这个只能在document的上下文中获取元素 [context].getElementsByTagName([Tag-Name]); [conte 阅读全文
posted @ 2021-02-17 23:25 HelloCoderRookie 阅读(73) 评论(0) 推荐(0)
jQuery笔记
摘要：jQuery 使用原生js封装的操作DOM的类库， 提供大量的API进行DOM操作 兼容所有的浏览器 JQ的三大版本 jquery-1.11.3.min.js 第一代版本，大而全，兼容PC端浏览器（政府的项目) 第二版本 鸡肋？主要为移动端开发者准备，不在兼容低版本浏览器(IE8及以下),配合jQu 阅读全文
posted @ 2021-02-17 17:41 HelloCoderRookie 阅读(52) 评论(0) 推荐(0)
children和 childNodes辨析
摘要：children和 childNodes辨析 相同点 只读属性 返回一个HTMLCollection集合 不同点 children 返回所有节点，包含文本节点，注释等节点 let children = parentNode.children for(let i = 0; i < children.l 阅读全文
posted @ 2021-02-17 12:15 HelloCoderRookie 阅读(116) 评论(0) 推荐(0)
运算符...典型的三种用处
摘要：# 运算符...典型的三种用处 1. 扩展运算符 (多用在解构赋值中) ```js let [n, ...m] = [12,23,34]; console.log(n,m); // n: 12 // m: [23,34] 展开运算符 (多用在传递实参中) // 传递实参 let ary = [12, 阅读全文
posted @ 2021-02-08 17:08 HelloCoderRookie 阅读(260) 评论(0) 推荐(0)
Python中的数据结构---栈，队列
摘要：介绍list的基本用法，栈和队列在list中的模拟 # 数据结构 list items = [] print(type(items)) <class 'list'> items = [1,2,4] print(items[2]) 4 # 索引 = 列表.index(元素) letters = ['a 阅读全文
posted @ 2021-02-03 11:58 HelloCoderRookie 阅读(62) 评论(0) 推荐(0)
手写call方法
摘要：关键字: call, Function.prototype.call 自己来实现一个call方法。 语法：fn.call([context],[arg1]....); call干了些啥？ 绑定this到第一个实参 执行函数并返回结果 (function(){ function call(contex 阅读全文
posted @ 2021-02-02 21:29 HelloCoderRookie 阅读(562) 评论(0) 推荐(0)