#头条创作挑战赛#

本文同步本人掘金平台的文章：https://juejin.cn/post/7088832120638046244

由上面我们知道一个html中是有各种元素用来呈现不同的元素的，今天我们就来整理一下常用的元素！

块元素：div

html中的元素分为块级元素和内联元素，其中块级元素单独占一行，而多个内联元素是在同一行的，如果放不下就会自动换行，div就是我们常用的块级元素,span是我们常见的内联元素，比如：

昨天我们学习了html框架代码，简单地写了我们的第一个网页，今天我们来更加丰富它。

我们今天继续讲几个标签然后学习一下style属性。

<del></del>：是在文本上画一条线，就像我们打折促销划掉原价的那种效果。

我是把弹窗的html都写在了页面app里边。

1、html代码

<div class="layui-body"  id="app">
  <div  ><button  @click="queren">显示确认框</button><button  @click="qshanchu">显示删除框</button></div>
  <div class='zzc none'  :class="{'nonone':showzzc==1}">
  <div class='confir' v-show="showts==1">
    <h3>温馨提示</h3>
	<p>确认要删除吗？</p>
	<div class='del-btn-item'>
	  <dl>
	    <dd>
		  <button type='button' class='confire_btn_no'   @click="hidetc">取消</button>
		  <button type='button' class='confire_btn_yes' @click="isdelc">确认</button>
	    </dd>
	  </dl>
    </div>
  </div>
  <div class='confir' v-show="showts==2">
    <h3>温馨提示</h3>
    <p>{{tis}}</p>
    <div class='del-btn-item'>
      <dl>
	    <dd>
		  <button type='button' class='confire_btn_yes_full confire_btn_yes' @click="hidetc">确认</button>
	    </dd>
	  </dl>
    </div>
  </div>
</div>
</div>

今天给大家分享的是Vue3系列之自定义桌面端对话框组件v3layer。

V3Layer 基于vue3.0构建的多功能PC网页端

1、 代码开发版实现方法

常规代码实现思路是：

1）web 页面加载后，通过 javascript 创建页面元素 div，并在 div 元素中创建文本节点，展示水印内容

2）设置 div 元素样式，将其 zIndex 设置一个较高的值，并设置透明度，实现浮在页面的水印效果

代码开发时需要考虑页面自适应时宽高改变的情况，同时还需要保证不能影响页面的原有事件功能，需要综合考虑的细节比较多。

作者： 徐小夕

转发链接：https://mp.weixin.qq.com/s/XHwOHf498t6ZNfDLiwZ6Xg

前言

最近在做季度总结和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了笔者的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候笔者发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟系统的调研了一下, 觉得基本满足技术分享类PPT的要求, 所以决定采用该方案来实现我的网页版PPT. 这里列一下笔者的技术调研方法论, 供大家参考:

# 前言

图上那些类似于星座图的点和线，是由vue-particles生成的，不仅自己动，而且能与用户鼠标事件产生互动。

一直中意这种动态插件，今天有时间，迫不及待试了一波~

大写的NICE~

使用教程：