- 2024-07-01html+css+js文章模板
图片 源代码在图片后面，点赞加关注，谢谢
- 2024-06-23百度一下首页制作（HTML+CSS）
部分代码展示：<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>百度一下，你就知道</title><styletype="text/css">/*清除元素默认性质*/body{margin:0;
- 2024-06-17HTML和CSS知识汇总4
一、背景1、背景简写|属性名|background ||属性值|colorimage repeatposition||默认值|每个属性的默认值 ||描述 |设置背景图片是否随内容滚动 |CSS3支持背景半透明的写法语法格式是:```cssback
- 2024-06-17悬浮贴样式
悬浮贴样式悬浮贴样式效果图如下：预览地址：https://www.cnblogs.com/leo130-blogs/p/18251987html语句:<divclass="sticker"><divclass="sticker-title"></div><divclass="sticker-detail"><divclass=&qu
- 2024-06-14Vue3——watch监视
watch监视的作用watch:监视数据的变化，与Vue2中的watch作用相同。特点：Vue3中的watch只能监视以下四种数据：ref定义的数据reactive定义的数据函数返回的一个值（getter函数）一个包含上述情况的数组语法： watch(参数1，参数2，参数3) 参数1：被监视的数据
- 2024-06-13Vue3——computed计算属性
computed计算属性的作用computed作用:根据以有数据计算出新数据（和vue2的computed的作用一样）特点：只要值一改变，就重新计算，如果没变，则使用缓存中计算出来的值与函数作对比，在模板中多次使用，计算属性的只会执行一次，有缓存。而函数会执行多次，无缓存。俩种使用方式computed计
- 2024-06-11Vue3——setup语法糖
setup概述setup是Vue3中新的配置项，值是一个函数，组件中所用到的数据、方法、计算属性、监视等等，均配置在setup中。setup函数返回的对象中的内容，可直接在模版中使用。setup中不能使用this关键字，this是undefined。setup会在beforeCreate()函数之前调用，领先所有的钩子函数执行的
- 2024-06-11vue初使用实例之笔记本
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title></title><metaname="des
- 2024-06-08纯CSS+单个div实现抖音LOGO
纯CSS+单个div就能绘制抖音LOGO关键点：主要借助了两个伪元素实现了整体结构，借助了drop-shadow生成一层整体阴影drop-shadow只能是单层阴影，所以另一层阴影需要多尝试contrast(150%)brightness(110%)则可以增强图像的对比度和亮度，更贴近抖音LOGO的效果预览结果如下：在线
- 2024-06-05裁剪的3种方式，CSS 如何隐藏移动端的滚动条？
在移动端开发中，经常会碰到需要横向滚动的场景，例如这样的但很多时候是不需要展示这个滚动条的，也就是这样的效果，如下你可能想到直接设置滚动条样式就可以了，就像这样::-webkit-scrollbar{display:none;}目前来看好像没什么问题，但在某些版本的iOS上却无效（具体待测试），滚
- 2024-06-04transition
<transitionname="fade"><!--v-if="monitoring||(!dataType&&!showTutelage&&!seeSure)"--><divv-if="monitoring"class="ywy"@click=&qu
- 2024-05-31CSS中inset属性详细讲解
CSS中的inset属性是一种用于定位和调整非static定位元素的缩略属性。它是四个单独属性的简写，这些属性是top、right、bottom和left。通过inset属性，可以同时设置这些属性的值，简化代码书写。1.属性语法inset属性的语法如下：/*单个值*/inset:<length>|<perce
- 2024-05-30第二十五章CSS中的技巧（导航栏、下拉列表）
1.CSS精灵1.什么是CSS精灵英文叫法 CSSsprites，通常被解释为“CSS图像拼合”或“CSS贴图定位”;其实就是把网页中一些背景图片整合到一张图片文件中，再利用css“background-image”，“background-repeat”,“background-position”的组合进行背景定位，background-position用数
- 2024-05-29存档
点击查看代码<linkhref="https://files.cnblogs.com/files/blogs/823932/tippy.min.css"rel="stylesheet"><scriptsrc="https://files.cnblogs.com/files/blogs/823932/jquery2.min.js"></script><scriptsrc="https
- 2024-05-29css 特殊进度条
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=
- 2024-05-28html+CSS部分基础运用8
1.P147实验1，完成页面制作效果。图7-1木兰花令效果图2.P147实验2，完成页面制作效果。项目1<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <linktype="text/css"> <title>木兰花令</title>
- 2024-05-24购买成功悬浮弹窗实现
效果如下，弹窗后几秒钟消失<viewclass="tanchuang"v-show="showbarrage"> <viewclass="tanchuang-s"> <image:src="list[timenum].src"mode=""style="width:20px;height:20px;"></image&
- 2024-05-222024.05.07
所花时间（包括上课）： 1 h左右代码量（行）： 200 左右搏客量（篇）：1了解到的知识点： 用ref定义响应式数据备注（其他）： 首先需要import{ref}from'vue'哪个需要响应式，哪一个加ref('name')在函数中调用响应式数据的时候，需要name.value解释
- 2024-05-222024.05.09 vue实现
所花时间（包括上课）： 1 h左右代码量（行）： 200 左右搏客量（篇）：1了解到的知识点： vue2的选项式api备注（其他）： <!--components文件中的Person.vue--><template><divclass="person"><h2>姓名:{{name}}</h2><h2>年龄:{
- 2024-05-20用CSS3绘制iPhone手机
Tips：当你看到这个提示的时候，说明当前的文章是由原emlog博客系统搬迁至此的，文章发布时间已过于久远，编排和内容不一定完整，还请谅解`用CSS3绘制iPhone手机日期：2017-7-3阿珏css浏览：1825次评论：1条先上效果图，先睹为快。(这绝对不是一张图片。恩~这话怎么怪怪的~)
- 2024-05-16vue的响应式数据1
所花时间（包括上课）： 1 h左右代码量（行）： 200 左右搏客量（篇）：1了解到的知识点： 用ref定义响应式数据备注（其他）： ref基本类型的响应式数据首先需要import{ref}from'vue'哪个需要响应式，哪一个加ref('name')在函数中调用响应式数据的时候，需要
- 2024-05-14vue2小效果的实现
代码量：100行左右搏客量：1所用时间：1h<!--components文件中的Person.vue--><template><divclass="person"><h2>姓名:{{name}}</h2><h2>年龄:{{age}}</h2><button@click="changeName">
- 2024-05-08网页布局-------三角制作
使用border设置三角形，通过transparent隐藏多余的内容<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><
- 2024-04-26html+css布局小技巧
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="
- 2024-04-13主页修改前存档
1.html：<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>AI服务平台</title><l