- 博客(32)
- 收藏
- 关注
原创 vue大屏自适应插件
文档:https://github.com/Alfred-Skyblue/v-scale-screen/blob/2ab3ac2ab9cd8c7327fb09969aff9d550205337b/README.zh_CN.md。
2023-08-14 16:11:40
791
原创 window.print()打印时出现网页的链接等信息的页眉页脚,去除方法
【代码】window.print()打印时出现网页的链接等信息的页眉页脚,去除方法。
2023-02-23 15:48:06
3832
原创 JS基础(运算符及条件判断)
% 取余(取模):5 % 3 = 2;浮点数:不能直接判断两个浮点数是否相等,也不能直接进行浮点数运算逻辑运算符:"&&"(逻辑与,“and”);"||"(逻辑或,“or”);"!"(逻辑非,“not”);
2021-08-22 11:58:32
250
原创 Git——如何将本地项目提交至远程仓库(第一次)
1.(先进入项目文件夹)通过命令 git init 把这个目录变成git可以管理的仓库。git init2.把文件添加到版本库中,使用命令 git add .添加到暂存区里面去,不要忘记后面的小数点“.”,意为添加文件夹下的所有文件(夹)。git add .3.commit到主分支git commit -m "描述" 4.登录github,把本地仓库提交至远程仓库。接下来你要做的就是复制那个地址,然后你将本地仓库个远程仓库连接起来。git remote add origin git@gi
2021-08-19 19:20:06
221
原创 element-ui表格数据批量删除,调后台接口,以数组形式传输id值
delHandle(){ this.$confirm('此操作将永久删除该角色, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'error', center: true }).then(() => { this.idStr=this.idStr.split(',') delRolesByIds(this.idS
2021-08-18 15:08:16
635
原创 vscode如何保存文件后自动格式化ES6语法
下载插件:ESLint,JavaScript(ES6),vetur打开:文件-首选项-设置-右上角的settings.json文件加入代码:"eslint.autoFixOnSave": true, "explorer.confirmDragAndDrop": false, "editor.detectIndentation": false, "editor.tabSize": 2, "vetur.format.defaultFormatter.js": "non
2021-08-05 15:03:24
626
原创 获取验证码定时器的编写
<template> <view> <view class="box"> <view class="title"> 验证码 </view> <view class="inp"> <input type="number" placeholder-style="color:#ABACAD" placeholder="请输入验证码" /> <text :class
2021-07-18 16:17:39
117
转载 Vue脚手架的创建
官网地址安装脚手架:npm install -g @vue/cli创建脚手架基于 交互式命令行 的方式,创建 新版 vue 项目vue create my-project基于 图形化界面 的方式,创建 新版 vue 项目vue ui基于 2.x 的旧模板,创建 旧版 vue 项目npm install -g @vue/cli-initvue init webpack my-project通过单独的配置文件配置项目① 在项目的跟目录创建文件 vue.config.js② 在该文件中
2021-07-04 19:02:14
61
原创 Git基础
1. Git基础1.1 版本管理1.1.1 什么是版本管理版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。1.1.2 人为维护文档版本的问题文档数量多且命名不清晰导致文档版本混乱每次编辑文档需要复制,不方便多人同时编辑同一个文档,容易产生覆盖1.2 Git 是什么Git是一个版本管理控制系统(缩写VCS),它可以在任何时间点,将文档的状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来。1.3 Git 安装下载地址在安装的过程中,所有选项
2021-07-04 14:23:12
58
原创 CSS 学习 背景
background-color 设置背景颜色background-image 设置背景图片可以同时设置背景图片和背景颜色,这样背景颜色将会成为图片的背景色如果背景的图片小于元素,则背景图片会自动在元素中平铺将元素铺满如果背景的图片大于元素,将会一个部分背景无法完全显示如果背景图片和元素一样大,则会直接正常显示background-repeat 用来设置背景的重复方式可选值:repeat 默认值 , 背景会沿着x轴 y轴双方向重复repeat-x 沿着x轴方向重复repeat-y 沿着y
2020-09-03 15:59:38
100
原创 CSS学习 定位(position)
相对定位(position:relative)特点:元素开启相对定位后,如果不设置偏移量元素不会发生任何变化偏移量(offset)当元素开启定位后,可以通过偏移量来设置元素的位置top:定位元素与定位位置上边的距离button:定位元素与定位位置下边的距离left:定位元素与定位位置左边的距离right:定位元素与定位位置右边的距离绝对定位(position:absolute)特点:开启绝对定位后,如果不设置偏移量元素的位置不会变开启绝对定位后,元素会从文档流中脱离绝对定位会改变元
2020-09-01 12:05:06
157
原创 CSS学习 盒子的学习
CSS框模型概述图盒子边框(border):border(后面4个值表示):上 右 下 左border(后面3个值表示):上 右左 下border(后面2个值表示):上下 左右上边框(border-top);右边框(border-right)下边框(border-bottom);左边框(border-left)边框颜色(border-color)边框样式(border-style)可能值:dotted(点状) solid(实线) double(双线) dashed(虚线)盒子内边距(
2020-08-31 18:37:15
184
原创 css学习 选择器
常用选择器元素选择器:语法:标签名{}例子:p{} h1{} div{}id选择器:语法:#id属性值{}例子:#box{} #red{}类选择器:(class是一个标签属性,它和id类似,不同的是class可以重复使用。可以通过class属性来为元素分组。可以同时为一个元素指定多个class属性)语法:.class属性值{}通配选择器:作用:选中页面所有元素语法:*{}复合选择器交集选择器:作用:选中同时复合多个条件的元素语法:选择器1选择器2选择器n{}(简单点说,就
2020-08-31 12:46:36
576
原创 js学习 dom学习(三)
01.事件的委派.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload = function(){ var u1 = document.getElementById("u1");
2020-08-26 19:35:48
98
原创 js学习 dom学习(二)
01练习一<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>添加删除记录练习</title> <link
2020-08-26 18:54:36
133
原创 js学习 dom学习(一)
dom查询<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> &
2020-08-26 18:43:09
254
原创 js学习 图片切换练习
图片切换练习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #outer{ width: 500px; margin: 50px auto; paddi
2020-08-26 18:05:12
121
原创 js学习 拖拽练习
拖拽练习<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1 { width: 100px; height: 100px; background-color: red; position: absolute; } #box2 { width: 100px; height: 100px;
2020-08-26 17:48:59
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人