- 博客(25)
- 收藏
- 关注
RSS订阅原创 使用uview做表单校验不生效的原因
uview官网：如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。注意：这段代码需要加载uForm渲染出来之后，否则会报。
2024-03-26 14:59:50
1920
原创 版本控制系统
文章目录1. 版本控制系统1.1 为什么要有版本控制系统1.2 什么是版本控制系统1.3 版本控制系统的分类1) 本地版本控制系统2) 集中式版本控制系統3) 分布式版本控制系统2.git基础入门2.1 git的安装2.2 git config配置2.3 git三个区2.4 git基本命令1) git init2) git add3) git commit4) git status5) git log6) git diff7) git reset2.5 git忽视文件3. git分支操作3.1 为什么要有分
2022-11-03 13:35:04
523
原创 js 时间格式转换 ‘2022-07-21T06:00:22.000+0000‘
将时间格式为‘2022-07-21T060022.000+0000’转化为’yyyy-MM-ddHHmmss’或者’yyyy/MM/ddHHmmss’
2022-07-28 15:13:45
5158
1
原创 解决element-ui 使用el-upload组件上传图片成功后，点击预览图片，然后关闭预览窗口触发文件上传的问题
文件上传成功之后，点击预览，点击关闭，预览窗口关闭了，但是要弹出文件上传选择文件的界面。找了很久不知道什么原因，后面发现我嵌套关系写乱了正确写法：我当时写的是,把dialog组件放在了upload中...
2022-06-30 15:23:42
1769
2
原创 vue x2.0入门基础知识
1. vue的介绍1.1 概念vue官网称vue.js是渐进式的JavaScript框架，但什么是渐进式？什么是框架呢？渐进式:vue的渐进式主要体现在它的全家桶（vue + vue-router + vuex）在项目的开发中，起初是一个简单的demo，使用vue的基础知识就足够了。但随着项目的开发，页面会越来越多，这时就需要使用vue-router(路由)来管理页面，从而实现组件化开发。后期数据会逐渐增多，这时就可以使用vuex（状态管理工具）来管理数据。框架与库的区别参考网址
2022-05-12 14:03:34
2023
原创 axios的基本使用
设置基准路径在main.js文件中编辑//导入axiosimport axios from 'axios'//添加到vue原型上，让所有vue组件都能通过this.$axios访问到axiosVue.prototype.$axios = axios//设置基准路径axios.defaults.baseURL = http://localhost:3000/dataaxios使用格式this.$axios.方法名（url，data，config）.then（回调函数）data 数据：po
2022-05-05 13:45:33
737
原创 vue项目开发中的问题：Failed to mount component: template or render function not defined.
1.错误提示vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to mount component: template or render function not defined.found in---> <Anonymous> <App> at src/App.vue <Root>2.解决方法将这种引入方法修改为以下这种就好了...
2022-04-24 14:00:47
2120
原创 Vue项目开发中的问题：This dependency was not found
1.完整错误提示This dependency was not found:* Login.js?vue&type=script&lang=js& in ./src/views/Login/Login.vueTo install it, you can run: npm install --save Login.js?vue&type=script&lang=js&2.原因及解决方案经过查证，我Login.vue文件引入Login.js文件路径
2022-04-24 13:50:24
2038
原创 Vue 实现导航栏滑到顶部固定，滑动到相应位置导航栏有相应选中效果，点击导航跳转到对应位置
主要思路导航栏固定判断页面卷曲是否大于导航栏的offsetTop的值，超过了就证明导航栏到达了顶部，给导航栏添加固定样式的类名，注意：需要拿到导航栏固定前的offsetTop值，固定后的offsetTop值为0，会导致页面需要卷曲值为0时，导航栏才复位，中间会有一段突兀的情况。滑动到相应位置导航栏有对应选中样式html结构<div class="about"> <div class="banner"><div class="wrap"><
2022-03-23 11:50:52
9641
原创 element-ui 之组件BackToTop回到顶部的使用
刚开始我是放在页面最底部，然后使用无效，后面移动到最前面就好了<div class="layout"> <!--target:指向触发滚动的对象--> <el-backtop target=".layout"> <i class="el-icon-top"></i> </el-backtop></div>注意：1）使用时放在触发滚动的对象里的最前面2）还是无效时可以选择给触发滚动的对象添加
2022-03-17 15:51:51
2824
原创 VueCli4中设置路径别名
1.根目录下新建vue.config.js文件const path = require('path')// 引入path模块function resolve (dir) { return path.join(__dirname, dir)// path.join(__dirname)设置绝对路径}module.exports = { chainWebpack: (config) => { // 给路径起别名 config.resolve.alias .se
2022-03-14 15:17:19
671
原创 前端性能优化
减少重排（回流）与重绘重排： 会改变布局的 （ps:重排必定产生重绘）只重绘： 和布局无关样式改变 文字颜色， 背景颜色，边框颜色…优化方案尽量使用类名 操作样式div.calssList.add('test'); //一次重排 重绘 频繁操作元素 先设置display: none, 再操作， 显示 display: block;div.style.display = 'none';div.style.width = 200px;div.style.color = 'red'
2022-02-24 19:01:11
156
原创 移动web笔记
文章目录一、移动web基础1.移动端开发现状2.移动端与pc端 web开发的区别1）浏览器不同2）屏幕尺寸3）布局方式3.视口viewport（重要）4. 屏幕与分辨率（了解）1）屏幕尺寸2）屏幕分辨率5.物理像素 和 css像素6.2倍图与3倍图（重要）7.移动端调试问题二、less1.Less简介2.less的编译1）引入less.js文件（了解）2）使用考拉3）VScode 安装 Easy LESS 插件3.Less语法1）less初体验2）注释3）变量4）mixin混入5）混入函数6）嵌套7）导入8
2022-02-24 18:49:37
1268
原创 css3 多文本溢出时显示省略号
display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/line-clamp: 2; /*显示行数*/-webkit-line-clamp: 2;box-orient: vertical; /*设置或检索伸缩盒对象的子元素的排列方式 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; /*文字溢出显示省略号*/...
2022-02-11 17:00:49
299
原创 css3兼容性处理
css3:/*新属性：*/transition: all 1s; -webkit-transition: all 1s;/*新增取值：*/ background: -webkit-linear-gradient(red, yellow);js:div.style.transition = 'none;div.style.webkitTransition = 'none;事件：div.addEventListener('transitionend', function () {});
2022-02-10 14:18:15
368
原创 获取页面卷曲高度scrollTop的完美写法
var scorllTop = document.documentElement.scrollTop || window.pageYOffset ||document.body.scrollTop
2022-02-10 13:24:48
982
原创 js实现banner轮播图（transform）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、HTML二、css三、js前言首尾设置假图片，利用平移，过渡实现动画效果一、HTML <!-- 轮播图 --> <div class="jd-banner"> <ul class="clearfix"> <!-- 注意: 由于移动是可以左右滑动的, 所以需要两张假图片，为了动画过渡自然--> <li>
2022-02-08 14:47:40
2683
原创 jquery封装鼠标拖拽案例
$.fn.drag = function () { var that = this // 1.注册鼠标摁下事件 that.on('mousedown', function (e) { e.preventDefault() //阻止浏览器的默认行为 // 2.获取鼠标在盒子中的坐标 var mouseX = e.offsetX var mouseY = e.offsetY // 3.注册鼠标移动事件 $(document).on('mousemove
2022-01-14 11:44:32
358
原创 jquery五角星评分案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2022-01-13 19:56:47
142
原创 js实现贪吃蛇
文章目录前言1.封装食物对象2.封装蛇对象3.封装游戏对象4.HTML文件前言面向对象实现贪吃蛇1.封装食物对象代码如下（示例）：(function (window) { "use strict" function Food(options) { options = options || {} this.width = options.width || 20; this.height = options.height || 20; this.bgc =
2021-12-28 15:11:18
2153
原创 使用element-ui后@click不生效问题
原因Vue 使用的是一套自己的事件传递机制，如 @click 等事件是经过 Vue 封装的。因此，在一些实际上处理 DOM 原生事件的场合需要添加额外的标识符。解决方案为 @click 添加标识符 .native。 <el-col :span="8" class="security" @click.native="refreshCode">...
2021-12-10 10:26:01
1062
原创 QT项目设置qss样式遇到的问题(2)___设置QHeaderView样式时，竖形的表头不见了
表格的表头一般是在上方，但也有将表头放左边的特殊情况。横向表头正常显示的，但是竖形表头却不见了。在我多次尝试中发现是因为我给表头设置了字体加粗的样式QHeaderView{font-weight:bold}。当我把字体加粗的样式删除后发现就好了。...
2021-10-28 16:01:11
746
原创 QT qss样式中禁用样式的问题
参考网上的资料，利用的属性选择器[enabled=“false”]QComboBox[enabled="false"]{ background:blue; }去设置的禁用样式，但是用在程序中有些时候会不生效。于是换伪类选择器!enabled或者disabled就好了QComboBox:!enabled{ background:blue; }...
2021-10-28 15:53:23
1755
原创 使用elementui分页和表格时，表格展示的数据是全部，不受分页控制
自己刚学前端，记录日常问题使用elementui分页和表格时，表格展示的数据是全部，不受分页控制。因为是按老师写的来的，但是自己的就是不受控制，于是在表格引入数据的地方加了句:data="lists.slice((currentPage-1)pageSize,currentPagepageSize)"就好了 - <el-table>：显示表格 - <el-pagination>：分页<template> <div> <el-tabl
2021-09-29 15:24:37
3169
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人