自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(411)
  • 资源 (1)
  • 收藏
  • 关注

转载 Vue中 引入使用 localforage 改进本地离线存储(突破5M限制)

localforage 的出现可谓曲线救国,通常我们的数据存储并不需要特别复杂,只要不是完完全全的离线开发,localforage 足矣。而业界普遍的前端都是与页面打交道的,数据库操作属于后端的后端了,离的有些远,于是,很多前端都不了解,需要从零开始的数据库学习;说到本地存储数据,首先想到的是 localStorage,应该很多小伙伴都用过,使用很简单。localforage 的作用就是用来规避上面 localStorage 的缺点,同时保留 localStorage 的优点而设计的。

2024-05-25 20:58:25 122

原创 推荐个免费天气接口

个人博客使用足够了!

2024-05-25 20:52:13 238

转载 iview(viewUI)表格实现将指定列的值相同的行合并单元格

【代码】iview(viewUI)表格实现将指定列的值相同的行合并单元格。

2024-05-16 09:15:36 271

转载 echarts 与echarts-gl 版本对应,否则会报错

echarts与echarts-gl 版本对应,否则会报错!

2024-01-25 15:56:51 484

转载 各种国内地图坐标系总结

2)互联网地图在国内必须至少使用GCJ-02进行首次加密,不允许直接使用WGS-84坐标下的地理数据,同时任何坐标系均不可转换为WGS-84坐标。3)是国内最广泛使用的坐标体系,高德、腾讯、Google中国地图都使用它。百度中国地图所采用的坐标系,由GCJ-02进行进一步的偏移算法得到。搜狗地图所采用的坐标系,由GCJ-02进行进一步的偏移算法得到。图吧地图所采用的坐标系,由GCJ-02进行进一步的偏移算法得到。2、GCJ-02 坐标系:国测局坐标,火星坐标系。3、CGCS2000坐标系:国家大地坐标系。

2024-01-22 14:59:55 547

原创 css小技巧 linear-gradient

设计图:现在的要求是不准用图片,好吧,那就用代码简单实现下。

2023-12-01 15:56:04 559

转载 前端性能监控-window.performance

Performance是一个做前端性能监控离不开的API,最好在页面完全加载完成之后再使用,因为很多值必须在页面完全加载之后才能得到。最简单的办法是在window.onload事件中读取各种数据。

2023-11-20 14:45:57 358

转载 Vue3 中引入wangeditor富文本编辑器

去html部分建立一个div(建不建都行), 然后在里面放入一个和new wangeditor对象的时候使用相同id的div, 它将被渲染为wangeditor的样子。你在wangeditor内写入的字符会被wangeditor自动转为HTML, 我们设定的更新频率, 即它每隔多久将你的文字提取并转换为HTML一次。中每个属性对应一个工具选项, editor.config.xxx对应的数组表示这个工具的可选项, 就拿字体来说。出来, 我们之后针对wangeditor的配置都要以editor.xxx的格式.

2023-11-20 11:30:36 400

转载 URLSearchParams 构造函数处理url

构造函数 通过new实例化,并传入查询的字符串。URLSearchParams上的方法。

2023-11-15 15:26:00 159

转载 vue中监听localStorage的变化

在需要监听localstorage中数据变化的文件中加以下代码。注意: 此方法只能监听到setItem事件.main.js中引入。

2023-11-15 14:49:15 496

转载 非常好玩又实用的css属性filter

3、grayscale(黑白效果),值在0-1之间,0为原图,1为完全变灰(0%-100%)5、saturate(饱和度效果),值不为负数,1为原图(百分比也可以,1=100%)6、invert(反转效果),值在0-1之间,0为原图,1为完全反转(0%-100%)7、brightness(亮度效果),值不为负数,1为原图(百分比也可以,1=100%)4、sepia(褐色效果),值在0-1之间,0为原图,1为完全变褐(0%-100%)2、opacity(透明效果),值在0-1之间,0为完全透明,1为原图。

2023-10-12 16:39:20 146

原创 css中filter属性设置后导致页面定位失效

原因:当在标签中使用了 filter 属性后(body { filter: grayscale(1);), filter 就会生成一个新的包含块,其位置大小和所在标签一样,然后 fixed 元素就会根据这个包含块进行定位,导致定位出现问题。问题:app上设置css的filter属性导致定位失效。解决方式:设置到html上即可。

2023-10-12 16:27:02 824

原创 express-generator快速构建node后端项目

express-generator是express官方团队开发者准备的一个快速生成工具,可以非常快速的生成一个基于express开发的框架基础应用。

2023-10-09 14:36:26 948

转载 MySQL最新版8.1.0安装配置教程

本章是对最新版8.1.0的MySQL数据库的安装教程,不仅仅是自己为自己学习SQL注入,还是在学校学习数据库的同时进行练手来说,都是必须要做的一件事情,下面就是详细的安装教程。

2023-10-09 14:09:40 184

原创 Chrome报错:Unchecked runtime.lastError

项目背景、安装了 Express 框架,目的是为了快速创建一个web服务器。创建成功后,控制台出现了报错,而在这之前没有出现过这个错误,所以一直在纠结是不是框架本身的问题。错误原因:这个错误一般是浏览器与扩展或者插件之间通信有关,排查后定位在了迅雷扩展上。关闭扩展后,报错消失了!

2023-10-08 20:59:36 618

转载 解决NavigationDuplicated: Avoided redundant navigation to current location: “/home“.报错问题

3. JS中构造函数和实例(对象)之间有微妙的关系,构造函数通过定义prototype来约定其实例规格, 再通过 new 来构造出实例, 他们的作用就是生产对象。而构造函数(方法)本身又是方法 (Function)的实例, 因此也可以查到它的__proto__(原型链)2. JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype。1. JS中所有的东西都是对象,每个对象都有prototype这个属性,这个属性是一个对(object)

2023-10-05 17:32:46 710

转载 解决vue项目中出现webpack<5的问题!

版权声明:本文为CSDN博主「Sunday...」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/qq_73463251/article/details/132045908。然后打开vue.config.js文件:引入和配置如下代码即可解决。注意要写在module.exports里面。// 引入此模块来解决webpack

2023-10-05 17:26:46 352

原创 正则判断Emoji表情和符号表情

【代码】正则判断Emoji表情和符号表情。

2023-07-24 20:15:54 641

转载 vsCode离线安装中文插件无效-解决办法

方法二: 在vscode中,按住ctr+shift+p,在出现的输入框中,输入Configure Display Language,在弹出的语言中,选中zh-cn,软件弹出提示。点击重启(Restart)按钮后,中文即可生效。方法一: 点击 Uninstall ,重新安装,再重启vscode。安装中文插件后,中文并没有如期出现。如果还不生效的话,可以采用方法二。

2023-07-03 15:47:28 1069 1

转载 lodash数组根据另一个数组顺序进行排序

根据另一个数组顺序进行排序。

2023-06-02 15:46:00 445

原创 git打标签,删除标签,根据标签恢复到指定时期的代码

【代码】git打标签,删除标签,根据标签恢复到指定时期的代码。

2023-04-25 09:56:49 293 1

原创 window.postMessage实现iframe跨源通信

【代码】window.postMessage实现iframe跨源通信。

2023-04-04 17:28:28 210

原创 强烈推荐vsCode插件、自动生成console.log

页面原本存在的console不会被删除 (

2023-03-31 17:54:13 2501

转载 vscode加载web 视图,报错:“Error: Could not register serviceworkers: InvalidstateError: Failed to regist“

2、按WIN + R,输入cmd,打开终端,然后输入命令。3、会重启vscode,就可以正常使用了。

2023-03-29 15:22:44 620

转载 css实现颜色渐变小动画

【代码】css实现颜色渐变小动画。

2023-03-29 11:13:48 314

转载 css实现加载旋转动画

【代码】css实现加载旋转动画。

2023-03-29 11:12:26 750

转载 css实现旋转的小流星动画

【代码】css实现旋转的小流星动画。

2023-03-29 11:10:30 304

原创 npm init vue@latest怎么切换No/Yes

创建Vue3项目时遇到一个小问题,我想选择Yes不会选~选择方式:空格+回车 即可。

2023-03-24 15:23:02 1123 5

转载 vscode js文件没有代码提示

【代码】vscode js文件没有代码提示。

2023-02-07 14:49:43 390

转载 Vue——解决Eslint导致的console报错问题

【代码】Vue——解决Eslint导致的console报错问题。

2023-01-29 22:20:47 764

转载 对svg中的元素使用animate.css的旋转,不围绕中心点旋转解决方案

近来在用animate.css实现一些svg的效果,使用rotateIn发现并不能围绕着中心旋转。看了网上的一些文章设置translate到中心点,然而非正途啊。有木有简单的方法呢。经过一番折腾,终于被我找到了,就是这个神奇的transform-box样式,而使用transform-box: fill-box可以使svg 元素像个html一样被操作。

2023-01-17 17:01:04 564

转载 yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。

1.运行 Windows PowerShell(管理员),执行命令set-ExecutionPolicy RemoteSigned更改 PowerShell 执行策略,过程中提示询问是否要更改执行策略?,选择 A 或 Y。二、导致此错误的原因是,PowerShell 执行策略,默认设置为Restricted不加载配置文件或运行脚本。1.yarn : 无法加载文件 C:\Users[UserName]\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。

2022-11-27 16:18:46 1895

原创 iView表格自定义展开、render函数的使用

之前一直习惯使用templete、render渲染函数使用很少、这次算是简单的认识下、代码写的不好大佬们不要见怪!iView版本3.0、因为展开的样式不太符合预期、只能自定义。

2022-11-18 17:41:37 1159

转载 echarts 折线图点击事件

echarts 折线图点击事件

2022-11-11 14:50:27 3645 3

转载 HTML5事件—visibilitychange 页面可见性改变事件

visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了

2022-11-10 14:14:04 1272

原创 vue页面滚动加载、页面懒加载

需求:页面有一堆图表、需要滚动到图表时、再加载出来这个图表、思路:没找到合适的插件、只能自己手撸一个、直接放到混入里就行、主要就是判断元素距离底部的距离和可视区域内容的高度进行对比即可

2022-11-10 11:48:07 1520

转载 【vue】生成二维码

【vue】生成二维码

2022-09-05 10:09:08 3051

原创 js 实现算法二分查找

二分算法:概念简单易懂、就是把一组有序数组、每次一分为二的去查找。举例:超市买了一堆东西、结完账警报器响了。东西太多、一个一个拿出来警报器过一遍、太浪费时间。保安大哥将你买的东西一分为二、哪边响了、说明哪边有东西没结账。重复两三次、基本就定位了你没结账的物品。在lertCode刷了一道有关的题使用二分算法实现给定一个n个元素有序的(升序)整型数组nums 和一个目标值target ,写一个函数搜索nums中的 target,如果目标值存在返回下标,否则返回 -1。来源:...

2022-04-13 10:45:05 1735

原创 vue中插槽在组件中的应用

场景:暂无数据组件中使用插槽接收、暂无数据这个组件在图表组件中应用、由最外层图表组件自定义插槽内容、最终传入暂无数据组件中。最外层图表组件使用:ComPie是图表组件 <ComPie :series="chart3.series"> <template slot="icon"> <div>自定义</div> &lt

2022-03-14 11:43:05 1339

原创 vue移动端项目返回上次浏览位置

效果描述:列表查询页、每页10条数据、滚动至底部加载更多数据、点击进入详情。再次返回列表查询页不希望从第一页重新查找、而是直接滚动到上次浏览的位置。实现思路:点击列表进入详情页时、记录当前点击的位置、将参数传入详情页、返回列表页时将参数再传递回来。列表页初次加载时判断是否存在上次记录的位置参数、存在表示有历史记录、直接请求数据、找到位置、然后调用 scrollIntoView() 方法滚动到指定位置。举例:我上一次点击了第180条数据、记录索引108、每页10条数据、所以当时记录的页码pag

2022-03-14 09:55:38 2737

省市区的模拟数据 city.js

后台返回的省市区数据,方便测试

2021-05-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除