一条咸鱼o*v*o
码龄6年
关注
提问 私信
  • 博客：56,630
    社区：1
    56,631
    总访问量
  • 66
    原创
  • 1,838,293
    排名
  • 1,359
    粉丝
  • 2
    铁粉
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：北京市
  • 加入CSDN时间： 2019-09-18
博客简介：

m0_45659764的博客

查看详细资料
个人成就
  • 获得38次点赞
  • 内容获得4次评论
  • 获得213次收藏
  • 代码片获得320次分享
创作历程
  • 66篇
    2022年
成就勋章
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

ES6的内置对象扩展

目录一、String的扩展方法1.模板字符串 2. 实例方法：startsWith()和endsWith() 3.实例方法：repeat()4. Set 数据结构1.实例方法2.遍历 ES6新增的创建字符串的方式，使用反引号定义 模板字符串中可以解析变量 模板字符串可以直接将变量的数据解析出来（按照传统的方法，应该用+字符串拼接） 模板字符串可以换行（普通字符串是不能换行的，只能一行显示） 2. 实例方法：startsWith()和endsWith
原创
发布博客 2022.07.05 ·
461 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

ES6的内置对象扩展

目录一、Array的扩展方法1.扩展运算符（展开语法）2、扩展运算符的应用1.合并数组2. 将伪数组转换为真正的数组3.构造函数方法：Array.from()4.实例方法 ：find() 5.findIndex()6.includes() 扩展运算符可以将数组或者对象转换为逗号分隔的参数序列2、扩展运算符的应用1.合并数组扩展运算符可以用于合并数组注意：push()方法可以接收多个值，每个值之间用“,”分隔2. 将伪数组转换为真正的数组将类数组或可遍历对象转换为真正
原创
发布博客 2022.07.02 ·
426 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

ES6新增语法（二）

目录一、解构赋值1.数组解构2. 对象解构对象解构的另一种写法二、箭头函数2.箭头函数的this关键字3.箭头函数面试题 ​编辑三、剩余参数2.剩余参数和解构一起使用 解构指的是分解数据结构，赋值指的是一一为变量赋值ES6中允许我们按照一一对应的规则从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构 在ES6之前，要使用arr[0],arr[1]...，要重复声明多次变量如果解构不成功（变量的数量和值的数量不一致），变量的值为undefined2. 对象解构{}里的是
原创
发布博客 2022.07.02 ·
386 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

ES6简介

ES的全称是ECMAScript，它是由ECMA国际标准化组织制定的一项脚本语言的语法规范ES6实际上是一个泛指，泛指ES2015及后续的版本ES6中新增的用于声明变量的关键字注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性 在我们for循环的时候，如果使用var来声明变量，即使已经循环完了，在for循环的外面还是能访问得到这个计数的变量，如果使用了let（即使let是在for的括号里而不是在{}里，它依然和for的块级作用域绑定），就不能在for循环的
原创
发布博客 2022.07.02 ·
1838 阅读 ·
2 点赞 ·
0 评论 ·
8 收藏

函数进阶（二）

3. 严格模式JavaScript除了提供正常模式外，还提供了严格模式（strict mode）。ES5的严格模式是具有限制性JavaScript变体的一种方式，即在严格的条件下运行js代码严格模式在IE10以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略严格模式对正常的JavaScript语义做了一些更改：消除了JavaScript语法的一些不合理、不严谨之处，减少了一些怪异行为 消除代码运行的一些不安全之处，保证代码运行的安全 提高编译器效率，增加运行速度 禁用了在ECMASc
原创
发布博客 2022.05.29 ·
362 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ES5中的新增方法

3. ES5中的新增方法3.2 数组方法迭代（遍历）方法：forEach()、map()、filter()、some()、every()array.forEach(function(currentValue,index,arr){})currentValue：数组当前项的值 index：数组当前项的索引 arr：数组对象本身1.forEach<script> // forEach 迭代(遍历) 数组 var arr = [1,.
原创
发布博客 2022.05.27 ·
375 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

构造函数和原型

在ES6之前，是通过构造函数和原先模拟类的实现机制1.构造函数和原型1.1 概述创建对象可以通过以下三种方式：对象字面量 new Object() 自定义构造函数1.2 构造函数构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值。它总与new一起使用，我们可以把对象中的一些公有的属性和方法抽取出来，然后封装到这个函数里卖弄在js中，使用构造函数时要注意以下两点：构造函数用于创建某一类对象，其首字母要大写 构造函数要和new一起使用才有意义如果在.
原创
发布博客 2022.05.25 ·
273 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JavaScript面向对象

1.面向对象编程介绍1.1 两大编程思想面向过程 面向对象1.2 面向过程编程POP（Process-oriented programming）面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现， 使用的时候再一个一个的依次调用就可以了举个例子：把大象装进冰箱，面向过程做法面向过程，就是按照我们分析好了的步骤，按照步骤解决问题1.3 面向对象编程OOP（Object Oriented Programming）面向对象是把事物分解成为一个个对象，然后.
原创
发布博客 2022.05.22 ·
264 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

ECharts介绍

1. 什么是数据可视化1.1 数据可视化数据可视化主要目的：借助于图形化手段，清晰有效的传达与沟通信息 数据可视化可以把数据从冰冷的数字转换成图形，解释蕴含在数据中的规律和道理1.2 数据可视化的场景目前互联网公司通常有这么几大类的可视化需求：1.3 常见的数据可视化库2. 数据可视化项目概述2.1 项目展示2.2 项目目的2.3 项目技术3. ECharts简介官网地址：https://www.echarts...
原创
发布博客 2022.05.18 ·
915 阅读 ·
0 点赞 ·
1 评论 ·
4 收藏

jQuery综合案例——todolist

--------------------------------------------------本地存储格式------------------------------------------------------------注意：刷新、关闭浏览器都不会丢失数据，所以使用本地存储localStorage 虽然看起来像是直接回车，直接点击的事儿，但是，其中的过程都是先把数据存储到本地存储中，再从本地存储取出数据显示到页面 因为数据很多，所以本地存储的数据采用对象数组的形式 因为本...
原创
发布博客 2022.05.17 ·
511 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

jQuery事件

目录1. jQuery事件注册单个事件注册语法：2. jQuery事件处理2.1 事件处理 on() 绑定事件语法:on()方法优势1：on()方法优势2：on()方法优势3：案例：发布微博案例2.2 事件处理off()解绑事件2.3 自动触发事件trigger()3.jQuery事件对象1. jQuery事件注册单个事件注册语法：element.事件(function() {})$("div").click(fu...
原创
发布博客 2022.05.15 ·
303 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

jQuery常用API（六）

7. jQuery尺寸、位置操作7.1 jQuery尺寸语法 用法 width() / height() 取得匹配元素宽度和高度值 只算width / height innerWidth() / innerHeight() 取得匹配元素宽度和高度值，包括padding outerWidth() / outerHeight() 取得匹配元素宽度和高度值 包含padding、border outerWidth(true) / outerHeight(true)
原创
发布博客 2022.05.15 ·
261 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

jQuery常用API（五）

6. jQuery元素操作主要是遍历、创建、添加、删除元素操作6.1 遍历元素jQuery隐式迭代是对同一类元素做了同样的操作，如果想要给同一类元素做不同的操作，就需要用到遍历语法1：$("div").each(function (index,domEle) {xxx;})each()方法遍历匹配的每一个元素，主要用DOM处理。each每一个 里面的回调函数有2个参数：index是每个元素的索引号；domEle是每个DOM元素，不是jQuery对象 所以想要使用jQuery方法
原创
发布博客 2022.05.14 ·
245 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

jQuery常用API（四）

6. jQuery内容文本值主要针对元素的内容还有表单的值操作1. 普通元素内容html()（相当于原生innerHTML）html() //获取元素内容html("内容") //设置元素的内容<body> <div> <span>我是内容</span> </div> <input type="text" value="请输入内容"> <scri
原创
发布博客 2022.05.14 ·
175 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

jQuery常用API（三）

5. jQuery属性操作5.1 设置或获取元素固有属性值prop()所谓元素固有属性就是元素本身自带的属性，比如<a>元素里面的href，比如<input>元素里面的type1. 获取属性语法prop("属性")<a href="http://www.itcast.cn" title="都挺好"></a><script> $(function () { //1.element.pr
原创
发布博客 2022.05.13 ·
291 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

jQuery常用API（二）

2. jQuery样式操作2.1 操作css方法jQuery可以使用css方法来修改简单元素样式，也可以操作类，修改多个样式1.参数只写属性名，则是返回属性值，带有单位$(this).css("color");<style> div { width: 200px; height: 200px; background-color: pink; } </sty
原创
发布博客 2022.05.13 ·
212 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

jQuery常用API（一）

1. jQuery选择器1.1 jQuery基础选择器原生JS获取元素方式很多很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使获取元素统一标准$("选择器" ) //里面选择器直接写CSS选择器即可，但是需要加引号名称 用法 描述 ID选择器 $("#id") 获取指定ID的元素 全选选择器 $('*') 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器 $("div"
原创
发布博客 2022.05.11 ·
189 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

jQuery介绍

1. jQuery概述1.1 JavaScript库仓库：可以把很多东西放到这个仓库里面，找东西只需要到仓库里面查找到就可以了JavaScript库：即library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这个封装好的功能了比如jQuery，就是为了快
原创
发布博客 2022.05.10 ·
286 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

本地存储。

1. 本地存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常在本地存储大量的数据，HTML5规范提出了相关解决方案本地存储特性数据存储在用户浏览器中 设置、读取方便，甚至页面刷新不丢失数据 容量较大，sessionStorage约5M，localStorage约20M 只能存储字符串，可以将对象JSON.stringify()编码后存储2. window.sessionStorage生命周期为关闭浏览器窗口，关闭浏览器窗口生ses
原创
发布博客 2022.05.10 ·
238 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

移动端网页特效（二）

2. 移动端常见特效案例：返回顶部步骤：判断页面滚动的距离是否超出了指定距离，如果超出，就显示按钮，如果没有，就隐藏按钮 页面滚动的距离，就是整个页面滚出去的距离，规定到海外酒店部分的时候就显示按钮，所以滚动的距离等于海外酒店部分到页面最顶端的距离 给按钮设置点击事件，一点击就回到页面顶部在上一节代码中继续添加： // 返回顶部模块 var goback = document.querySelector('.goBack'); var nav = docu
原创
发布博客 2022.05.09 ·
992 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏
加载更多