- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uni-app的map组件和video组件层级过高问题
1、直接使用nvue写，vue和nvue的渲染方式不一样，直接用nvue可以直接调整层级，可以覆盖住video和map组件。注意：nvue的和vue的css和标签的写法有很大的不一样，直接去查nvue的写法，写几个就会了。2、使用uni-app的原生窗体，在vue页面上覆盖一层nvue页面，也可以解决video和map的组件层级过高问题。3、对于uni-app自带的video组件，还有一种解决方法就是用一些视频播放的插件，这些插件一般都没有层级过高问题。
2023-03-28 23:03:53
1798
1
原创 uni-app在线签名功能，签名生成图片，转base64工具
这个我简单研究了一个，能直接用，样式可以自己修改。需要配合base64转换的，工具也放在这这里。说明网址：“https://www.npmjs.com/package/image-tools”废话不多说啊，直接上代码，代码我也是看的一个大佬的，但是不知道在哪看的了，就不写转载了。base64图片转换 （这个是一个工具，给大家写上原地址）
2022-10-18 23:38:18
1050
原创 用js实现选项卡，这样才显的专业
<style> * { margin: 0px; padding: 0px; } ul { list-style: none; } .box { width: 600px; margin: 0 auto; /* background-color: pink; */ ..
2022-04-22 00:04:52
99
原创 原生js实现吸顶效果
什么是吸顶效果： css中固定定位（fixed）实现的效果就是吸顶效果 那么如何用js去操作。代码如下<style> * { margin: 0px; padding: 0px; } .top { /* width: 100%; */ width: 1000px; /* height...
2022-04-20 23:08:56
1542
原创 js中什么是函数，一篇就可以。
什么是函数：在程序设计中，将一段经常使用的代码“封装”起来，需要时可以直接进行调用，这个“封装”就叫函数。函数分类 ：
2022-04-06 22:20:21
350
原创 javascript(4)
今天介绍学编程必学的三大结构一、顺序结构程序都是自上而下、从左往右的顺序运行的。二、条件结构1、if...else..语句（单分支结构）if（条件）{语句一}else{语句二}当条件成立时，执行语句一，条件不成立时，执行语句二。2、if...else if...else（多分支结构）if（条件一）{语句一}else if（条件二）{语句二}else{语句三}当条件一成立时，执行语句一，条件二成立时，执行语.
2022-03-31 21:49:40
734
原创 javascript(3)
一、数据类型检测typeof(number);可以检测出该值的所属类型实例：var num;num = prompt(45);console.log(typeof(num)));检测出由prompt输进去的值都为String类型二、 数据类型转换1、通过运算进行转换a=a-0;a=a*1这样字符型就可以转换为数值型2、通过Number()进行转换转化为数值型a=Number（a）3、一元运算符通过一元运算符进行数值转换a
2022-03-30 23:08:41
455
原创 javascript（2）运算符
介绍：今天简单介绍几种运算符，基础的还是要打好，不然后面深入的时候可能会很懵。今天开始会正式更新js的主要内容，希望和大家一起学习，一起进步。一、 算数运算符+ 加号 - 减号 * 乘号 / 除号 % 取余数 a++和++a 自增 a--和--a 自减 注意：这里重点说一个这个自增和自减的两种方式。（以自增为例）相同点：a++和++a都有数自增的效果。区别点：赋值时，a+...
2022-03-29 21:04:23
536
原创 javascript脚本语言
介绍： java是一种脚本语言，在网页中做为行为层，可以用脚本实现多种效果。一.引入js脚本的三种方式1.外链式 用script引入外部的js文件<script type="text/javascript" src="js/01.js"></script>2.内嵌式在script标签之间直接写入js样式<script> alert(111); //输入文字等字符需要加单引号或双引号。...
2022-03-28 21:09:38
391
原创 弹性盒子布局（2）
一、项目单独布局在单独的项目上面单独设置属性1、align-self:（基于交叉轴进行布局）align-self:auto 默认值， align-self:start 单独上对齐 align-self:end 单独下对齐 align-self:center 单独中间对齐 2、弹性布局中每个项目单独有个order数值，默认为0，数值越小，项目越靠前实例：<style> .box{ width: 500px; heig
2022-03-24 19:47:57
342
原创 弹性盒子布局
弹性盒子也是布局的一种方式，用起来也是很nice，用于移动端也是很nice。接下来我为大家介绍下弹性盒子的语法和布局。一、弹性盒子的布局与之前不同，由主轴（横轴）和交叉轴（纵轴金进行布局）1、主轴justify-content:flex-start 按照主轴左对齐 justify-content:flex-end 按照主轴右对齐 justify-content:center 按照主轴居中对齐 justify-content:space-between 每两
2022-03-23 19:27:26
593
原创 web实现翻转效果
今天作业太多了，写不完，网课效果太不好，害。今天实现一个翻转效果，实现翻转的两面是两个内容<style> .box{ width:500px; height:500px; margin:0 auto; } .box .one{ width:291px; height:251px; position: relative; } .box .one .tone{ position: absolute;
2022-03-23 00:18:07
462
原创 CSS(2) 阴影和渐变
一、阴影1.文字阴影：text-shadow text-shadow：值1 值2 值3 颜色。实例：<style> .box{ font-size:50px; text-shadow: /* 第一个值为水平方向 第二个值为垂直方向 第三个值为模糊程度 加颜色*/ 12px 12px 5px #FF0000; } </style> </head> <body> ...
2022-03-18 14:21:53
2760
原创 面试总结（1）href和src、@import和link
1、href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如：<link href="reset.css" rel=”stylesheet“/><a href=""></a> 浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link，而不采用@import加载css的原因。 2、 src是source的缩写，...
2022-03-17 22:50:57
106
原创 display:none和visibility:hidden的区别
display：none 和visibility：hidden都可以实现让元素隐藏的效果，但原理是大不相同1.display:none是让这个元素失去块元素的效果，其本身这个元素也是直接消失，会影响到布局问题。2.visibility:hidden:可以让元素消失，属于css样式，它只是简单的让元素看不见，但本身的位置还在，如果对div进行hidden，那么div除了看不见，其他所有的样式都在。...
2022-03-16 18:43:00
12199
原创 CSS(3)
1.聚焦选择器input:focus<style> input{ outline:none; } /* 聚焦选择器，选中时边框变色 */ input:focus{ border-color:blue; } </style> </head> <body> <input type="text"> </body>运行实例：选中框时边框会聚焦变色。2.属性选.
2022-03-15 22:00:01
382
原创 用css叠加实现图片遮钟罩效果
给图片添加了一层阴影效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/05.css"> <link rel="stylesheet" href="css/base.css"> </head> <bod...
2022-03-15 21:49:14
88
原创 HTML5
介绍：html5是第五代的html标签语言，相比于html其他版本的语言有新增了很多新的标签，同时html结构也变得更加的清晰和简单。一、七大块元素，进行大局的布局header 头部块 nav 导航栏块 section 中心内容块 arcticle 段落块 aside 侧边块 footer 脚注块 main 主要块 注意：这些块元素和div性质是一样的，没有样式，只是布局起来更清晰其中，main块不能做子元素，可
2022-03-14 21:10:06
1304
1
原创 CSS(9) 定位
一·、用position定位position:static 默认值，无效果 position:relative 相对，相对于自己的位置进行定位 position:absolute 绝对定位，脱离文档流，相对于浏览器进行定位 position:fixed 固定定位 position:stricky 粘性定位 posit:z-index 元素的堆叠顺序，对定位起作用 1.相对定位；一个div，最初在页面的左上角，用position进行定位，用
2022-03-10 22:01:05
196
原创 CSS（9）网站标题优化
一、网站的标题1.网站的表述<meta name="description" content="这是一个好的网站">2.网站关键字，对网站友好<meta name="description" conttent="关键字">3.标题图标：用ico文件，引入ico图片，两种方式1.比特虫在线转换ico图片2.直接在项目根目录放入ico图片，图片名称： fovicon.ico3.加入引入ico的link链接，再加入图片，图片名称一定是 faicon.ico
2022-03-09 19:50:09
636
原创 CSS(7) css背景中原来这么玩
一，css中的背景1.背景颜色background-color:值2.背景图片background-image:背景图片background-image:url(image/img.jpg)3.背景是否重复background-repect:repeat 默认，垂直水平都重复 no-repeat 不重复 repeat-x 水平重复 repeat-y 垂直重复 4.背景图片的位置backgroung-position:1）像
2022-03-07 21:47:51
307
2
原创 CSS（6），伪类原来可以这么用
一.伪类实现与用户交互的一种方式，为了让用户的体验更好。link 未访问状态的颜色 visited 鼠标点击后的状态 hover 鼠标在文本上面悬停时的颜色改变 active 激活状态，鼠标点击不松手时颜色改变 伪类现在可以应用于多种标签，改变的状态也比较多，比如背景颜色；伪类应用比较广泛，希望大家可以多联系。实例；<style> a:link{ color:red; } a:visited{
2022-03-05 14:23:34
112
2
原创 CSS（5）盒子模型
一、标准盒子模型每个标签都类似于盒子有内边距和外边距内边距设置padding-left：10px； 左边的边距 padding-right：10px； 右边的边距 padding-top：10px； 上面的边距 padding-bottom：10px； 下面的边距 简写：padding:10px;上下左右都是10px；padding：10px 20px；第一个值是上下的边距，第二个值是左右的边距； padding：10px...
2022-03-05 13:56:20
618
原创 CSS（4）css样式中的text样式
介绍：本节介绍text样式和一起其他的样式，css的样式更新就完了，因为css单词较多，所以希望大家能够好好背单词，这样写的时候才不会一直去翻笔记这样效率就会大大增加。最后，希望大家能够学会css。一. text样式总结 单词很多，希望大家都能好好背text-align:center; 文本居中 text-align:right; 文本居右 text-align:left; 文本居左 text-align:justify 文本两端对齐 tex...
2022-03-04 09:23:15
2083
1
原创 CSS（3）样式和选择器的类型
一、今天补充css的选择器和样式，今天是博主遇到瓶颈的一天，css确实是很好用，但是要背的单词也好多，555.1、通配选择器通配选择器可以选择所有标签，一般用来元素的格式化，权重非常的小，比标签选择器还要小实例： *{ border:10px solid #0000FF; }可以对所有的标签进行渲染.2.分组选择器...
2022-03-03 21:40:31
374
原创 CSS （2）如何用css去写渲染网页
介绍：今天更新css中的选择器部分，选择器是css的重要部分，用它就可以去快速方便的去渲染网页一，选择器类型四大选择器：标签选择器，id选择器，类选择器，包含选择器1.标签选择器直接用相同的标签，在style中定义后，进行渲染网页实例：style下的div中定义属性，在下面标签中的内容生效。<style type="text/css">div{ color:red; font-size:90px;}</style><b
2022-03-02 21:11:57
474
原创 CSS（1）的三种样式
介绍：今天开始更新前端中的css（层叠样式表），如果说HTML是网页框架的话，那么css就是网页的装扮，主要对网页进行修饰；为网页提供了丰富的格式化功能；css呢也是我们学习前端重要的一章，希望今后的日子能够和大家继续一起学习前端。1.行内样式直接在标签内部进行操作，定义的属性用分号隔开，长度和宽度的定义一定要加px； style="color：；width："实例<div style="color:red ;...
2022-03-01 21:29:26
163
原创 认识HTML (3)熟练使用超链接
介绍：今天更新超链接的用法和一些表单的使用1.超链接的基本用法 通过此操作，可以跳转到百度网站<a href="http:www.baidu.com" target"">百度一下</a> 补充：也可以通过此操作跳转到本地的其他网页 <a href="01.html" target="">...
2022-02-24 21:30:57
2105
运动会分数计分系统（大一期末必备哦）
2022-03-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人