![](https://img-blog.csdnimg.cn/20210617185514496.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
初级基础&笔记
技术基础以及笔记
李振恒
这个作者很懒,什么都没留下…
展开
-
原型与原型链
原型:prototype 原型链:__proto__ prototype:函数下的一个对象属性; __proto__:为对象下的一个对象属性; 某一对象的__proto__属性等于该对象构造函数的prototype属性 function Test() {} var a = new Test() a.__proto__ == Test.prototype //true //prototype属性也是对象属性的话,也应该存在__proto__属性 Test.prototype.__proto__ == Obj原创 2021-08-03 16:15:53 · 159 阅读 · 0 评论 -
javaScript的学习笔记....DOM
DOM是Document Object Model文档对象模型 一个网页,为一个文档; 网页中每个部分都是节点,常用的节点分为,文档节点,元素节点,属性节点,文本节点; 浏览器已经为我们提供了文档节点对象,这个对象是window属性,可以在页面中直接使用,文档节点代表的是整个页面,document; ———————- 如果需要读取元素节点属性,直接使用元素.属性名,例如元素.id,元素.name...原创 2020-05-07 23:45:48 · 143 阅读 · 0 评论 -
javaScript的学习笔记....结合定时器,编写动画效果函数
视频地址: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style> *{ margin: 0; padding: 0; } #box1{ width: 100px; height: 100px; background-color: red;原创 2020-05-10 20:30:24 · 126 阅读 · 0 评论 -
javaScript的学习笔记....浏览器兼容性汇总
事件响应函数,中的event对象 视频链接:https://b23.tv/BV1YW411T7GX/p112 event.clientX和event.client 解决事件兼容; event = event || window.event; ————————————- 视频:https://b23.tv/BV1YW411T7GX/p116 大部分浏览器的兼容addEventListener与只有IE8以下支持的attachEvent的使用; ———————————- 事件的捕获与冒泡; IE8及原创 2020-05-08 23:51:52 · 234 阅读 · 0 评论 -
数组迭代方法——JavaScriptの学习笔记
数组迭代方法 forEach() forEach() 方法为每个数组元素调用一次函数(回调函数),该函数接受 3 个参数:项目值,项目索引,数组本身; Array.map() map() 方法通过对每个数组元素执行函数来创建新数组。 map() 方法不会对没有值的数组元素执行函数。 map() 方法不会更改原始数组。 接受 3 个参数 Array.filter() filter() 方法...原创 2020-04-30 00:26:08 · 107 阅读 · 0 评论 -
javaScript的async异步,await使用实例
<script type="text/javascript"> async function foo(){ return new Promise(resolve =>{ setTimeout(function(){ console.log(111); resolve(); },2000); }) } async function test(){ console.log('开始',new Date(原创 2020-06-01 22:36:04 · 189 阅读 · 0 评论 -
javaScript的学习笔记....针对class的操作
视频:https://b23.tv/BV1YW411T7GX/p137 元素.style.样式,当修改多个样式的时候性能比较差; 解决方案: 使用:元素.className = ‘已经定义好的css的样式’; 定义addClass函数 定义hasClass函数; 完善addClass函数; 定义removeClass函数; 定义toggleClass函数;切换class ...原创 2020-05-11 21:49:20 · 125 阅读 · 0 评论 -
javaScript的学习笔记...查缺补漏2
事件的冒泡 视频:https://b23.tv/BV1YW411T7GX/p114 所谓的冒泡就是事件的向上传导,当后代元素上的事件被触发的时候,其祖先元素的同样的时间也被触发; 在开发中,大部分冒泡是有用的,如果不希望发生事件冒泡,可以通过事件对象来取消冒泡;可以将事件对象的cancelBubble设置为tru,即可:event.cancelBubble =true; —————————————- 绑定的第二个函数会覆盖第一个函数;解决方案为; addEventListener():通过这个方法也可以为原创 2020-05-08 23:52:00 · 103 阅读 · 0 评论 -
字符串方法汇总——javascriptの二次学习笔记
详情或例子查看w3School 查找字符串中的字符串 indexOf() lastIndexOf() search() 区别在于: search() 方法无法设置第二个开始位置参数。 indexOf() 方法无法设置更强大的搜索值(正则表达式)。 提取部分字符串 slice(start, end)包含开始值,不包含结束值 提取字符串的某个部分并在新字符串中返回被提取的部分。 如果某个参数为...原创 2020-04-30 00:25:23 · 61 阅读 · 0 评论 -
JavaScript的学习笔记……查缺补漏
标识符 在JS中所有的可以自主命名的都可以称为是标识符。 例如:变量名,函数名,属性名都属于标识符。 命名一个标识符需要遵守如下规则: ~标识符中可以含有字母,数字,_,$。 ~标识符不能咦数字开头 ~标识符不能是关键字 ~标识符一般采用驼峰命名法 JS底层保存标识符时实际上是采用Unicode编码 数值 数值的最大值 Number.MAX_VALUE 1.7976931348623157e+30...原创 2020-04-27 22:31:34 · 106 阅读 · 0 评论 -
js的链式操作
function Student() {} undefined Student.prototype = { setName: function(name) { this.name = name return this }, setAge: function(age) { this.age = age return this } } var student = new Student() {setName: ƒ,原创 2021-04-09 14:41:58 · 474 阅读 · 0 评论 -
javaScript数组——JavaScriptの学习笔记
遍历数组元素 遍历数组的最安全方法是使用 “for” 循环: 使用 Array.foreach() 函数 添加数组元素 向数组添加新元素的最佳方法是使用 push() 方法 使用 length 属性向数组添加新元素 如何识别数组 JavaScript 运算符 typeof 返回 “object” ECMAScript 5 定义了新方法 Array.isArray(): Array.i...原创 2020-04-30 00:26:43 · 106 阅读 · 0 评论 -
JavaScript的学习笔记....函数,原型prototype,this
笔记整理于视频:https://b23.tv/BV1YW411T7GX/p70 函数 main(Fun())和main(fun); Fun()和Fun的区别: fun()为调用函数,相当于使用的函数的返回值, fun为函数对象,相当于直接使用对象。 —立即执行函数 函数定义后,立即执行,立即执行函数只执行一次。 (function(){ alert(“我是一个匿名函数”) })(); —作用域 作...原创 2020-05-05 15:09:05 · 261 阅读 · 0 评论 -
ES6的学习笔记……箭头函数,三点运算符,形参默认值
特点 三点运算符 Arguments就是伪数组 真数组 扩展运算符 形参默认值原创 2020-04-20 23:06:56 · 124 阅读 · 0 评论 -
ES6的学习笔记……字符串,数值,数组,对象的扩展
字符串的扩展 数值的扩展 数组的扩展 对象的扩展原创 2020-04-26 21:00:38 · 93 阅读 · 0 评论 -
ES6的学习笔记……async
Async原创 2020-04-23 21:14:28 · 86 阅读 · 0 评论 -
ES6的学习笔记……模板字符串,对象简写
对象简写方法原创 2020-04-20 21:52:06 · 93 阅读 · 0 评论 -
ES6的学习笔记……Generator
Generator 案例原创 2020-04-23 20:23:18 · 80 阅读 · 0 评论 -
ES6的学习笔记……promise对象
Promise对象 练习原创 2020-04-20 23:38:52 · 89 阅读 · 0 评论 -
ES6的学习笔记……深度,浅度克隆
深度克隆 Jason.parse不能有函数处理不了。例如, 克隆原创 2020-04-26 22:34:44 · 147 阅读 · 0 评论 -
ES6的学习笔记……Symbol和iterator的使用
Symbol For in 无法遍历到 iterator Iterator的底层原理 对象没有部署iterator,所以不能用for of遍历原创 2020-04-21 22:03:26 · 297 阅读 · 0 评论 -
CSS3の学习笔记四——动画
####################### 摁纽原创 2020-04-30 00:05:44 · 101 阅读 · 0 评论 -
CSS3の学习笔记三——3d,景深
学习笔记整理,源于视频:https://b23.tv/BV1b4411i742/p71 ,同时感谢视频中老师的讲解!原创 2020-04-30 00:08:36 · 139 阅读 · 0 评论 -
CSS3の学习笔记二——居中transform
学习笔记整理于视频: https://b23.tv/BV1b4411i742/p59,同时感谢视频中老师的讲解!原创 2020-04-30 00:11:14 · 92 阅读 · 0 评论 -
CSS3の学习笔记一——过渡,2D
2D移动 缩放 斜切 旋转轴心设置 两个效果原创 2020-04-30 00:15:10 · 84 阅读 · 0 评论 -
CSS3の学习笔记五——flex伸缩布局
flex-grow 写在子元素里面 flex-shrink flex align-items:侧轴方向的对齐方式 aligin-item:baseline 基线对齐 子元素 测轴对齐方式######################### 单独对某个元素 设置 ...原创 2020-04-30 00:02:24 · 152 阅读 · 0 评论 -
HTML5の学习笔记五——自定义属性
学习笔记整理于视频: https://b23.tv/BV1b4411i742/p16,同时感谢视频中老师的讲解!原创 2020-04-30 00:18:40 · 84 阅读 · 0 评论 -
HTML5の学习笔记六——拖拽元素
https://www.bilibili.com/video/BV1b4411i742?p=20 ondrop不执行? 通用拖拽 全局变量的问题 任何人都可以使用所有不安全 全局变量会常驻内存,若全局变量多的话,会造成内存泄露 解决办法 通过dataTransfer来实现数据的存储与获取 ...原创 2020-04-30 00:19:29 · 88 阅读 · 1 评论 -
HTML5の学习笔记一
内容来源于哔哩哔哩视频教程 H5并不是新的语言,而是语言的第五次修改–版本 支持:所有的主流浏览器都支持h5.(chrome,firefox…)。IE9以上的版本支持h5(有的选择的支持,并不是全部支持),IE8以下完全不支持 比如 main标签,IE9解析为行级标签,解决方案是:加上display:block转化为块级标签。 IE8完全不支持H5, 原因为:因为根部不认识这些标签,所...原创 2020-04-30 00:22:53 · 101 阅读 · 0 评论 -
HTML5の学习笔记七——地理定位接口,使用给第三方接口
案例:使用给第三方接口原创 2020-04-30 00:17:47 · 160 阅读 · 0 评论 -
HTML5の学习笔记三——视频音频
音频 视频原创 2020-04-30 00:21:12 · 93 阅读 · 0 评论 -
HTML5の学习笔记八——存储.sessionStorage,localStorage
sessionStorage localStorage原创 2020-04-30 00:16:21 · 88 阅读 · 0 评论 -
HTML5の学习笔记九——应用缓存
https://www.bilibili.com/video/BV1b4411i742?p=27 配置原创 2020-04-30 00:13:11 · 108 阅读 · 0 评论 -
HTML5の学习笔记五——网络接口,全屏接口,FileReader,图片上传,并且即时显示
网络接口 全屏接口 判断不同浏览器 退出全屏 判断全屏状态 FileReader的使用原创 2020-04-30 00:20:15 · 98 阅读 · 0 评论 -
HTML5の学习笔记四——dom操作,样式操作
dom操作 样式操作原创 2020-04-30 00:20:44 · 91 阅读 · 0 评论 -
HTML5の学习笔记二——input相关
tel 本质是为了能够在移动端打开数字键盘; 多选 火狐不支持 type=“url” oninput,onkeyup,onivalid,以及自定义提示信息 进度条与度量原创 2020-04-30 00:21:51 · 100 阅读 · 0 评论 -
css li 动画
ul { padding: 0; li { color: white; list-style-type: none; font-family: sans-serif; text-transform: uppercase; cursor: pointer; width: 90%; height: 3em; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0.1em; text-align: center; line-height: 3em;原创 2020-10-16 10:50:51 · 350 阅读 · 0 评论