08 2021 档案
摘要：1.背景图片 :style="{'background-image' : 'url(' + item.img + ')'}" //这里的item.img是数组循环出的图片 :style="'background-image:' +'url('+img+')'" //这里的img是data中的值 2.
阅读全文
摘要：这个案例主要是学习vue的组件化思想，做完这个项目，我简单的理解： vue的思想就是把一个网页分为一个个的组件，通过父子，子父，兄弟之间的传值来实现数据的处理。 购物车这个案例，简单分为三个组件： <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要：忽然想到一个非常方便的更换证件照背景的方法： 1.https://www.remove.bg/zh/upload 在线智能抠图，生成素材 2.建立一个后缀为html 文件，图片放进去，设置背景色，然后截图(代码如下) <!DOCTYPE html> <html lang="en"> <head> <
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .grid { margin: auto; width: 530px; tex
阅读全文
摘要：注意： 若在最外层tab盒子进行v-for遍历列表，就会出现如下效果： 正确效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .tab ul{ over
阅读全文
摘要：【开始】-条件格式-新建规则-使用公式确定要设置格式的单元格 如果想看A列中哪些内容在B列中出现过 =COUNTIF(B:B,A1)>0
阅读全文
摘要：引入了jQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #fa{ width: 600px; height: 600px; border:1px solid red;
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> table, tr, th, td { border: 1px solid #ccc; } tr { heig
阅读全文
摘要：可以更换事件，当鼠标按下，图标跟着鼠标移动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px;
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } #div{ width: 100px; height:
阅读全文
摘要：关键在于通过document.documentElement.scrollTop获取到鼠标向上滑动的距离，根据距离做一系列的操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title
阅读全文
摘要：###1.百度搜索框 ###2.1全选，反选，全不选 ###2.2早中晚显示不同问候语和图片 ###2.3获取当前时间 ###3.1相册选择 ###3.1支付倒计时 ###4进度条 ###5uni长按实现骰子数字切换 6 ###7.1电影选票 ###7.2点击返回顶部 ###8.1盒子移动 ###8
阅读全文
摘要：这里面主要是有个getAttribute（），返回布尔值，判断元素是否有这个属性； setAttribute（属性，赋值），给元素的属性赋值。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document
阅读全文
摘要：页面index <template> <view class="page"> <view class="hearder"> <text>摇骰子</text> </view> <!-- 路线区域 --> <view class="path"> </view> <!-- 骰子 --> <view cla
阅读全文
摘要：自己写的： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .fa{ width: 400px; margin-bottom: 30px; border: 1
阅读全文
摘要：页面确认支付后，会跳转到支付成功页面 1.支付页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div { width:
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .big { width: 415px; height: 400px; } .
阅读全文
摘要：语法规范： https://github.com/nuysoft/Mock/wiki/Syntax-Specification mock的使用准备工作 1.npm install mockjs npm install axios(用axios调用接口) 2.新建js文件，使用mock方法写入接口 m
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form> <p><input type="checkbox" name="">1</p> <
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
浙公网安备 33010602011771号