- 博客(16)
- 收藏
- 关注
原创 【无标题】 filter: drop-shadow
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + S
2024-02-22 19:56:41
1029
原创 【无标题】手机端表格自适应
<!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" /> <titl
2022-04-27 09:21:53
360
转载 vue iframe 报错问题 浏览器监测到了iframe中存在不安全的链接正在尝试进行导航
报错信息如下Unsafe JavaScript attempt to initiate navigation for frame with URL ‘http://xxxx’ from frame with URL ‘http://yyyy’. The frame attempting navigation is targeting its top-level window, but is neither same-origin with its target nor has it received a
2022-01-11 11:25:53
4075
4
原创 antdesignvue AutoComplet 补全重复报错问题
如果数据ID不同,NAME相同或者TITLE等相同,会报错。这么干就可以了 <a-auto-complete v-model="ruleForm.companyId" placeholder="请输入" optionLabelProp="label" @select="onSelect" @change="onChangeStore" > <template slot="dat
2021-09-15 10:11:19
1196
原创 VScode VUE 用户代码片段
点击左下角的管理>用户代码片段>输入vue.json>打开后贴入一下代码即可。{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", "export default {", " nam
2021-09-07 14:41:31
113
原创 vue canvas 画笔 矩形 圆形 清空画布 撤销 保存图片
<template> <div class="test"> <canvas id="canvas" width="800" height="600" ref="canvas" @mousedown="canvasDown($event)" @mouseup="canvasUp($event)" @mousemove="canvasMove($event)" ><..
2021-06-09 16:06:05
1385
1
原创 vuecli4 使用swiper6
vuecli4 使用swiper6上代码npm install swiper vue-awesome-swiper --save这时候swiper安装的版本为 swiper6.5main.jsimport VueAwesomeSwiper from "vue-awesome-swiper";//swiper模块化配置import SwiperCore, { Navigation, Pagination, A11y, Autoplay } from "swiper";//swiper使用模块
2021-04-02 22:31:00
596
1
原创 全选反选全不选
<div style="width:200px;margin: 100px auto;" id="checkBox"> <input type="checkbox">大哥 <input type="checkbox">二哥 <input type="checkbox">三哥 <input type="check...
2020-02-13 16:35:03
96
原创 兄弟元素新增样式删除样式
<div> <ul class="list"> <li class="active">第一</li> <li>第二</li> <li>第三</li> <li>第四</li&g...
2020-02-13 12:56:36
184
原创 下拉一定高度顶部导航条浮动并固定
下拉一定高度顶部导航条浮动并固定浏览器下拉滚动到一定高度后,头部导航出现并固定浮动。<body style="background:#f4f4f4;min-height:2000px;"> <nav class="nav"> <div class="nav-content"> <div class="fl...
2019-11-24 14:38:27
796
原创 自动定时展开隐藏小广告
自动定时展开隐藏小广告2秒后右下角显示小广告,倒计时10秒后自动关闭,点击立刻关闭也可以直接关闭 <div class="adBox"> <div class="flex bg-black"> <div class="ad-text">广告还剩余10秒关闭</div> <di...
2019-11-23 22:33:19
111
原创 仿淘宝天猫双11下拉倒计时领取豆子
仿淘宝天猫双11下拉倒计时领取豆子 body { min-height: 2000px } .box { position: fixed; background: #ff4b4b; bottom: 30%; right: 30px; ...
2019-11-23 11:55:04
172
原创 meat标签
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> &...
2019-11-05 13:58:41
404
转载 JavaScript获取浏览器的显示区域大小信息
区域说明 JavaScript Code 网页可见区域宽 document.body.clientWidth 网页可见区域高 document.body.clientHeight 网页可见区域宽(包括边线的宽) document.body.offsetWidth 网页可见区域高(包括边线的宽) document.body.offsetHeight 网页正文全文宽 document.bo...
2019-11-04 14:52:50
156
原创 css3块级水平居中
css3块级水平居中.msgBox {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 200px;height:150px;background: #ff4b4b;}当使用:top: 50%;left: 50%;, 是以左上角为原点,故不处于中心位置translate(...
2019-10-22 21:54:14
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人