html
栋栋很优秀啊
这个作者很懒,什么都没留下…
展开
-
vue项目用axios获取本地json
vue项目用axios获取本地json原创 2022-09-26 21:58:08 · 890 阅读 · 1 评论 -
element表格合并
html代码如下: <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px"> <el-table-column prop="id" label="ID" width="180"> </el-table-column> <el-table-原创 2021-10-02 18:27:56 · 627 阅读 · 0 评论 -
CSS属性mask
CSS 属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。/* Keyword values */mask: none;/* Image values */mask: url(mask.png); /* 使用位图来做遮罩 */mask: url(masks.svg#star); /* 使用 SVG 图形中的形状来做遮罩 *//* Combined values */原创 2021-06-07 15:23:24 · 1395 阅读 · 0 评论 -
JavaScript 表达式和运算符(一)
加法赋值 (+=)加法赋值操作符 (+=) 将右操作数的值添加到变量,并将结果分配给该变量。两个操作数的类型确定加法赋值运算符的行为。加法或串联是可能的。let a = 2;let b = 'hello';console.log(a += 3); // addition// expected output: 5console.log(b += ' world'); // concatenation// expected output: "hello world"相加运算符 (+)相加原创 2021-05-29 14:29:20 · 210 阅读 · 2 评论 -
await
awaitawait 操作符用于等待一个Promise 对象。它只能在异步函数 async function 中使用。语法[返回值] = await 表达式;表达式一个 Promise 对象或者任何要等待的值。返回值返回 Promise 对象的处理结果。如果等待的不是 Promise 对象,则返回该值本身。描述await 表达式会暂停当前 async function 的执行,等待 Promise 处理完成。若 Promise 正常处理(fulfilled),其回调的resolve函数参原创 2021-05-28 08:38:10 · 529 阅读 · 0 评论 -
async function expression
async function expressionasync function 关键字用来在表达式中定义异步函数。当然,你也可以用 异步函数语句 来定义。语法async function [name]([param1[, param2[, ..., paramN]]]) { statements }参数name此异步函数的名称,可省略。如果省略则这个函数将成为匿名函数。该名称仅可在本函数中使用。paramN传入函数的形参名称。statements组成函数体的语句。描述异步函数表达式原创 2021-05-27 16:38:52 · 80 阅读 · 0 评论 -
?. 可选链操作符js
为了避免报错,在访问adventurer.dog.name之前,要保证 adventurer 的值既不是 null,也不是 undefined。如果只是直接访问 adventurer.dog.name,而不对 adventurer 进行校验,则有可能抛出错误。通过使用 ?. 操作符取代 . 操作符,JavaScript 会在尝试访问 obj.first.second 之前,先隐式地检查并确定 obj.first 既不是 null 也不是 undefined。如果obj.first 是 null 或者 .原创 2021-05-25 09:54:41 · 852 阅读 · 0 评论 -
原生JavaScript淡入淡出效果
效果:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0 } body { height: 100%; } .box { width: 250px; heigh原创 2021-01-21 16:20:51 · 154 阅读 · 0 评论 -
原生JavaScript随机点名表
效果:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ width:300px; height:200px; border:1px solid #ccc; /*position: absolute; left:0; right:0;原创 2021-01-12 09:34:58 · 419 阅读 · 4 评论 -
用HTML5Css敲一个画图
效果:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>MacBook Air</title> <style> .board { margin: 0 auto; padding: 0 auto; width: 600px; height: 450px; margin-top: 50p原创 2021-01-10 14:40:12 · 238 阅读 · 0 评论 -
原生JavaScript留言板
效果:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #txt2{ width:400px; height:50px; margin-top:5px; } #span1{ margin-left:200px; } #box{原创 2021-01-09 14:27:36 · 315 阅读 · 0 评论 -
原生JavaScript购物车
效果:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding:0; } .box{ width:600px; margin: 10px auto; background: url(img/g.jpg)原创 2021-01-08 09:40:12 · 1789 阅读 · 4 评论 -
JavaScrip实现点击切换验证码及校验
效果:代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> div { width: 100px; height: 40px; background-color: red; color: #fff; text-align: center; line-height: 4原创 2021-01-07 15:02:35 · 243 阅读 · 0 评论 -
原生JavaScript选项卡
效果:代码:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document</title> <style> *{ margin: 0; padding: 0; } ul,li{list-style: none;} .box{ width:300px; height:300px;原创 2021-01-06 08:53:47 · 121 阅读 · 2 评论 -
JavaScript原生轮播图
效果:代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ul, li { list-style: none; } .banner { width: 120原创 2021-01-05 11:07:54 · 145 阅读 · 2 评论 -
Vue项目实战,现点击切换验证码(组件)及校验
先看效果父组件<template> <div class="login"> <van-field center clearable label="验证码" placeholder="输入验证码" v-model="verify" > <template #button> <vueImgVerify ref="verifyRef" />转载 2021-01-04 16:22:13 · 590 阅读 · 0 评论 -
vuex购物车demo
先看效果:代码:<template> <div class="Home"> <h1>vuex购物车案例</h1> <add-from></add-from> <shop-cart></shop-cart> </div></template><script>import AddFrom from './Add.vue'import ShopCart原创 2020-12-16 22:09:00 · 230 阅读 · 0 评论 -
HTML的常用标签
作用:发出get请求或者post请求,然后刷新页面注意:原创 2020-06-18 22:03:36 · 130 阅读 · 1 评论