自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 毕设-社区志愿者管理系统(小程序+pc端)

本社区志愿者管理平台后端以SpringBoot作为框架,前端以Vue框架,小程序采用B/S模式及MySql作为后台运行的数据库,同时使用Tomcat作为系统的服务器。本系统主要包括志愿者首页、社区志愿者个人中心、志愿者管理、活动类型管理、活动信息管理、活动报名管理、活动通知管理、活动心得管理、交流反馈、系统管理、留言板等功能,通过这些功能的实现基本能够满足日常社区志愿者管理的操作。

2023-11-30 10:52:02 713

原创 Echarts大屏-数据可视化

使用原生html+javascript实现大屏展示,较为麻烦的为边框的四个小角使用伪元素生成,其余echarts使用如下。

2023-11-29 13:16:37 1072

原创 React状态管理器

(1)store/modules文件夹子目录如上api文件夹如上,修改入口文件如上 APP.jsx如上。(1)创建store文件夹,内置modules文件夹,创建home.js和kind.js。(2)修改index.js文件 订阅数据的变化,重新渲染视图 导入Provider组件。(1)创建store文件夹下index.js 创建状态管理器。(2)入口文件配置如上 ,api文件如上,App.jsX如上。(1)创建store文件夹,modules文件夹。(1)创建store文件夹index.js。

2022-10-24 09:15:00 1155

原创 Proxy应用场景

【代码】Proxy应用场景。

2022-08-25 22:00:47 744

原创 node模块化

编程领域的模块化就是遵守固定的规则,把一个大文件拆成独立并且相互依赖的多个小模块。

2022-08-24 08:11:03 505

原创 JavaScript中数组筛选查找循环等部分方法

JavaScript中筛选查找循环的部分方法。

2022-08-12 21:16:31 700 1

原创 axios请求拦截器携带请求头参数以及图片上传携带请求头参数

请求拦截器携带请求头信息。

2022-07-23 17:45:00 498

原创 觉维设计响应式布局

项目图片访问链接https//pan.baidu.com/s/15PEfxwd_RtHDSYL1D8zORg。

2022-07-21 16:03:02 232

原创 css+html工商银行小项目

完整代码html+css效果展示

2022-06-13 10:07:35 3335 2

原创 绝对定位使盒子居中显示的三种方式

绝对定位使盒子居中显示的三种方式

2022-06-11 22:12:25 230

原创 纯css实现单行、多行文本溢出显示省略号

单行文本溢出显示省略号多行文本溢出显示省略号

2022-06-08 09:15:00 221

原创 vue结合mavon-editor插件实现文章图片上传

引入mavon-editor组件封装apimethods效果展示

2022-06-07 20:59:47 389

原创 Vuex的基础

1、Vuex的由来(1)大多数场景下的组件并不是独立存在的,而是相互协作共同构成一个复杂的业务流程(2)组件中的通信成为了必不可少的开发需求父------->子 props子------->父 $emit兄弟------->兄弟 eventBus---->公共$emit孙子-------->爷爷 非关系型组件 vuex2、V...

2022-05-16 15:29:29 344

原创 Vue+ElmentUI+nodejs实现外卖管理系统

项目描述:此项目采用nodejs+vue+elmentui开发的外卖管理系统技术栈:nodejs vue elmentui axios echarts等数据库:MySQL开发工具:vscode项目介绍 系统角色:系统管理员,普通管理员 后端服务器地址:http://127.0.0.1:5000/后端启动命令:yarn start 主要功能: 账号管理.........

2022-05-13 21:53:34 4531 3

原创 bus总线程传值

原生的vue传值父子传值,伪兄弟传值(通过父元素)为了解决页面较复杂的情况下跨多级传值,vue推出了第二种传值方式bus(跨组件传值)使用:(1)创建全局bus用来跨级传值Vue.prototype.$bus =new Vue();(2)发出通知this.$bus.$emit("事件名");(3)在被通知的组件监听自定义事件 this.$bus.$on("事件名",()=>{})...

2022-04-27 20:33:41 431

原创 Vue结合Element ui实现分页

页面结构(分页组件-element UI官网)<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[5, 10, 15, 20]" :page-size="pageSize" layout="total, sizes, prev

2022-04-21 13:32:18 1435

原创 Vue路由拦截

apis.js 验证tokenexport var checktoken=(token)=>axios.get("/users/checktoken",{params:{token}})index.js 路由拦截// 切换路由之前 导航守卫 路由拦截router.beforeEach((to, from, next) => { //只要不是默认登录 都开启路由验证 if (to.path != '/' ) { //验证用户是否登录 token che.

2022-04-19 08:45:00 968 1

原创 Vue纯数据驱动实现后台管理系统权限控制

页面结构行为交互效果展示权限: 根据不同的用户组, 来展示不同的功能(动态树菜单)核心: 判断用户组, 对界面树菜单选项卡进行增删页面结构<div v-for="item in powerarr" :key="item.url"> <el-menu-item :index="item.url" v-if="!item.children"> <i :class="item.icon"></i>

2022-04-18 09:00:00 329

原创 TOKEN身份验证令牌

目录1、作用2、使用场景3、token原理4、示例1、作用一般用来验证用户是否还在有效登录时间,属于服务器端技术,保存在服务器中2、使用场景很多网站会保存一定时间的用户登录状态(解决登录安全问题,一般不会永久保存)3、token原理(1)当用户登录成功时,服务器会在内存中创建一个有时效性的token(2)随本次响应,将此用户的token返回客户端(3)浏览器把token存储在本地...

2022-04-17 11:36:41 623

原创 Vue入门

1、Vue介绍1.1 Vue是什么?构建用户界面的js库,数据驱动的渐进式框架,Vue.js通过简单的API响应数据绑定和组合的视图组件化开发,基于MVVM模式,快速创建用户界面Vue作者前Google员工尤雨溪1.2 Vue历史2013发布草案版本2015发布1.0版本2016发布2.0版本 ...

2022-04-14 21:45:39 943

原创 Webpack模块化打包工具

1、模块回顾1.1 什么是模块化模块:一个封装起来有独立功能的部分模块化是一种WEB应用分离成多个模块(独立功能部分)的方法,可将系统分割成独立的功能部分,严格定义模块接口,模块间具有透明性 为什么要有模块化? 解决早期团队项目的变量污染 1.2 模块的实现方式 1.2.1 comm...

2022-03-19 16:34:49 1389

原创 p2p金融借贷平台

1,项目所用技术前端:html/css/jquery/ajax/bootstrap/less/gulp/echarts/svn后端:php/mysql2,搭建项目工程目录3,下载第三方库

2022-03-15 21:55:11 2422 1

原创 自动化构建工具gulp

1,gulp是什么? 自动构建工具,将重复的工作自动化,例如:编译less,压缩css,压缩js等等 2,为什么要学习gulp?(1)重复工作自动化(2)少部分公司使用,看懂gulpfile.js3,使用gulp 3.1 安装...

2022-03-07 20:51:39 995

原创 SVN版本控制

1,SVN版本控制1.1 项目协作开发面临的问题(1)多人协作代码放哪(FTP,SVN集中式,GIT分布式)(2)代码出现冲突(3)代码整合期间遇到bug等1.2 SVN与GIT概念 1,SVN(集中式版本控制):必须联网(局域网,互联网),服务器固定在某一台电脑上,所有开发人员统一提交 2, ...

2022-02-19 17:47:38 3238

原创 Less

目录1,Less是什么?2,为什么学习less?3,编译less4,less的嵌套5,less定义变量6,less函数1,Less是什么?1, less是css的预处理语言,less增强和扩展了原生css。2,less本身是不能直接使用的,必须把它编译成css2,为什么学习less?less写出来的css好维护3,编译less1,Vscode下载插件Easy Less2,设...

2022-02-18 09:00:00 112

原创 JavaScript高阶

1,作用域与函数进阶1.1 执行环境关联着变量对象 (1)执行环境关联着一个变量对象,变量对象里面存储着我们声明的变量以及函数 (2)全局执行环境 window对象1.2 执行环境栈 (1)当代码在函数中执行,函数也有执行环境,环境被推入执行环境栈中 (2)栈 :存放数据的容器,先入后出。应用运行期间全局环境变量window不会被销毁...

2022-02-16 17:50:45 3706 4

原创 正则表达式

1,什么是正则表达式一种字符串匹配的模式,通常被用来检索、替换某个模式的文本2,正则表达式作用?(1)检查字符串是否合法(2)提取字符串中的信息(3)替换字符串3,正则表达式的使用3.1 定义方式(1)使用new字符实例化正则表达式let reg=new RegExp("字符串",i/m/g)(2)使用字面量(推荐) let reg=/规则/g;3.2 正则表达...

2022-02-11 10:57:05 255

原创 Ajax基础

1,Ajax介绍1.1 什么是AjaxAJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。它是一套综合了多项技术的浏览器端网页开发技术。这些技术包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest.通过在浏览器与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 1.2 Ajax优...

2022-02-07 15:00:05 1198

原创 Express框架

1,Express介绍1.1 介绍Express是基于 node.js的一个web服务器框架,它可以帮助你快速创建一个web+ 移动端 各类项目服务器1.2 服务器的作用 (1)存放站点网站,响应网页给请求的用户浏览器 (2)提供数据接口,给客户端AJAX进行数据响应 2,Express安装和使用2.1 express-generator(1)安装exp...

2022-02-05 12:35:07 2445

原创 HTTP协议

目录1, http协议的概念以及作用2,http协议约束了什么?3,http交互特点4,http响应状态码5,http响应不同的数据类型6,打开浏览器,输入网址,发生了什么?(面试题)1, http协议的概念以及作用http是超文本传输协议(应用层协议),定义web浏览器与web服务器至今交换数据(请求响应)2,http协议约束了什么?(1)浏览器以何种方式向服务器发送/接收数据(2)服务器以何种方式来接受/响应客户...

2022-02-04 09:00:00 214

原创 nodejs顶级内置模块

一,fs文件基本操作1.1 fs文件的读取1,引入nodejs内置fs模块var fs=require("fs");2,异步读取(参数一(读取的文件名),参数二(读取后的回调函数))fs.readFile('文件名',function(err,data){ //读取出错 if(er...

2022-02-03 19:38:16 725

原创 JavaScript基础语法

1,JavaScript简介1.1 什么是JavaScript?基于对象和时间驱动,并且具有相对安全的解释型的客户端脚本语言目前所学原生js 为ECMAScript(ES5) 实际使用最多的为ES61.2 为什么要学JavaScript?1,网页离不开js 2,主流浏览器都支持js3,在网页中...

2022-02-02 20:36:19 5104

原创 JavaScript实现字符串反转

利用let str = prompt(“请输入任意字符”,"”)可以获取用户输入的字符(存到变量str中了) ,试编程将用户输入的字符“反转顺序”并首尾字母转为大写,其他字母转为小写后输出来。<script> //输入字符串 let str=prompt("请输入任意字符"); //将输入字符全部转换为小写 str=str.toLowerCase(); console.log(str); //将字符串转换为数组并且分割字符串 let

2022-01-31 13:10:34 943

原创 HTML/CSS网页制作-----家居网

目录网页优化HTML部分代码css部分代码效果展示网页优化 1, 抽取css公共样式 2, 制作成模板页(母版页) 目的:减少后期其他页面的代码复制,建议把首页制作完成后,另存为一个模板页,保留相同的部分3,网页页面分级说明(面试可能会问) 一级页面:首页 新闻和产品的封面页 二级页面:网站中的各种列表页(新闻列表,产品列表)...

2022-01-22 11:47:58 14306 19

原创 css蒙板层制作

html <div class="leftbox "> <div> <img src="images/pic01.jpg" alt=""> <!-- 蒙板 --> <div class="mask1"></div>

2022-01-21 09:25:18 1660

原创 纯css实现子菜单制作

步骤1 子绝父相(子菜单绝对定位 父菜单相对定位)步骤2隐藏子菜单步骤3hover到子菜单的父级li标签,使里面的子菜单显示出来 <div class="menu"> <div class="container"> <img src="images/logo.png" alt="" class="logo"> <...

2022-01-19 11:42:25 1060

原创 css组件思想

目录一,早期前端面临的问题二,原理三,作用四,技术一,早期前端面临的问题1,选择器冗余繁琐2,命名冲突3,层次结构不清楚4,代码难以复用二,原理 将整个网页看成由多个小部件组成,每一个部件都是一个组件,网页都是由小部件合成出来的三,作用减少css代码的冗余四,技术#header .top .left{ color: white;}#head...

2022-01-18 18:33:39 519

原创 Node.Js入门与模块

目录一,NodeJs介绍1.1 简单介绍1.2 NodeJs优点二,NodeJs准备工作 2.1 nodejs安装 2.2 dos命令(掌握) 2.3 node运行js 2.4 vscode打开终端 2.5 js规范三,NodeJs模块和NPM 3.1,node模块的导入和导出 3.2,注意事项 3.3,导入模块的...

2022-01-17 18:51:27 647

原创 css从入门到深入理解

一,css入门知识1.1 web标准不是一个标准,是一系列标准 网页组成部分:内容(所有东西),结构(使内容更加清晰),变现(使网页更加美观),行为(网页和用户的交互) 结构标准:HTML,XHTML,XML 表现标准:css 行为标准:JavaScript web标准制定的目的:为了让同一个页面在不同的浏览器或者终端设备看到的效果一致1.2什么是css Cascading ...

2021-12-27 09:00:00 1744 1

原创 前端需要了解的PS相关操作

1,ps的认识 ps:Photoshop,一款图形处理软件 ps界面回到原始布局: 窗口-工作区-复位基本功能 ps源文件格式.psd为后缀2,新建文件文件-新建(ctrl+N) 标准网页尺寸:1920*1080像素(px) 打印分辨率300 其余723,图层:上面的覆盖下面的 图层—新建图层(ctrl+shift+...

2021-12-26 14:51:38 475

正则表达式常用验证规则

正则表达式常用验证规则

2022-02-10

空空如也

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

TA关注的人

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