自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(85)
  • 问答 (1)
  • 收藏
  • 关注

原创 MybatisPlus(常见注解、常见配置、条件构造器、自定义SQL、Service接口、代码生成、静态工具、逻辑删除、枚举及JSON处理器、配置加密、分页插件)

MybatisPlus(常见注解、常见配置、条件构造器、自定义SQL、Service接口、代码生成、静态工具、逻辑删除、枚举及JSON处理器、配置加密、分页插件)

2024-08-01 18:14:18 474

原创 【vue】axios封装拦截

【vue】axios封装拦截。

2024-04-24 10:16:09 384 3

原创 【nodejs】express-generator项目--创建接口及数据库连接

引用创建的数据库模型,进行数据的增删改查操作。拿到前端数据,处理加工,进行调用数据层(我这里使用的是Navicat。连接数据库在本文后面有提到。配置路由信息,注册路由。

2024-04-22 15:01:36 774

原创 【nodejs】使用express-generator快速搭建项目框架

项目根目录打开终端,执行以下命令,安装依赖。执行以下命令后,在浏览器中打开。就可以打开这个项目了。

2024-04-17 17:57:06 458

原创 【vue3】插件@tsparticles/vue3、tsparticles实现粒子特效

【代码】【vue3】插件@tsparticles/vue3、tsparticles实现粒子特效。

2024-04-16 15:55:34 1041

原创 vue3项目运行正常但vscode红色波浪线报错

以下解决办法如不生效,可尝试重启vscode。

2024-04-02 16:33:50 4637 1

原创 鸿蒙开发相关知识(四)【数据持久化(用户首选项、关系型数据库)、通知(基础通知、进度条通知、通知意图)】

【代码】鸿蒙开发相关知识(三)【数据持久化(用户首选项、关系型数据库)、通知(基础通知、进度条通知、通知意图)】

2024-03-01 17:57:18 2222 3

原创 鸿蒙开发相关知识(三)【路由、显示动画、属性动画、组件内转场动画、http数据请求、第三方库axios、页面和自定义组件生命周期】

自定义组件@Component装饰的UI单元,可以组合多个系统组件实现UI的复用,可以调用组件的生命周期。页面:即应用的UI页面。可以由一个或者多个自定义组件组成,@Entry装饰的自定义组件为页面的入口组件,即页面的根节点,一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。

2024-02-29 16:42:41 1356 1

原创 鸿蒙开发相关知识(二)【状态管理:@State、@Prop、@Link、@Provide、@Consume、@Observed、@ObjectLink】

一、@State装饰器:组件内状态二、@Prop装饰器:父子单向同步三、@Link装饰器:父子双向同步四、@Provide和@Consume:与后代组件双向同步五、@Observed和@ObjectLink:嵌套类对象属性变化

2024-02-26 17:06:05 1418

原创 鸿蒙开发相关知识(一)【自定义构建函数@Builder、公共样式函数@Styles@Extend】

Builder定义:全局需要function@Builder function 函数名(){ }示例代码中有传参,根据实际需要调整...局部不需要function@Builder 函数名(){ }示例代码中有传参,根据实际需要调整...定义:全局需要function@Styles function 函数名((){ }仅可封装组件通用属性局部不需要function@Styles 函数名((){ }仅可封装组件通用属性@Extend(组件名) function 函数名() {

2024-02-23 17:40:33 866

原创 ArkTS 快速入门

按照声明式UI的开发范式,首先需要分析和定义页面的各种状态,并声明相应的状态变量用于表示不同的状态。当前案例中,界面共有两个状态,分别是开灯和关灯状态,所以我们可以使用一个boolean类型的变量来表示这两个状态,true表示开灯,false表示关灯。声明式描述:开发者只需描述在界面在不同状态下要呈现的最终效果,而无需关注界面变化的具体过程。状态数据驱动界面更新:开发者只需修改状态变量的值,界面就会自动更新。除去系统预置的组件外,ArkTS 还支持自定义组件。

2024-02-22 11:36:54 1327

原创 ts快速入门

一、运行环境1、线上Playground2、VSCode 编辑器3、Code Runner 插件4、ts-node二、声明1、变量声明2、常量声明3、类型推断三、常用数据类型1、number2、string3、boolean4、数组5、对象四、函数1、函数声明语法2、参数详解(1)特殊语法(可选参数、默认参数)(2)特殊类型(联合类型、任意类型)3、返回值详解(1)特殊类型(2)类型推断4、函数声明特殊语法(1)匿名函数(2)箭头函数五、类1、概述2、

2024-02-21 15:08:08 1063

原创 DevEco Studio 快捷键总结

【代码】DevEco Studio 快捷键总结。

2024-02-20 11:14:54 817

原创 微信小程序ec-canvas(echarts)显示地图【以甘肃省为例】

微信小程序ec-canvas(echarts)显示地图。下载地图数据、定制图表、微信中使用

2023-12-15 17:48:45 3309

原创 uniapp多行文本展开或收起(兼容h5、微信小程序,其它未测试)

data() {return {// 企业介绍showAll: true, //控制展开收起lineHeight: 0, //单行文本高度textHeight: 0, //文本高度placeholder: '占位文本',info: {

2023-12-05 11:33:36 2817

原创 vue项目中element-ui对话框el-dialog嵌套显示时多了一个遮罩层解决办法

【代码】element-ui对话框el-dialog嵌套显示时多了一个遮罩层解决办法。

2023-11-21 16:40:18 1081

原创 nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)

参考文章《nvm-下载、安装、使用(2023/07/12更新)》《安装nvm,并使用nvm安装nodejs及配置环境变量》

2023-11-16 16:07:37 58863 71

原创 路由vue-router

路由(英文:router)就是对应关系Hash 地址与组件之间的对应关系vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用,能够轻松的管理 SPA 项目中组件的切换。vue-router的官方文档地址。

2023-10-30 15:48:43 152

原创 vue子路由复用组件后,切换路由时页面数据不刷新解决方法

【代码】vue子路由复用组件后,切换路由时页面数据不刷新解决方法。

2023-10-24 10:48:21 604

原创 uniapp下载附件保存到手机(文件、图片)ios兼容

【代码】uniapp下载附件保存到手机(文件、图片)ios兼容。

2023-10-20 16:37:35 2036

原创 Clipboard 复制文本插件代码封装

【代码】Clipboard 复制文本插件代码封装。

2023-07-27 09:55:19 159

原创 动态组件 & 插槽 & 自定义指令

一、动态组件(一) 什么是动态组件(二)如何实现动态组件渲染(三)使用 keep-alive 保持状态(四)keep-alive 对应的生命周期函数(五) keep-alive 的 include、exclude 属性(六)了解注册名称和组件中name的区别二、插槽(一) 什么是插槽(二) 体验插槽的基础用法1、 没有预留插槽的内容会被丢弃2、后备内容(三) 具名插槽1、 为具名插槽提供内容2、 具名插槽的简写形式(四) 作用域插槽1、使用作用域插槽2、 解构插槽 Prop

2023-07-17 14:44:20 203

原创 HTTP协议加强

、HTTP协议简介1、什么是通信2、什么是通信协议3、HTTP 协议(1)什么是HTTP协议(2)HTTP协议的交互模型二、 HTTP请求消息1、什么是HTTP请求消息2、HTTP请求消息的组成部分(1)请求行(2)请求头部(3)空行(4)请求体三、HTTP响应消息1、什么是HTTP响应消息2、HTTP响应消息的组成部分(1)状态行(2)响应头部(3)空行(4)响应体四、HTTP请求方法五、HTTP响应状态代码1、什么是HTTP响应状态码2、HTTP响应状态码的

2023-06-08 10:49:51 766 1

原创 axios、跨域与JSONP、防抖和节流

axios、跨域与JSONP、防抖和节流

2023-06-07 12:02:10 2768

原创 vue登录时人机验证-滑块验证(触屏滑动)

【代码】vue登录时人机验证-滑块验证(触屏滑动)

2023-05-25 17:49:34 825

原创 vue+element树组件懒加载及样式修改

【代码】vue+element树组件懒加载及样式修改。

2023-05-24 12:17:44 249

原创 Ajax加强(xhr、XML、JSON、xhr上传文件)

xml、json、xhr

2023-05-18 10:33:51 960

原创 quill编辑器自定义音频、视频、行内style样式(字符边框、首行缩进)

quill编辑器自定义音频、视频、行内style样式(字符边框、首行缩进)

2023-05-10 18:00:20 2038 3

原创 form表单与模板引擎

表单在网页中主要负责数据采集功能。HTML中的标签,就是用于采集用户输入的信息,并通过标签的提交操作,把采集到的信息提交到服务器端进行处理。通过点击 submit 按钮,触发表单提交的操作,从而使页面跳转到 action URL的行为,叫做表单的同步提交。模板引擎,顾名思义,它可以根据程序员指定的模板结构和数据,自动生成一个完整的HTML页面。是一个简约、超快的模板引擎。中文官网首页为提供了{{ }}这种语法格式,在{{ }}内可以进行变量输出,或循环数组等操作,这种{{ }}

2023-05-09 10:24:21 553

原创 时间格式化函数

时间格式化

2023-05-06 15:25:56 80

原创 初始 Ajax

不带参数的请求带参数的请求(2)$.post()函数的语法jQuery 中 函数的功能单一专门用来发起 请求,从而向服务器提交数据。语法:参数名参数类型是否必须说明是否否提交成功的(3)$.ajax()函数的语法相比于 和 函数,jQuery 中提供的 函数,是一个功能比较综合的函数它允许我们对 Ajax 请求进行更详细的配置基本语法:GET请求POST请求3、接口使用 Ajax 请求数据时,被请求

2023-04-28 10:24:01 701

原创 本地存储及记住用户名案例

/ 获取本地存储是否有用户名,如果有:1、给输入框赋值,2、选中记住用户名。2、设置、读取方便、甚至页面刷新不丢失数据。2、在同一个窗口(页面)下数据可以。4、只能存储字符串,可以将对象。// 监听是否选中记住用户名。1、数据存储在用户浏览器中。否则关闭页面也会存在。// 取消记住用户名。

2023-04-26 11:55:21 427

原创 移动端网页特效

移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件),Android 和 IOS 都有。touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。// 1. 获取元素 // 2. 手指触摸DOM元素事件 var div = document . querySelector('div');

2023-04-25 16:51:02 644

原创 两端对齐兼容IOS失效

以下样式在**安卓可以两端对齐**;但在**IOS中**右侧会有大量空白,**两端没有对齐**。网上大部分都是使用**伪类**去兼容IOS两端对齐;但我的项目内容是回显富文本,不适合使用伪类,把`white-space`的属性值`pre-wrap`改为`pre-line`

2023-04-25 15:04:37 633

原创 PC 端网页特效

一、元素偏移量 offset 系列1、offset概述2、 offset 与 style 区别(1)offset(2)style案例:拖拽模态框二、元素可视区 client 系列1、client概述2、立即执行函数3、pageshow事件三. 元素滚动 scroll 系列1、 元素 scroll 系列属性2、页面被卷去的头部案例:仿淘宝固定右侧侧边栏3、 页面被卷去的头部兼容性解决方案四、动画函数封装1、动画实现原理2、 动画函数简单封装3、动画函数给不同元素记录不同定时

2023-04-04 16:51:48 632

原创 BOM浏览器对象模型(Bom,window常见事件、定时器、location、navigator、history、同步异步)

一、BOM概述1、什么是BOM2、BOM的构成二、window 对象的常见事件1、窗口加载事件(1)window.onload(3)DOMContentLoaded2、调整窗口大小事件三、定时器1、两种定时器2、setTimeout()定时器3、停止 setTimeout() 定时器4、setInterval() 定时器案例:倒计时效果5、停止 setInterval() 定时器6、this四、js执行队列1、JS 是单线程2、同步和异步3、js执行机制五、 loca

2023-01-12 12:01:11 344

原创 js事件高级

一、注册事件(绑定事件)1、注册事件概述(1)传统注册方式(2)方法监听注册方式2、addEventListener 事件监听方式3、attachEvent 事件监听方式4、注册事件兼容性解决方案二、删除事件(解绑事件)1、删除事件方式(1)传统注册方式(2)方法监听注册方式2、删除事件兼容性解决方案三、DOM事件流四、事件对象1、什么是事件对象2、事件对象的使用语法3、 事件对象的兼容性方案4 、事件对象的常见属性和方法五、阻止事件冒泡1、 阻止事件冒泡的两种方式2

2023-01-06 15:20:43 688

原创 Web APIs 简介、DOM

一、Web APIs 简介1、Web APIs 和 JS 基础关联性2、API 和 Web API二、DOM1、DOM简介2、获取元素(1)根据ID获取(2)根据标签名获取(3)通过HTML5新增的方法获取(4)获取特殊元素(body、html)3、事件基础(1)事件三要素(2)执行事件的步骤(3)常见的鼠标事件4、操作元素(1)改变元素内容(2)常用元素的属性操作案例:分时显示不同图片,显示不同问候语(3)表单元素的属性操作案例:仿京东显示密码(4)样式属性操作`

2022-12-27 15:23:29 1031

原创 vue 生命周期、数据共享

一、组件的生命周期1、生命周期 & 生命周期函数2、组件生命周期函数分类3、生命周期详解图二、组件之间的数据共享1、组件之间的关系2、父子组件之间的数据共享(1)父组件向子组件共享数据(2)子组件向父组件共享数据3、兄弟组件之间的数据共享三、ref 引用1、 什么是 ref 引用2、使用 ref 引用 DOM 元素3、 使用 ref 引用组件实例4、 让文本框自动获得焦点5、 this.$nextTick(cb) 方法六、购物车案例

2022-10-14 16:18:20 791

原创 svg文字渐变:颜色+描边+阴影(vue实现)

svg文字渐变:颜色+描边+阴影

2022-09-12 13:25:07 1096

空空如也

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

TA关注的人

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