摘要: 今天学习了使用原生js来实现拖拽 重点记录如下: 拖拽模拟:mousedown mousemove mouseup 拖拽体验:在要移动的元素上,按下鼠标的左键,移动鼠标,元素跟着鼠标移动实现拖拽 涉及的样式? 盒子定位 确定盒子位置公式的原理 ev.pageX ev.pageY 这连个是鼠标在页面上 阅读全文
posted @ 2021-03-06 16:46 HelloCoderRookie 阅读(991) 评论(0) 推荐(0) 编辑
摘要: JavaScript检测数据类型 共四种检测方法 typeof 用来检测数据类型的运算符 适合 string number undefined boolean function typeof val 返回字符串 "helo"-> "string" 1->"number" false -> "bool 阅读全文
posted @ 2021-03-03 11:00 HelloCoderRookie 阅读(53) 评论(0) 推荐(0) 编辑
摘要: Javascript Array 由于数组成员的键名是固定的(默认总是0、1、2…),因此数组不用为每个元素指定键名,而对象的每个成员都必须指定键名。JavaScript 语言规定,对象的键名一律为字符串,所以,数组的键名其实也是字符串。之所以可以用数值读取,是因为非字符串的键名会被转为字符串。 l 阅读全文
posted @ 2021-03-03 10:45 HelloCoderRookie 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 继承 子类继承父类的属性和方法 原型继承 让父类中的属性和方法在子类的实例的原型链上 let child = new Child(); child.prototype = new Parent(); child.prototype.constructor = Child; 特点: 不像其他语言中的集 阅读全文
posted @ 2021-03-02 13:08 HelloCoderRookie 阅读(67) 评论(0) 推荐(0) 编辑
摘要: DOM0和DOM2事件绑定的区别? 语法上区别 [DOM0] box.onclick = function() ; [DOM2] box.addEventListener("click",function()); 底层机制上的区别 [DOM0] 就是给元素的某个事件绑定方法(有效绑定的方法只有一个) 阅读全文
posted @ 2021-03-02 12:59 HelloCoderRookie 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 判断一个变量是否为函数类型 (function() { let isFunction = function(arg) { return typeof arg 'function' || Object.prototype.toString.call(arg) '[object Function]'; 阅读全文
posted @ 2021-03-02 11:53 HelloCoderRookie 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 大前端的时代 软实力 操作系统 计算机网络 数据结构与算法 设计模式 组件插件封装 编程思想 实战能力 硬实力 JavaScript ES6/ES7 HTML5、 CSS3 Hybrid(混合APP开发) react / vue node.js 小程序 uni-app typescripts 阅读全文
posted @ 2021-02-28 15:47 HelloCoderRookie 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 重绘:元素的样式改变(但是宽高,大小,位置等不变) 比如:outline, bisibility,color,background-color等位置大小没有变但是样式变了,引发重绘 回流(重排:理解为位置的重新排列):元素大小或者位置发生了改变(页面布局和几何信息发生了改变),触发了重新的布局,导致 阅读全文
posted @ 2021-02-28 15:44 HelloCoderRookie 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 一道面试题:从用户在浏览器输入网址,看到整个页面,中间发生了哪些事情? ​ HTTP请求阶段 ​ HTTP的响应阶段 ​ 浏览器渲染阶段(就是拿到数据,浏览器如何将内容渲染出来?) 客户端(浏览器:为多线程的程序) ​ Request请求阶段:DNS解析(获取服务器的ip地址), TCP协议的三次握 阅读全文
posted @ 2021-02-28 15:43 HelloCoderRookie 阅读(107) 评论(0) 推荐(0) 编辑
摘要: [104. 二叉树的最大深度] 给定一个二叉树,找出其最大深度。 二叉树的深度为根节点到最远叶子节点的最长路径上的节点数。 说明: 叶子节点是指没有子节点的节点。 示例: 给定二叉树 [3,9,20,null,null,15,7], 3 / \ 9 20 / \ 15 7 返回它的最大深度 3 。 阅读全文
posted @ 2021-02-20 18:23 HelloCoderRookie 阅读(49) 评论(0) 推荐(0) 编辑