自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(63)
  • 收藏
  • 关注

原创 CryptoJS加密解密

提示:链接参数加密原先参数信息都是明文展示,出于安全考虑,需要加密链接的参数加密,类似于下面提示:以下是本篇文章正文内容,使用CryptoJS实现对称加密解密。

2023-09-25 17:52:00 12

原创 vue使用qrcodejs2生成中心logo二维码

ctx.drawImage() 方法也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸。ctx.drawImage() 方法在画布上绘制图像、画布或视频。height 可选。要使用的图像的高度。要使用的图像的宽度。sheight 可选。img 规定要使用的图像、画布或视频。开始剪切的 x 坐标位置。开始剪切的 y 坐标位置。swidth 可选。x 在画布上放置图像的 x 坐标位置。y 在画布上放置图像的 y 坐标位置。1.安装 qrcodejs2。

2023-09-21 17:30:11 109

原创 uni-app-微信公众号静默授权

提示::公司的公众号用户,与后台系统的账号系统做绑定,用以推送消息公众号自定义菜单直接链接到以下页面,进行静默授权,然后用户输入系统的分配的账号进行与微信的绑定和解绑。onLoad:页面加载,在onLoad中发送请求比较合适的,即页面一加载就发送请求获取数据。onShow:页面显示,会触发多次,只要页面隐藏,然后再显示出来都会触发。这里会重复触发,如果你重复发送请求不合适。onReady:页面初次渲染完成了,但是渲染完成了,请求获取数据,就太慢了。

2023-08-25 17:20:05 54

原创 webscoket在vue中的使用

WebSocket是一种计算机通信协议,通过单个TCP连接提供全双工通信信道。实现了web客户端和服务器之间的实时通信,与传统的HTTP连接相比,允许以更低的延迟和开销进行双向数据交换。WebSocket技术通常用于需要实时数据传输的网络应用程序,如聊天应用程序、在线游戏和金融交易平台。使用WebSocket,web应用程序可以在浏览器和服务器之间建立和维护持久的连接,从而实现对web内容的即时更新,而无需不断的HTTP请求。

2023-08-24 17:12:05 545

原创 Vue 根据Upload组件的before-upload方法,限制用户上传文件的类型及大小

Vue 根据Upload组件的before-upload方法,限制用户上传文件的类型及大小

2023-08-17 11:01:14 296

原创 AJ-Captcha行为验证在vue中的使用

复制view/vue/src/components/verifition文件夹,到自己工程对应目录下,在登录页面插入如下代码。这里只是简略介绍一下,只是记录我使用的过程,更全面的介绍前往上面的文档地址或gitee查看。(1)在gitee仓库下载对用的版本,我这里用的是vue。提示:引入组件后,修改接口:自己项目的。(2)安装请求和加密依赖。

2023-08-17 10:38:18 267

原创 arco-cli脚手架创建项目时,踩坑点及解决办法

【代码】arco-cli脚手架创建项目时,踩坑点及解决办法。

2023-08-14 14:28:49 95

原创 Js小数运算精度缺失的解决方法

提示:js小数计算精度缺失是历史遗留问题,被人诟病很多,不过也有办法解决,js小数计算会缺失精度,但正数不会有这个问题,所以计算时把小数扩大相应倍数,让它变成整数计算,最后结果再除以相应倍数,就得到了想要的结果。在计算机角度,计算机算的是二进制,而不是十进制。二进制后变成了无线不循环的数,而计算机可支持浮点数的小数部分可支持到52位,所有两者相加,在转换成十进制,得到的数就不准确了,加减乘除运算原理一样。官网:https://mathjs.org/index.html。众所周知Js做运算时。

2023-08-12 15:02:59 159

原创 ViewUI表格Table嵌套From表单-动态校验数据合法性的解决方法

项目需求:在表格中实现动态加减数据,并且每行表格内的输入框,都要动态校验数据,校验不通过,不让提交数据,并且由于表格内部空间较小,我仅保留红边框提示,文字提示给隐藏了,不然表格内的框会很大很难看。如果,你需要提示的话,不要属性。

2023-08-12 14:08:39 293

原创 node.js的优点

Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型, [1]让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。

2023-07-28 19:10:32 1559

原创 uView 在 uni-app 中的使用

uView 是 uni-app 生态专用的 UI 框架

2023-07-28 18:52:03 1386

原创 vue表单校验,输入框有值校验失败

由于后端返回的是number类型,而其前端却使用的是普通输入框,所以导致类型不匹配。普通输入框即使我们输入的是数字,打印出来的值也会是字符串,这就说明了,普通输入框不可能会输出数字,但是回显是又是数字,好了,类型不匹配,验证自然不通过。当做表单校验时,输入框回显了后端返回的值,但是点击确认按钮时,却校验失败,提示当前项不能为空。

2023-07-04 19:53:01 540

原创 Tree树形控件做权限时,保持选项联动的同时,解决数据无法回显的问题

要求树形控件要有父子联动,也就是选择父级选项,子级也要选中,那么属性就不能设置死,我的是,在data中赋值有变量。我之前设置check-strictly,就没了联动效果,所以这边做了一下处理。

2023-07-02 15:34:41 300

原创 Vue自定义指令实现按钮级的权限控制

bind:只调用一次,指令第一次绑定到元素时调用。用这个钩子函数可以定义一个绑定时执行一次的初始化设置。( bind 时父节点为null,因为 bind 是在 dom 树绘制前调用)inserted:被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档中,在 dom 树绘制后调用)。update:被绑定于元素所在的模板 vNode 更新时调用,但是可能发生在其子 vNode更新之前。指令的值可能发生了改变,也可能没有。可以通过比较更新前后的绑定值,来忽略不必要的模板更新。

2023-06-24 22:16:53 1290

原创 iview-admin左侧的菜单栏修改名称以后,不能正常显示title的内容

参考链接:https://blog.csdn.net/weixin_34032621/article/details/88659926。方法二:src\config\index.js把国际化设置为false,(从github上拉下来的项目,一开始就默认为true)配置路由以后,总是出现这样的warn,问题是出现在[vue-i18n]的语言配置上,方法一:因为配置路径的时候只写了中文,所以需要语言配置里面修改对应的其他语言,左侧的菜单栏修改名称以后,不能正常显示title的内容。

2023-06-16 14:47:57 51

原创 前后端分离

2.而现在,前端有自己的服务器,不需要再依靠后端服务器来支持项目运行,如果在开发阶段,还可以使用mock数据(要先和后端确定接口数据结构),摆脱对后端接口的依赖,这样极大的提高了开发效率,系统分工也更加明确。1.从前,前端不止要学习后端的模板渲染语法,还要配置后端的开发环境,并不断同步后端的代码,这对于前端来说是非常痛苦的。前后端分离,让软件开发的流程更加清晰,解决了开发阶段的痛点。

2023-06-14 19:43:01 34

原创 vuex持久化存储(vuex-persist)

在开发的过程中, vuex数据刷新页面会初始化。像用户信息(名字,头像,token)需要vuex中存储且需要浏览器本地存储来实现持久化存储。

2023-06-14 11:41:37 583

原创 vue中的渲染函数(render)的用法

(2).vue.runtime.xxx.js是运行版的Vue,只包含:核心功能;(1).vue.js是完整版的Vue,包含:核心功能+模板解析器。

2023-06-13 20:17:51 304

转载 vue安装vuex笔记

提示:vuex的安装及使用方法

2023-06-12 00:11:52 54

原创 el-select添加表单校验,不起作用问题

检查rules,里面校验提示的事件是否正确,el-select校验规则里面的trigger应该是change,el-select验证只能用change事件。

2023-05-26 13:08:05 148

原创 报错:To install it, you can run : npm install --save @api/***解决方法

我最后解决的方法是,因为缺少这个文件,所以我当时拉取的已经是最新的代码了,我这边可以保证不会丢失文件代码,所以我就想到后端的问题,其实也就是后端的问题,后端把文件给漏了,所以项目缺失文件,无法运行,把缺失的文件重新上传一下就ok啦!其他方法我就不介绍了,比如说在webpack包不识别@符号,删除node依赖包重新安装之类的,我都试过了,都不对,最后在看百度和csdn的各位大佬的排错文章,其中一篇给了我启发。其实很简单的事情,花了一个多小时才解决,害!所在位置 行:1 字符: 20。

2023-05-16 10:35:21 5569 2

原创 Axios二次封装

通过这种方式,我们可以在一个地方集中处理请求和响应的逻辑,例如设置请求头、处理错误信息和 HTTP 状态码等。这使得我们的代码更加整洁、易于维护,并提高了可复用性。同时,作为一名软件开发人员,要始终确保我们的项目保持高质量和一致性。

2023-05-04 14:27:13 536

原创 2023前端领域流行的新技术

前端开发人员应该始终关注这些新技术,前端开发人员应该尝试学习和掌握这些新技术。并在适当的时候尝试将它们应用到项目中。新技术有助于提高工作效率,提供更好的用户体验,最重要的是新的技术能确保我的技术水平始终处于行业的前沿。我一直关注前端技术的发展。近年来,前端技术发生了很多变化,出现了许多新的框架、库和工具。

2023-05-04 10:49:03 2465

原创 vue2与vue3的区别

Vue 3 是 Vue.js 的最新版本,相比 Vue 2,它有以下几个主要的区别:总的来说,Vue 3 在性能、体积、TypeScript 支持和组合 API 方面都有很大的提升,是一个更加先进和强大的框架。

2023-05-02 14:22:30 110

原创 mockjs学习笔记

在前后端分离的开发环境下,前端需要等待后端给出的接口文档之后,才能继续开发。而MockJS可以让前端独立于后端进行开发,简单来说,就是前端开发不再依赖后端了。前端可以根据业务梳理出接口文档并使用MockJS模拟后端接口。MockJS通过拦截特定的AJAX请求,并生成给定的数据类型的模拟数据,以此来模拟后端返回的接口数据。通俗点解释,mockjs的作用是拦截请求,并返回特定的数据类型。提示:以下是本篇文章正文内容,下面案例可供参考return {

2023-04-30 19:06:43 823

原创 Vue 开发技巧

在组件中使用 $route 会导致与其相应路由的高度耦合,通过将其限制为某些 URL 来限制组件的灵活性。其实有一种简单的方法就是使用@hook 来监听组件的生命周期,而不需要在组件内部做任何改动。Deep Listening监听一个对象时,当对象内部的属性发生变化时,watch是不会被触发的,所以我们可以为它设置深度监听。将路由的 props 属性设置为 true 后,组件内部可以通过 props 接收 params 参数。触发监听器执行多个方法使用数组,您可以设置多个形式,包括字符串、函数、对象。

2023-04-17 16:06:13 132

原创 Syntax Error: Error: ENOENT: no such file or directory, open ‘C:\Users\Admin\Desktop\nurseinfoms-web

vue-cli图片找不到,报错

2023-04-17 15:54:55 267

转载 彻底搞懂Vue中的Mixin混入(保姆级教程)

Vue框架现在已经基本占据了前端的一半,Vue的数据驱动和组件化思想深入人心。Vue的全家桶可能对许多小伙伴来说很熟悉,在工作中可以轻松使用。然而,我相信今天有很多小伙伴不知道或没有在Vue中使用过这个Mixin,或者一些接手别人Vue项目的小伙伴可能会看到里面有一个Mixin文件夹并使用它,但一直处于迷糊状态。今天,让我们好好聊一聊Mixin。提示:以下是本篇文章正文内容想要使用一个事物或者工具,我们首要先了解它是什么,这样我们才好对症下药。

2023-03-26 21:59:55 118

原创 Python中json.load()和json.loads()方法有什么区别?

3.json.load()方法是从json文件读取json,而json.loads()方法是直接读取json,两者都是将字符串json转换为字典。1.loads() 传的是json字符串,而 load() 传的是文件对象。2.使用 loads() 时需要先读取文件在使用,而 load() 则不用。

2023-03-19 12:22:27 157

原创 JS中关于async和defer作用与区别

script 是会阻碍 HTML 解析的,只有下载好并执行完脚本才会继续解析 HTMLdefer 和 async有一个共同点:下载此类脚本都不会阻止页面呈现(异步加载),区别在于:async 执行与文档顺序无关,先加载哪个就先执行哪个;defer会按照文档中的顺序执行 async脚本加载完成后立即执行,可以在DOM尚未完全下载完成就加载和执行;而defer脚本需要等到文档所有元素解析完成之后才执行script标签js执行顺序是否阻塞script在html顺序执行阻塞。

2023-02-24 15:08:20 140

原创 innerHTML、innerText 和 outerHTML 区别

可获取或设置指定元素标签内的文本值,从该元素的起始标签到结束标签之间的全部文本内容(不包含html标签)。:可获取或设置指定元素标签内的 html 内容,从该元素的起始标签到结束标签之间全部内容(包含html标签)。:除了包含 innerHTML 的全部内容外, 还包含元素标签本身。

2023-02-24 14:44:18 88

转载 git常用命令及工作流程

Git(读音为/gɪt/)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。在此记录git工作流程及其常用命令提示:以下是本篇文章正文内容,下面案例可供参考。

2023-02-10 14:57:50 228

原创 npm 报错“A complete log of this run can be found in:”解决方法

npm报错模板依赖有问题-原因及解决方法 ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!

2023-02-09 15:05:45 30374 1

原创 vue2对应的常用插件版本

vue2对应的常用组件版本

2023-02-08 22:03:00 127

原创 前端开发中常见的浏览器兼容性问题及解决方案

所谓的浏览器兼容性问题,是指因为不同浏览器对同一段代码有着不同的解析,所造成页面显示效果不统一的情况。为此,解决浏览器兼容,也成为了跨浏览器开发的一个核心问题。当初微软不加入W3C,使得后者不采用IE的方案,而在IE掉队,Chrome与Firefox崛起后,已经有大量开发者基于IE标准开发了大量的Web产品,让浏览器不得不用兼容模式来解决这一问题。再加上不同浏览器采用的内核不同,由于缺乏统一的开发标准,以及各大浏览器厂商为了凸显产品的特色,更是使得整个浏览器行业出现了百花齐放的状态。

2023-02-07 13:54:01 4411

原创 CSS深度穿透选择器(>>>,/deep/,::v-deep)

1.操作符 >>> 可能会因为无法编译而报错2.dart-sass不支持/deep/与>>>写法3. vue3.0 中使用 /deep/ 会报错4.对于使用了 css 预处理器(scss 、sass、 less)时,深度选择器 ::v-deep 更通用。

2023-01-31 17:12:08 826

原创 Vue中的$emit的使用方法与理解

> - 学到Vue的组件内传值时,props父传子还能理解,但是对子组件给父组件传值(也就是$emit方法),对于这个$emit我感觉有点绕,知道它的作用,但是对它的用法还是掌握不好,主要还是对于为什么这么用很疑惑。>- 对父组件给子组件传值很简单,也很好理解。父组件给子组件传值只要在子组件标签内用V-bind写一个函数方法(也可以传参数)用props接收就可以直接使用了。但是到子组件给父组件传值就变得复杂了,首先要先在子组件标签内声明触发$emit的事件,触发条件后用$emit发送自定义事件(包含事件

2023-01-13 20:28:56 1234

原创 vue案例-图书管理

【代码】vue案例-图书管理。1.学习vue时做的一个小案例,本身案例很简单,经过优化又加些比较常用的功能,比如在添加图书前,先判断编号是否存在,并提示给用户,并且编号文本框只能输入数字等等优化。 2.使用到数组数据,方法,监视,挂载钩子,数据是本地数据,方法实现了大部分的功能函数,监视属性实现动态检查数据的合法性,挂载实现了计时器的触发,每秒查询本地时间并且做了格式化,主要是修改与添加图书时,自动调用本地的时间日期

2023-01-10 12:40:38 1250

转载 Vue中的computed计算属性里的方法与methods里普通方法的区别

在控制台我们可以看到计算属性的countPrice方法实际上只运行了一次,这是因为计算属性是基于它们的依赖(在本例中依赖就是price和num)进行计算并且缓存的,也就是说countPrice方法只执行了一次就已经基于依赖把计算结果计算好并且缓存,当下一次再执行该方法时,只要依赖没变,那么该方法不会再次计算,而是直接把缓存好的计算结果返回。将字符串的计算机逻辑放在计算属性的方法里,既把模板内容更加简洁了,代码在计算属性里维护也更加方便。1.计算属性里的方法是基于它们的依赖进行缓存的,而普通方法不存在缓存。

2023-01-06 22:12:31 125

原创 vue案例-Tab选项卡

【代码】vue案例-Tab选项卡。

2023-01-06 13:16:59 63

免费短视频去水印,图片去水印

水印杀手是一款支持多平台的视频解析下载工具,只要复制视频链接就能够轻松的去除视频、图片里的水印,还自带强大的剪辑功能、文字转语音、修改视频MD5、等等超多功能

2023-09-14

茶百道为主题的静态网页(十几个页面)作业

内容:有动画,有特效,有十几个页面,内容丰富,有图有视频 js html css可以用来当作业

2023-05-11

APP软件应用下载导航网站源码/分享下载页引流导航网站源码带后台版

APP软件应用下载导航网站源码/APP分享下载页引流导航网站源码带后台版。这款源码 安装非常便捷干净,源码只有十几兆 只需要上传源码修改数据库连接信息即可使用。后台添加应用及轮播广告也非常方便,小白看了都会!thinkphp开发的后台响应也特别丝滑。APP软件,游戏下载类都可使用,一款适用性很强的程序,基本可以适合各行业的下载网站! 功能简介: 1、源码包中带有安装教程 2、网站自适应PC+手机自适应 3、用户可以自行封装成app应用引流导航 4、可以在网站中插入自己的广告内容 5、此网站带有后台,方便用户随时上传更新资料 搭建教程: 1.伪静态改为:thinkphp php版本5.6-7.2 2.修改数据库路径 Application/Common/Conf/config.php 'DB_NAME' => '', // 数据库名 'DB_USER' => '', // 用户名 'DB_PWD' => '', // 密码 3.后台路径: 域名/Youni 后台账号:admin

2023-05-09

数码商城&后台管理系统

压缩包包含:项目运行文档,展示视频,源代码等 1.开发背景 数码产品迭代日渐疯狂,琳琅满目的产品令普通消费者不知从何入手,穗穗网致力于为客户提供一站式购买体验 2.功能模块: ●客户端主要功能; 为用户提供了各类商品的详细数据,多种筛选条件,帮助客户买到最中意的商品,支付宝一键支付,省心安心。 开放的博客社区,消费者可以自由的发表自己的使用体验以及身边一些有趣的事 ●管理端主要功能: 生动的数据可视化技术,为卖家提供一目了然的营收情况。强大的管理功能,使得商家可以便捷的管理自己的商品 3.技术栈: ●前端技术 HTML+CSS+JS+VUE全家桶+Axios+Echarts ●后端技术 Node.js+MySQL+Express+Express

2023-05-06

Vue3疫情后台管理平台

1.基于vue3与elementUI开发的社区疫情管理系统: 压缩包内包含: ✪.Vue3疫情后台管理系统.pptx, ✪.接口文档.txt, ✪.项目启动文档.txt, ✪.项目文件.zip 2.功能模块: 社区管理系统主要负责收集阳性人员所接触的密接人数、每周新冠人数统计图,意见、公告、社区人员管理,权限管理,健康管理等功能。 3.技术栈 vue3: ✪.router——全局路由配置 ✪.store——全局数据管理 ✪.components——封装自定义指令,自定义组件 ElementUI: ✪.Form 表单——登录注册页面 ✪.Upload + Avatar——上传头像 ✪.Menu菜单——首页侧边栏

2023-05-06

美团项目+配套后台管理系统

1.介绍: 模仿美团网:美食攻略,外卖网上订餐,酒店预订,旅游团购,飞机票火车票,电影票,ktv团购吃喝玩乐全都有!店铺信息查询,商家评分/评价一站式生活服务网站,压缩包内有视频,有安装教程,有项目PPT简介,项目接口、启动文档,项目源码,项目运行效果等文件。 2.功能模块: ※ 登录注册 ※ 首页 ※ 门店 ※ 购物车 ※ 支付 ※ 会员中心 ※ 后台登录 ※后台访客记录 ※ 后台门店 ※ 订单模块 ※ 用户模块 3.技术栈: 前台:Node + GULP + SASS + JQ + http-proxy-middleware + 极客行为验证码+ BMap百度地图 +FileReader + GIT等。 后台:项目需求管理系统+ Vue + Vuex + ElementUI + axios + mock.js + echarts + Sass + Vetur/ESLint/Prettier + CommitLint + animate.css + vue-lazyload + nprogress + easydoc + 等等。

2023-05-06

论文答辩模板PPT(128套)

一共128套论文答辩模板PPT,总有符合你要求的,总计774MB的压缩包

2023-05-06

外卖CPS小程序源码,有后台,前端三套模板,功能丰富,带安装教程

该版本为首发初始版本,提供备注以便及时获取版本更新通知。 外卖侠CPS小程序三级分销版本,带积分商城,任务系统,特价影票等等。 前端三套模板,多个模块,插件,自定义。带安装教程

2023-03-28

仿网易严选,一共四个页面(首页,详情页,404页,登录页),使用HTML+CSS+JS编写

这个网页难度不大,也是我大学的练手项目,包括缓动动画,轮播图,返回顶部,吸顶导航,移入显示二级菜单等。 更详细的可以参考线上网址:https://wyyx.huzanle.net/ 这是积分资源,可以先参考线上网址,线上什么样,代码就是什么样的。符合你的要求再买。

2023-03-27

前端综合面经-html,css,js,vue全套面经

包含html,css,js,vue面经,以及性能优化面经及答案,还附有思维导图,接近千套面试题及答案

2023-02-21

爱心表白源码,浪漫炫酷的前端表白代码,浏览器可直接打开-附教程

爱心源码,html,Css,js实现,有背景音乐,动态效果以及留言文字,非常浪漫,浏览器直接打开,就能看到效果,附教程,小白也能看得懂

2022-12-17

Vue.js devtools

压缩包包含Vue.js devtools2 . * 和 3 . *版本的crt Vue.js devtools 5.3.4 调试工具(2 . *) 与 Vue.js devtools6.0.0 beta 15调试工具(3 . *)

2022-11-16

web网页期末大作业-html,css,js-共有4页面

web网页期末大作业,涉及html,css,js技术,一共有四个页面,免费下载,采用div+css布局,结构分离,有图片资源,属于地方介绍性网站,有前端页面,部分页面使用了js

2022-10-28

空空如也

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

TA关注的人

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