初级基础&笔记
关注
分享
扫一扫
技术基础以及笔记
李振恒
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
原型与原型链
原型：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 · 213 阅读 · 0 评论 -
javaScript的学习笔记....DOM
DOM是Document Object Model文档对象模型一个网页，为一个文档；网页中每个部分都是节点，常用的节点分为，文档节点，元素节点，属性节点，文本节点；浏览器已经为我们提供了文档节点对象，这个对象是window属性，可以在页面中直接使用，文档节点代表的是整个页面，document；———————-如果需要读取元素节点属性，直接使用元素.属性名，例如元素.id，元素.name...原创 2020-05-07 23:45:48 · 178 阅读 · 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 · 157 阅读 · 0 评论 -
javaScript的学习笔记....浏览器兼容性汇总
事件响应函数，中的event对象视频链接：https://b23.tv/BV1YW411T7GX/p112event.clientX和event.client解决事件兼容；event = event ｜｜ window.event；————————————-视频：https://b23.tv/BV1YW411T7GX/p116大部分浏览器的兼容addEventListener与只有IE8以下支持的attachEvent的使用；———————————-事件的捕获与冒泡；IE8及原创 2020-05-08 23:51:52 · 284 阅读 · 0 评论 -
数组迭代方法——JavaScriptの学习笔记
数组迭代方法forEach()forEach() 方法为每个数组元素调用一次函数（回调函数），该函数接受 3 个参数：项目值，项目索引，数组本身；Array.map()map() 方法通过对每个数组元素执行函数来创建新数组。map() 方法不会对没有值的数组元素执行函数。map() 方法不会更改原始数组。接受 3 个参数Array.filter()filter() 方法...原创 2020-04-30 00:26:08 · 132 阅读 · 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 · 226 阅读 · 0 评论 -
javaScript的学习笔记....针对class的操作
视频：https://b23.tv/BV1YW411T7GX/p137元素.style.样式，当修改多个样式的时候性能比较差；解决方案：使用：元素.className = ‘已经定义好的css的样式’；定义addClass函数定义hasClass函数；完善addClass函数；定义removeClass函数；定义toggleClass函数；切换class...原创 2020-05-11 21:49:20 · 151 阅读 · 0 评论 -
javaScript的学习笔记...查缺补漏2
事件的冒泡视频：https://b23.tv/BV1YW411T7GX/p114所谓的冒泡就是事件的向上传导，当后代元素上的事件被触发的时候，其祖先元素的同样的时间也被触发；在开发中，大部分冒泡是有用的，如果不希望发生事件冒泡，可以通过事件对象来取消冒泡；可以将事件对象的cancelBubble设置为tru，即可：event.cancelBubble =true；—————————————-绑定的第二个函数会覆盖第一个函数；解决方案为；addEventListener()：通过这个方法也可以为原创 2020-05-08 23:52:00 · 127 阅读 · 0 评论 -
字符串方法汇总——javascriptの二次学习笔记
详情或例子查看w3School查找字符串中的字符串indexOf()lastIndexOf()search()区别在于：search() 方法无法设置第二个开始位置参数。indexOf() 方法无法设置更强大的搜索值（正则表达式）。提取部分字符串slice(start, end)包含开始值，不包含结束值提取字符串的某个部分并在新字符串中返回被提取的部分。如果某个参数为...原创 2020-04-30 00:25:23 · 87 阅读 · 0 评论 -
JavaScript的学习笔记……查缺补漏
标识符在JS中所有的可以自主命名的都可以称为是标识符。例如：变量名，函数名，属性名都属于标识符。命名一个标识符需要遵守如下规则：～标识符中可以含有字母，数字，_，$。～标识符不能咦数字开头～标识符不能是关键字～标识符一般采用驼峰命名法JS底层保存标识符时实际上是采用Unicode编码数值数值的最大值Number.MAX_VALUE1.7976931348623157e+30...原创 2020-04-27 22:31:34 · 133 阅读 · 0 评论 -
js的链式操作
function Student() {}undefinedStudent.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 · 523 阅读 · 0 评论 -
javaScript数组——JavaScriptの学习笔记
遍历数组元素遍历数组的最安全方法是使用 “for” 循环：使用 Array.foreach() 函数添加数组元素向数组添加新元素的最佳方法是使用 push() 方法使用 length 属性向数组添加新元素如何识别数组JavaScript 运算符 typeof 返回 “object”ECMAScript 5 定义了新方法 Array.isArray()：Array.i...原创 2020-04-30 00:26:43 · 132 阅读 · 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 · 347 阅读 · 0 评论 -
ES6的学习笔记……箭头函数，三点运算符，形参默认值
特点三点运算符Arguments就是伪数组真数组扩展运算符形参默认值原创 2020-04-20 23:06:56 · 159 阅读 · 0 评论 -
ES6的学习笔记……字符串，数值，数组，对象的扩展
字符串的扩展数值的扩展数组的扩展对象的扩展原创 2020-04-26 21:00:38 · 120 阅读 · 0 评论 -
ES6的学习笔记……async
Async原创 2020-04-23 21:14:28 · 110 阅读 · 0 评论 -
ES6的学习笔记……模板字符串，对象简写
对象简写方法原创 2020-04-20 21:52:06 · 122 阅读 · 0 评论 -
ES6的学习笔记……Generator
Generator案例原创 2020-04-23 20:23:18 · 107 阅读 · 0 评论 -
ES6的学习笔记……promise对象
Promise对象练习原创 2020-04-20 23:38:52 · 111 阅读 · 0 评论 -
ES6的学习笔记……深度，浅度克隆
深度克隆Jason.parse不能有函数处理不了。例如，克隆原创 2020-04-26 22:34:44 · 174 阅读 · 0 评论 -
ES6的学习笔记……Symbol和iterator的使用
SymbolFor in 无法遍历到iteratorIterator的底层原理对象没有部署iterator，所以不能用for of遍历原创 2020-04-21 22:03:26 · 324 阅读 · 0 评论 -
CSS3の学习笔记四——动画
#######################摁纽原创 2020-04-30 00:05:44 · 121 阅读 · 0 评论 -
CSS3の学习笔记三——3d，景深
学习笔记整理，源于视频：https://b23.tv/BV1b4411i742/p71 ，同时感谢视频中老师的讲解！原创 2020-04-30 00:08:36 · 164 阅读 · 0 评论 -
CSS3の学习笔记二——居中transform
学习笔记整理于视频： https://b23.tv/BV1b4411i742/p59，同时感谢视频中老师的讲解！原创 2020-04-30 00:11:14 · 110 阅读 · 0 评论 -
CSS3の学习笔记一——过渡，2D
2D移动缩放斜切旋转轴心设置两个效果原创 2020-04-30 00:15:10 · 113 阅读 · 0 评论 -
CSS3の学习笔记五——flex伸缩布局
flex-grow 写在子元素里面flex-shrinkflexalign-items:侧轴方向的对齐方式aligin-item:baseline基线对齐子元素 测轴对齐方式#########################单独对某个元素 设置...原创 2020-04-30 00:02:24 · 186 阅读 · 0 评论 -
HTML5の学习笔记五——自定义属性
学习笔记整理于视频： https://b23.tv/BV1b4411i742/p16，同时感谢视频中老师的讲解！原创 2020-04-30 00:18:40 · 107 阅读 · 0 评论 -
HTML5の学习笔记六——拖拽元素
https://www.bilibili.com/video/BV1b4411i742?p=20ondrop不执行？通用拖拽全局变量的问题任何人都可以使用所有不安全全局变量会常驻内存，若全局变量多的话，会造成内存泄露解决办法通过dataTransfer来实现数据的存储与获取...原创 2020-04-30 00:19:29 · 111 阅读 · 1 评论 -
HTML5の学习笔记一
内容来源于哔哩哔哩视频教程H5并不是新的语言，而是语言的第五次修改–版本支持：所有的主流浏览器都支持h5.(chrome,firefox…)。IE9以上的版本支持h5(有的选择的支持，并不是全部支持)，IE8以下完全不支持比如 main标签，IE9解析为行级标签，解决方案是：加上display：block转化为块级标签。IE8完全不支持H5，原因为：因为根部不认识这些标签，所...原创 2020-04-30 00:22:53 · 134 阅读 · 0 评论 -
HTML5の学习笔记七——地理定位接口，使用给第三方接口
案例：使用给第三方接口原创 2020-04-30 00:17:47 · 185 阅读 · 0 评论 -
HTML5の学习笔记三——视频音频
音频视频原创 2020-04-30 00:21:12 · 123 阅读 · 0 评论 -
HTML5の学习笔记八——存储.sessionStorage,localStorage
sessionStoragelocalStorage原创 2020-04-30 00:16:21 · 115 阅读 · 0 评论 -
HTML5の学习笔记九——应用缓存
https://www.bilibili.com/video/BV1b4411i742?p=27配置原创 2020-04-30 00:13:11 · 130 阅读 · 0 评论 -
HTML5の学习笔记五——网络接口，全屏接口，FileReader,图片上传，并且即时显示
网络接口全屏接口判断不同浏览器退出全屏判断全屏状态FileReader的使用原创 2020-04-30 00:20:15 · 119 阅读 · 0 评论 -
HTML5の学习笔记四——dom操作，样式操作
dom操作样式操作原创 2020-04-30 00:20:44 · 112 阅读 · 0 评论 -
HTML5の学习笔记二——input相关
tel本质是为了能够在移动端打开数字键盘；多选火狐不支持type=“url”oninput，onkeyup，onivalid，以及自定义提示信息进度条与度量原创 2020-04-30 00:21:51 · 127 阅读 · 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 · 400 阅读 · 0 评论