- 博客(19)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 vue2 组件 计算属性 双向绑定
copyWithin() - 在数组内部，将一段元素序列拷贝到另一段位置上覆盖原有的序列，直接改变原数组。fill() - 用一个固定值填充一个数组中从起始索引到终止索引内的全部元素，直接改变原数组。unshift() - 在数组的开头添加一个或多个元素，并返回新的长度。push() - 向数组的末尾添加一个或多个元素，并返回新的长度。shift() - 删除数组的第一个元素，并返回被删除的元素。pop() - 删除数组的最后一个元素，并返回被删除的元素。
2025-03-20 18:41:47
172
原创 Grid宫格布局
// 固定数量和宽度 display: grid; grid-template-columns: 90px 100px 110px; grid-template-rows: 110px 100px 90px; // 固定数量，宽度自适应 display: grid; grid-template-columns: repeat(3, 33.33%); grid-template-rows: repeat(3, 33.33%); // 固定宽度，数量自适应 display: grid;.
2024-08-29 17:29:39
267
原创 获取当前一周时间
created() { let data = [] for (let i = -3; i < 4; i++) { data.push(this.getWeek(i)) } this.week = data; console.log(data); }, getWeek(day) { let weekName = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); let oneday = 1000.
2021-11-22 18:32:02
526
原创 JS运算符
算数运算符+ x + y-*/% 余数自增、直减x++ 等价与 x = x + 1x–赋值运算符=x += y 等价与 x = x + y-=*=/=%=比较运算符> < >= <=相等 全等 不等 不全等=====!=!==逻辑运算符! 非运算，可将变量转换成boolean类型，null、undefined和空字符串取反都为true，其余都为false。|| 短路或运算，第一个表达式成立，后面的表达式不运算，直接返回&a
2021-11-10 18:05:17
677
原创 div四角边框直角、倒角、 圆角、倒圆角
只用一个div实现边框直角、倒角、 圆角、倒圆角样式自调 <div class="box_border_radius"></div>.box_border_radius{ width: 100px; height: 100px; background: linear-gradient(135deg, #fff 20px, transparent 0) top left, radial-gradient(circle at 0% 100%, transparent 1
2021-11-10 10:49:24
7098
原创 CSS实现渐变梯形
一个div实现渐变梯形 <div class="tixin"></div>.tixin{ width: 200px; height: 200px; transform-origin: 50% 100% 0; transform: perspective(300px) rotateX(45deg); background-image: linear-gradient(0deg, rgba(153, 153, 153, 0.5), transparent); pos
2021-11-10 09:44:52
1106
原创 CSS 3D按钮
<div class="btn"> 3D按钮</div>.btn { width: 150px; height: 50px; background-image: linear-gradient(to top, #D8D8D8 0%, #fff 80%, #FDFDFD 100%); border-radius: 30px; border: 1px solid #8F9092; box-shadow: 0 4px 3px 1px #fcfcfc, 0 6px 8p.
2021-11-09 17:34:40
723
原创 css外圆角实现方法
一个div实现下边图形html <div class="bg3"> </div>css .bg3 { width: 200px; height: 80px; border-radius: 30px 30px 0 0; background: #00CAF5; position: relative; left: 50px; } .bg3::after{ content: ''; position: absolute; left: -
2021-11-09 17:21:23
3636
1
原创 CSS圆角边框渐变
一个DIV实现圆角边框渐变<div class="box"></div>.box{ width: 713rpx; height: 80rpx; border-radius: 100rpx; border: 5rpx solid transparent; background-origin: border-box; background: linear-gradient(0deg, #E24556, #E82148, #F35F77
2021-10-22 18:48:08
778
原创 Git命令
Git常用命令配置Git命令分支远程分支tag配置配置文件在用户主目录下 .gitconfig文件显示当前的Git配置git config --list编辑Git配置文件git config -e [–global]设置提交代码时的用户信息git config --global user.name “name”git config --global user.email “email”Git命令新建本地仓库git init查看当前状态git status添加
2021-10-22 15:21:50
117
原创 Git 超前一个版本，落后N个版本处理方法
在使用 Sourcetree 时，因为没更新，没有拉取代码提示，直接推送代码，推送之后才更新过来，导致版本超前且落后，处理方法首先，打开终端输入命令：$ git reset --hard HeaD^将推送的代码撤销，但是提交的代码都消失。如果想要提交的代码保存下来，输入以下命令：$ git reset --soft Head^执行命令之后再拉取代码，重新推送如果想回退多个版本，例：回退最近提交的3次，输入命令：$ git reset --soft HEAD~3如果想回退都指
2021-10-22 15:15:37
2503
原创 base.scss
@charset "utf-8";* { padding: 0; margin: 0;}/*fieldset组合表单中的相关元素*/input { outline-style: none;}/* 去掉 table cell 的边距并让其边重合 */table { border-collapse: collapse; border-spacing: 0;}/* 去掉列表前的标识，li 会继承 */ol,ul { list-style: none;}/* 默认不
2021-09-04 22:43:09
226
原创 uni-app checkbox 复选框 自定义样式
uni-app中更改复选框的默认样式在 app.vue 中添加以下代码， /* #ifdef H5 */ uni-checkbox .uni-checkbox-input { width: 100px; height: 50px; } uni-checkbox .uni-checkbox-input::before { content: '你好'; position: absolute; top: 50%; left: 50%; font-size: 22
2021-05-13 14:29:16
1949
原创 html笔记
HTML笔记结构标签和属性样式结构<!DOCTYPE html> document type doctype(文档)<html> 开始 <head> 开头 <!--网站配置--> <meta charset="utf8"> 编码设置（utf8 支持中文） <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> 为搜索引擎定义关键词: &
2021-04-16 22:52:25
203
原创 html文本超过两行隐藏
文本超过两行隐藏单行隐藏.hidden{ white-space: nowrap; /* 文本不换行 */ overflow:hidden; /*隐藏超出的内容*/ text-overflow: ellipsis; /*省略号(...)*/}多行隐藏.hidden-2{ display:-webkit-box;/*对象作为伸缩盒子模型展示*/ -webkit-box-orient:vertical;/*设置或检索伸缩盒子对象的子元素的排列方式*/ word-break:break-a
2021-04-16 20:41:20
640
原创 http://localhost:8080/../[object%20Object]
项目场景：spring mvc 整合问题描述：使用$.post和action或servlet交互 URL出现 http://localhost:8080/../[object%20Object] 错误的问题解决 解决方案：后来将$.post改为使用$.ajax，并且设置type:post,如下所示：$.ajax({type : “post”,url : “./test/ajaxTest”,});错误解决。后来想想是不是jQuery版本的问题，将jquery-1.4.js改为jque
2021-03-10 12:53:43
1936
js 怎么判断两个移动的异形图形是否接触
2021-10-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人