自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(90)
  • 资源 (8)
  • 收藏
  • 关注

原创 【CodeGeeX】国产的免费AI编程助手

CodeGeeX是一款基于大模型的全能的智能编程助手。它可以实现代码的生成与补全、自动添加注释、代码翻译以及智能问答等功能,能够帮助开发者显著提高工作效率。CodeGeeX支持主流的编程语言,并适配多种主流IDE。

2024-04-19 14:21:42 266

原创 【vue3-pbstar-books】大学生前端期末作业(vue3、element-plus、ts、pinia、vite、json-server)

vue3-pbstar-books是一个图书主题的pc端网站,该项目有首页、全部书籍页、书籍分类页、书籍详情页和关于页五个页面。该方案结合了 Vue3、Element-Plus、TypeScript、Pinia 和 Vite 等先进技术,实现高效的页面布局、状态管理和构建体验。同时,后端采用基于 json-server 提供数据接口服务。

2024-04-13 22:26:03 121

原创 原生js实现循环滚动效果

原生js实现如下图循环滚动效果。

2024-03-28 22:39:07 328

原创 【vue3-pbstar-admin】一款基于vue3和nodejs的简洁后台管理系统

Vue3-pbstar-admin 是一个简洁的后台解决方案,提供了基础的用户体系和页面接口权限配置,方便用户进行自定义开发,避免不必要的代码冗余。该方案结合了 Vue3、Element-Plus、Pinia 和 Vite 等先进技术,实现高效的页面布局、状态管理和构建体验。同时,后端采用基于 Node.js 的 Express 框架和 MySQL 数据库,提供稳定的数据存储和高效的后台服务。

2024-01-24 11:29:00 1318

原创 6.golang函数、指针、结构体

函数是执行特定任务的代码块。函数接受输入,对输入执行一些计算,然后生成输出。

2023-11-27 16:59:06 488

原创 5.golang字符串的拆解和拼接

字符串是 Go 中的字节切片。可以通过将一组字符括在双引号中来创建字符串" "。Go 中的字符串是兼容Unicode编码的,并且是UTF-8编码的。

2023-11-26 16:30:11 537

原创 4.golang中map的增删改查

map 一种无序的键值对, 它是数据结构 hash 表的一种实现方式。map工作方式就是:定义键和值,并且可以获取,设置和删除其中的值。

2023-11-26 14:23:30 514

原创 3.golang数组以及切片

数组是具有相同 唯一类型 的一组以编号且长度固定的数据项序列。一个数组的表示形式为 T[n]。n 表示数组中元素的数量,T 代表每个元素的类型。var a[3]int 声明了一个长度为 3 的整型数组。数组中的所有元素都被自动赋值为数组类型的零值。运行上述程序将输出 [0 0 0]

2023-11-26 11:09:27 437

原创 bootstrap-table.js添加序号列

bootstrap-table.js插件添加序号翻页后还是会从1开始,所以需要修改源码扩展序号功能。

2023-05-29 16:31:15 551

原创 2.golang的变量、常量、数据类型、循环和条件判断

变量(Variable)的功能是存储数据。Go语言中的每一个变量都有自己的类型,并且变量必须经过声明才能开始使用。在函数内部,可以使用更简略的 := 方式声明并初始化变量。

2023-05-22 09:39:44 406

原创 1.golang的介绍、环境安装和编译器安装

Go语言其实是Golanguage的简称,Go(又称 Golang)是 Google 的 Robert Griesemer,Rob Pike 及 Ken Thompson 开发的一种静态强类型、编译并发型语言。Go 语言语法与 C 相近,但功能上有:内存安全,GC(垃圾回收),结构形态及 CSP-style 并发计算。

2023-05-18 11:04:43 772

原创 vue实现文字打字机效果(纯代码无需引入npm包)

为了实现文字打字机效果,网上找大多数说的是引入 vue-typed-js 插件,折腾了一通没弄太好,没办法,既然没有轮子那就创造轮子。

2023-05-11 17:26:36 2204 3

原创 vue数据大屏数字跳动效果(简单实用)

基于对vue-count-to插件的二次封装使代码更优雅的实现数据大屏数字跳动效果

2023-04-15 22:39:36 1334

原创 axios相应拦截器

【代码】axios相应拦截器。

2023-03-07 11:15:33 73

转载 【转载】2022凛冬之时三年经验前端面经

面试官让你自我介绍,而且不限定自我介绍的范围,肯定是面试官想从你的自我介绍中了解到你,所以介绍一定要保证简短和流畅,面对不同的面试官,自我介绍的内容可以是完全一样的,所以提前准备好说辞很重要,并且一定要注意:不要磕磕巴巴,要自信!流畅的表达和沟通能力,同样是面试官会对候选人考核点之一。我也曾当过面试官,自信大方的候选人,往往更容易受到青睐。1、个人介绍(基本情况),主要的简历都有了,这方面一定要短2、个人擅长什么,包括技术上的和非技术上的。技术上可以了解你的转场,非技术可以了解你这个人。

2023-01-28 13:52:01 334

原创 Vue中事件总线$bus的用法及$on、$off和$emit的使用

【代码】Vue中事件总线$bus的用法及$on、$off和$emit的使用。

2023-01-19 14:32:10 1610

原创 纯js导出Excel文件(无需引入插件)

【代码】纯js导出Excel文件(无需引入插件)

2022-11-30 16:47:53 424

原创 js多文件下载和多文件分文件夹打包下载并重命名

【代码】js多文件下载和多文件分文件夹打包下载并重命名。

2022-11-14 13:15:03 1116

原创 jQuery UI draggable兼容移动端

用jQyery UI的draggable可以很方便地在PC端实现页面元素的可拖放,不过jQyery UI不是为移动端而写的,因此这个draggable方法在手机上无效。已经有了现成的解决方法,那就是再加一个jQuery UI Touch Punch插件即可。

2022-10-27 11:39:10 846

原创 nvm(node版本管理工具)下载及安装教程以及npm安装

nvm是一个node的版本管理工具,可以对多个node版本进行安装和切换。

2022-10-08 15:49:48 3615

原创 vue自动实现px转vw,使页面等比缩放适应大小屏幕

为了小屏幕电脑兼容1920px设计稿的页面,所以需要将px单位转换成vw单位。

2022-08-30 15:10:21 1491

原创 【Pindex】我用vue做了个“假终端”

pindex 是一个终端风格的浏览器主页,为了学习和工作更便捷,目前有搜索跳转、书签收藏、英文翻译和新闻热搜等功能。

2022-08-11 12:15:03 1845 2

原创 使用electron将vue项目打包成exe桌面应用

Electron相当于一个浏览器的外壳,可以把现有的vue程序嵌入到壳里面,vue项目中添加 electron 模块,使用 npm run electron:serve 进行启动项目,对 electron 进行配置,打包 exe桌面应用。

2022-08-05 16:17:00 4958 8

原创 三行代码 解决vue中设置div contenteditable光标移动到最后

在Vue做项目时,做了一个div[contenteditable=true]的组件作为文本输入框。在非手动输入值后,光标会丢失,经测试以下这段代码可用,直接将光标定位到最后。

2022-07-28 12:40:15 1774

原创 Vue移动端点击输入框,弹出键盘,底部被顶起的问题

Vue开发中,当我们相对于父视图的底部布局子控件时,需要用positionfixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题;一旦超出屏幕范围,当你点击输入框,弹出键盘时,底部固定定位的子控件就会被顶起来。这个问题在iOS端不会出现,在安卓端会出现。...

2022-07-26 13:47:11 3896

转载 纯前端vue图形验证码

转载自:https://blog.csdn.net/zxh7770/article/details/123906741创建VerificationCode.vue组件<template> <span class="s-canvas" @click="changeCode"> <canvas id="s-canvas" :width="contentWidth" :height="contentHe

2022-05-31 10:49:26 757 2

原创 vue封装分页组件并注册为全局组件

在components文件夹中新建paging.vue文件<template> <div class="pagingBox"> <div class="pagItem" @click="pageChange(1)"> {{isEn?'First':'首页'}} </div> <div class="pagItem" @click="pageChange('pre')">

2022-05-27 14:25:26 175 1

原创 vue中封装公共方法并挂载到全局

在src/assets/js下创建公共方法js文件(unit.js)function delUrlData (name) { var url = window.location.href; var urlparts = url.split('?'); if (urlparts.length >= 2) { //参数名前缀 var prefix = encodeURIComponent(name) + '='; var pars

2022-05-25 10:28:14 525

原创 elementui的el-cascader使用@vant/area-data数据

html<el-cascader v-model="form.area" placeholder="请选择地区" :options="arealist"></el-cascader>

2022-05-25 10:13:04 395

原创 vue全局自定义指令input自动获取焦点指令

在main.js中全局注册自定义指令Vue.directive('myfocus', { inserted: (el, binding) => { if (binding.value == true || binding.value == undefined) { el.focus() } }});使用自定义的自动获取焦点指令// 执行<input v-myfocus v-model="value" />

2022-05-07 09:19:21 923

原创 vue3封装axios请求

npm安装axiosnpm install axios创建http.js文件// 引入axiosimport axios from "axios";// 设置请求基准地址axios.defaults.baseURL = "http://api.xxxx.xx/";// 导出封装方法export default { get(url, params) { return new Promise((resolve, reject) => { axios

2022-05-03 21:18:45 848 2

原创 移动端预览(双指缩放移动)富文本编辑器上传的图片

通过使用vue-photo-preview插件,实现移动端图片的预览,全屏等功能。1.安装插件npm install vue-photo-preview --save2.main引入import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue.use(preview)3.给dom加点击事件<div v-html="contents" @click="showImg($e

2022-04-29 13:49:26 673

原创 js设置定时器和清除定时器

//setTimeout 1000ms后执行1次var time1 = setTimeout(function(){},1000); //setInterval 每隔1000ms执行1次var time2 = setInterval(function(){},1000) //清除Timeout的定时器clearTimeout(time1); //清除Interval的定时器clearInterval(time2);...

2022-04-28 14:23:35 1160

原创 PHP配置请求头允许跨域、拦截OPTIONS请求、接收POST请求参数

配置请求头允许跨域header('Content-Type:text/json;charset=utf-8');header('Access-Control-Allow-Origin:*');header("Access-Control-Allow-Headers:token,Origin, X-Requested-With, Content-Type, Accept");header('Access-Control-Allow-Methods:POST,GET');header('Access-

2022-04-26 08:44:25 1676 2

原创 编写一个程序将数组去除其中重复部分数据,最终得到一个升序且不重复的数组

已知如下数组:var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];编写一个程序将数组去除其中重复部分数据,最终得到一个升序且不重复的数组var arr2 = []var arr = [[1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10];this.fn(arr, arr2)arr2 = arr2.

2021-12-27 14:28:47 427

原创 vue中修改路由参数和监听路由参数的变化

vue中修改路由参数和监听路由参数的变化不跳转页面修改路由参数 this.$router.push({ query: { keyword: this.keyword } })监听路由参数的变化 watch: { $route: { handler () { console.log(this.$route.query.keyword); }, deep: true } },...

2021-11-03 17:11:01 379

原创 Vue3基础知识总结

vue3介绍(vue3 保持了 vue2 的大部分特性,增加了以下新特性:组合式 APITeleport片段触发组件选项来自 @vue/runtime-core 的 createRenderer API 创建自定义渲染器单文件组件组合式 API 语法糖 (``) 实验性单文件组件状态驱动的 CSS 变量 ( 中的 v-bind) 实验性Suspensevue3较比vue2做出了以下改变:打包大小减少 41%初次渲染快 55%,更新快133%内存使用减少 54%更好的 Type

2021-06-28 20:17:22 2613 4

原创 原生js实现图片列表懒加载和截流

为什么图片列表要用懒加载?1 增强用户体验2 优化代码3 减少http的请求4 减少服务器端压力5 服务器的按需加载6 提升页面第一次加载的速度代码// 懒加载实现function lazyload(imgs) { var h = window.innerHeight; var s = document.documentElement.scrollTop for (var i = 0; i < imgs.length; i++) { if ((h + s) &

2021-06-24 08:50:22 475

原创 git使用基础知识

git 基础知识svn 和 git 都是源代码版本控制工具,git 是最常用的代码版本管理工具‘git 服务端常见平台 github、coding.net,码云单分支个人开发git 流程图git 常见命令命令说明实例git clone克隆仓库到本地git clone [email protected]:pbstar/love_wall.gitgit status检查工作区状态git statusgit diff查看工作区文件修改情况git diff .

2021-06-23 11:29:10 168

原创 TypeScript入门知识总结

安装TypeScript通过npm(Node.js包管理器)npm install -g typescript构建第一个TypeScript文件创建1.ts文件并将下面代码粘贴到文件中function greeter(person) { return "Hello, " + person;}let user = "初辰";console.log(greeter(user));编译代码在命令行上,运行TypeScript编译器tsc 1.ts输出结果为一个1.js文件,它包含

2021-06-21 09:24:44 188

react增删改查小案例.zip

React跨组件crud增删改查小案例(带父子组件和css代码)

2021-05-26

神奇盒子App.apk

神奇盒子APP,聚合各大搜索引擎搜无不到,智能翻译、智能天气、文字转语音等等功能等你体验。

2021-04-11

webpack.zip

webpack.zip

2021-03-10

nodejs案例.zip

nodejs项目案例 增删改查 操作json数据

2021-01-28

在线教育app移动端页面psd设计稿.zip

在线教育app移动端首页页面psd设计稿

2021-01-16

移动端rem布局项目源码.zip

在线教育app首页静态页面,移动端rem布局项目案例

2021-01-16

js正则表达式表单验证小案例

js正则表达式表单验证小案例

2020-12-24

表白墙源码(php+mysql).zip

本程序包括前台后台两部分,主要有表白信息的增删改查以及模糊查询和批量删除等功能,由初学小白编写,bug较多,仅限用于学习交流

2020-11-04

空空如也

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

TA关注的人

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