js
关注
分享
扫一扫
文章平均质量分 70
Web企鹅
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
echarts 双y轴实现涉及问题解决
echarts 双 y 轴实现及问题解决1.刻度值不显示2.数值不对应轴3.最大值默认设置合适大小的公式4.刻度线不一致原创 2022-07-23 14:45:00 · 3640 阅读 · 0 评论 -
序列化和反序列化
好好的深入梳理下序列化与反序列化原创 2022-05-21 10:15:00 · 346 阅读 · 0 评论 -
react 百度地图定位
做了个百度地图定位，真是一步一个坎儿，遇到的问题和解决过程记录在这里，每一个坑我都亲自踩过，解决办法也亲测有效原创 2022-05-08 14:45:00 · 2217 阅读 · 2 评论 -
自写日历（周日历，农历节日节气）
详细的写了一个日历组件，把遇到的问题整理在这里目录antd 的日历组件显示中文antd 的日历组件显示中文import locale from 'antd/lib/calendar/locale/zh_CN.js'<Calendar fullscreen={false} onPanelChange={this.onPanelChange} locale={locale}/>...原创 2022-04-23 13:45:00 · 1977 阅读 · 1 评论 -
解决 echarts 图中 tooltip 文本内容太长导致显示不全
问题：使用 tooltip 的 extraCssText，高效方便tooltip: { show:true, trigger: "axis", confine: true, // 文本太长自动换行 extraCssText: 'white-space: normal; word-break: break-all;', // 文本太长自动换行效果：...原创 2022-04-19 19:45:00 · 2451 阅读 · 0 评论 -
编写一个函数来查找字符串数组中的最长公共前缀
题目编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串 “”。示例 1：输入：strs = ["flower","flow","flight"]输出："fl"示例 2：输入：strs = ["dog","racecar","car"]输出：""解释：输入不存在公共前缀。提示：0 <= strs.length <= 2000 <= strs[i].length <= 200strs[i] 仅由小写英文字母组成解题思原创 2021-05-27 20:30:39 · 2537 阅读 · 0 评论 -
this 指针及作用域 快速理解
this 指针对象方法中的 this在对象方法中， this 指向调用它所在方法的对象；// 创建一个对象var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; // John Doe }};这里，this 指向了 person 对象；因为 pers原创 2021-04-01 10:46:15 · 391 阅读 · 1 评论 -
ES6 新增集合 Map 和 Set
MapMap 是一组键值对的结构，具有极快的查找速度。初始化初始化Map需要一个二维数组，或者直接初始化一个空Map： var m1 = new Map([['a', 'a1'], ['b', 'b2'], ['c', 'c3']]); var m11 = new Map([['a', 'a1'], ['b', 'b2'], ['c', 'c3']]); var m2 = new Map();打印 m1，会返回Map {“a” => “a1”, “b” => “b2原创 2020-08-31 19:14:34 · 247 阅读 · 0 评论 -
ES 6/7 新特性： Promise async await
题目：一秒后打印 1，隔两秒打印 2, 再隔三秒打印 3首先，用普通的 setTimeout 来完成：setTimeout(() => { console.log(1) setTimeout(() => { console.log(2) setTimeout(() => { console.log(3) }, 3000) }, 2000)}, 1000)这样的嵌套多了会像一个千层蛋糕原创 2020-08-16 23:01:39 · 442 阅读 · 0 评论 -
电商首页的轮播图
实现功能1、自动轮播2、鼠标划入左右按钮出现，划出消失3、左右按钮点击转换4、下方小圆点实现切换效果html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2020-08-11 22:57:20 · 1494 阅读 · 1 评论 -
一个简单易懂的拖拽实例
鼠标拖动方块，并限制出界：实现效果：html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link r原创 2020-08-07 18:38:49 · 387 阅读 · 0 评论 -
浏览器兼容设置 + 拖拽封装
浏览器兼容设置都以点击事件 onclick 为例：事件对象获取document.onclick = function(ev) { let e = ev || window.event;}获取键码let w = e.which || e.keyCode;目标对象 / 触发对象button.onclick = function() { let target = e.target || window.event.srcElement;}组止超链接默认行为的函数e 为获原创 2020-08-07 18:36:13 · 544 阅读 · 0 评论 -
跟随鼠标 光点 练习
是一个简单的小练习，最后实现的效果如下：就是蓝色的点，跟着鼠标走，后面的也清除。思路最后的点先移到倒数第二的位置，倒数第二移到倒数第三的位置，以此类推…最后让第一个点，到达鼠标的位置；ps: 不要想着先挪第一个再挪第二个，那你第二个很可怜，都找不到第一个之前的位置…html 文件就是简单的设置了 20 个 div 标签：<!DOCTYPE html><html lang="en"><head> <meta charset="UT原创 2020-08-07 12:23:59 · 509 阅读 · 0 评论 -
ES6 新增的数组方法举例
举几个例子~~const arr = [1,2,3,4,5,99,102,-1,3,7];forEach是一种遍历方法举例：1、使数组中每一个元素乘 2arr.forEach((ele,index) => { arr[index] *= 2;})2、求和let sum = 0;arr.forEach((ele,index) => { sum += arr[index]; return sum; })console.log(sum);m原创 2020-08-06 12:04:07 · 355 阅读 · 0 评论 -
js, css, html 实践：跟随鼠标移动提示框
html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标移动提示框</title> <link rel="stylesheet" href=".原创 2020-08-05 22:30:47 · 1415 阅读 · 0 评论 -
js 笔记_10 事件相关知识总结
格式：元素节点.on + 事件例如点击事件：button.onclick = 匿名函数;事件类型事件类型包括：鼠标事件、键盘事件、HTML 事件鼠标事件事件何时触发click单击dbclick双击mouseover鼠标移入mouseout鼠标移出mousemove鼠标移动（会不停出发）mousedown鼠标按下mouseup鼠标抬起mouseenter鼠标移入mouseleave鼠标移出键盘事件事原创 2020-08-05 19:15:54 · 308 阅读 · 0 评论 -
用html, css, js 实现简单选项卡制作
实现功能通过点击按钮查看相应的介绍；按钮相应的变色；内容相应的切换；html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>选项卡</title>原创 2020-08-03 17:39:30 · 993 阅读 · 2 评论 -
备忘录进阶版： html, css, js
利用 jQuery 做一个备忘录，有记录，选中删除，选中拷贝等功能：html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>节点操作练习</title>原创 2020-08-01 21:14:23 · 1035 阅读 · 0 评论 -
js 笔记_09 节点操作知识 及 备忘录实战
获取子节点childNodes：访问当前节点下所有的子节点；firstChild：访问子节点中的首位；lastChild：访问子节点中的最后一位；nextSibling：访问当前节点的下一个兄弟节点；previousSibling：访问当前节点的上一个兄弟节点；但是上述的方法会将空格，回车等作为文本节点记入。（虽然空格回车等确实就是字符，但我们获取的时候并不想带它们，所以需要一个将纯空白的文本节点剔除的方法）下面的方法只获取子节点中的元素节点。[ IE8 以下不兼容 ]和前面的功能对应：原创 2020-08-01 00:11:40 · 244 阅读 · 0 评论 -
js 笔记_08 BOM 及 DOM 相关
BOM系统对话框alert()：弹出对话框；confirm()：弹出一个带确定和取消的提示框；返回值：如果点击确定，返回 true；如果点击取消，返回 false；prompt()：弹出一个带输入框的提示框；第一个参数：面板上显示的内容；第二个参数：输入框里面的默认内容；（可以不写）返回值：如果点击确定，返回输入框中的内容；如果点击取消，返回 null；history 对象作用：当前窗口历史记录，只要加载的 url 不一样就会产生历史记录；注意不是浏览器的，而是当前窗口的历史记原创 2020-07-31 15:19:54 · 172 阅读 · 0 评论 -
用 html, css, js 实现秒表
最终实现效果如下：html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>秒表</title> <link rel="stylesheet"原创 2020-07-30 11:19:49 · 1446 阅读 · 0 评论 -
js 笔记_07 认识日期对象
对象的声明通过 new 运算符声明对象：let obj = new Object();省略 new:let obj = Object();对象常量赋值 （使用大括号，代表对象）：let obj = {};toFixed(2)：保留两位小数日期对象的声明通过 new 运算符声明对象：let d = new Date();没有传入参数，默认为当前系统的时间。GMT：格林尼治时间传入参数：“2000-01-01”“2000/01/01”按照顺序，分别传入原创 2020-07-29 18:42:36 · 221 阅读 · 0 评论 -
js 笔记_06 实例练习以及与 html, css 实现敏感词替换
在数组的后面新增该数组的倒序，以新数组输出思路：1、用一个新数组拷贝原数组；2、将原数组倒序；3、用 push 放入新数组。function array(arr){ let arr2 = arr.concat(); arr.reverse(); for(let i = 0; i < arr.length; i++) { arr2.push(arr[i]); } return arr2;}console.log(array(原创 2020-07-29 16:53:54 · 520 阅读 · 0 评论 -
js 笔记_05 字符串
字符串在 js 中字符串既是基本数据类型，又是复合数据类型。声明方式1、通过 new 运算符去声明字符串：（下面的 100 被声明成一个字符串）let str1 = new String(100);2、省略 new 声明字符串：（下面的 100 被声明成一个字符串）let str2 = String(100);3、字符串常量赋值：let str3 = "100";let str4 = '200';相关方法以下将自命名的字符串名字用 str 代替来方便举例：str. length原创 2020-07-28 19:26:21 · 221 阅读 · 0 评论 -
js 笔记_04 ECMA5新增数组的方法
严格模式写在哪个作用域下，对哪个作用域生效。"use strict";在严格模式下：全局变量声明时，必须加 let；函数内不可写重名属性；arguments 对象不允许被动态改变；新增保留字：implements, interface, package, private, protected, public, static, yield ;严格模式的目的：消除语法中的一些不合理，不严谨；消除代码中的一些不安全；提高编译器效率；ECMA5新增数组的方法以下将自命名的数组名字用原创 2020-07-27 19:45:27 · 175 阅读 · 0 评论 -
js 实现冒泡排序和选择排序
冒泡排序通俗来讲，冒泡排序就是：（若从大到小排）我们随便定义一个数组 [45, 4, -3, 8, 22, 1]，这些数在数组里的位置分别是 0 1 2 3 4 5首先 0 位置和 1 位置比，将小的放在 1 位置 ；1 位置和 2 位置比，将小的放在 2 位置；依次类推，最后最小的在最后面；然后再将0 位置和 1 位置比，将小的放在 1 位置 ；1 位置和 2 位置比，将小的放在 2 位置；这样到最后，第二小的在倒数第二的位置；以此类推，完成冒泡排序。我用 js 来实现：const原创 2020-07-27 12:05:25 · 295 阅读 · 0 评论 -
用 html, css, js 实现登陆提交界面
实现下面这个登录界面：图片是百度的 >_<提交之后简单实现这样的弹出效果：html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登陆界面</t原创 2020-07-26 22:40:20 · 1976 阅读 · 0 评论 -
js 笔记_03 数组 栈 队列
Math.ceil()：取整，若带小数点，则进一；原创 2020-07-24 18:23:18 · 175 阅读 · 0 评论 -
小白必备：html、css、js 融会贯通（超简单）
不会分文件的小朋友点击这里了解一下在原创 2020-07-23 18:23:05 · 567 阅读 · 0 评论 -
js 笔记_02 循环语句
== 读 JavaScript 高级程序设计（第3版）第三章笔记 ==== 只记录了个人觉得需要注意的部分 ==for-in 语句for-in 语句是一种精确的迭代语句，可以用来枚举对象的属性。以下是 for-in 语句的语法：for (property in expression) statement以下是一个事例：for (var propName in window) { document.write(propName);}以上例子使用 for-in 循环来显示了 BOM 中 w原创 2020-07-22 17:32:11 · 266 阅读 · 0 评论 -
js 笔记_01 js 相关基础
注释注释：//多行注释：/****/变量定义松散类型 ，弱引用类型之前用 var，现在全用 let注意：这样定义是局部变量，也就是在函数中定义的话，只可以在这个函数中使用，在此之后，这个变量会被销毁。要想在函数中定义全局变量，只需省略 var 或 let 。（不推荐，容易出错，还不如不在函数里用 var 或 let 定义一个作用于为整体的变量）数值范围超出 js 数值范围的值：正数会被转化成 Infinity，负数会被转化成 -Infinity；如果某次计算返回了正或负原创 2020-07-21 21:10:44 · 157 阅读 · 0 评论