HTML
小仓桑
I want something just like this
展开
-
Vue修改组件数据同时父组件数据一起改变的解决办法
JavaScript代码:const app = new Vue({ el: '#app', data: { num1: 1, num2: 0 }, components: { cpn: { template: '#cpn', props: { number1: .原创 2021-02-12 18:34:28 · 426 阅读 · 1 评论 -
async/await用法
function shaketheDice() { return new Promise((resolve, reject) => { let sino = parseInt(Math.random() * 6 + 1) setTimeout(() => { resolve(sino); }, 6000) })}function getTime() { return new Promise((.原创 2021-02-02 18:19:58 · 95 阅读 · 0 评论 -
JavaScript对象的操作集合
let obj = [ // 键名[属性名]:name、age、sex // 键值[属性值]:赵本山、赵匡胤、赵光义 {name: '赵本山', age: 16, sex: '男'}, {name: '赵丽颖', age: 20, sex: '女'}, {name: '赵匡胤', age: 18, sex: '男'}, {name: '赵光义', age: 20, sex: '男'}];//对象的引用let obj2 = obj;//为obj2引用o.原创 2020-12-28 15:59:26 · 185 阅读 · 0 评论 -
记一次Layui的学习笔记
Layui官网:https://www.layui.com原创 2020-09-06 17:28:56 · 113 阅读 · 0 评论 -
记一次自适应网页的操作
固定写法<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">含义width=device-width :表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例maximum-scale=原创 2020-07-26 12:50:47 · 1350 阅读 · 3 评论 -
Flex布局
根据阮一峰老师教程制作的笔记HTML元素<div class="Outer_Box"> <div class="Box"> <div class="circular"></div> </div></div>单项目:首先,只有左上角1个点的情况。Flex布局默认就是首行左对齐,所以一行代码就够了。...转载 2020-07-02 10:19:07 · 209 阅读 · 0 评论 -
bootStrap写简单页面附判断是否为空以及二次密码是否一致
源码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> <script type="text...原创 2019-10-31 15:47:46 · 1885 阅读 · 1 评论 -
bootstrap基本样式
bootstrap列表:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> <script ...原创 2019-10-30 16:10:40 · 392 阅读 · 0 评论 -
bootStrap栅格系统基本用法
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.css" /> <script type="text/java...原创 2019-10-30 10:53:53 · 1763 阅读 · 0 评论 -
通过原生JS全选全不选按序号选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form> 请选择你的必修课:<br> <input ty...原创 2019-10-28 16:12:59 · 126 阅读 · 0 评论 -
使用JS进行图片切换
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图片切换</title> </head> <body> <div id="controls"> <input id="round" typ...原创 2019-10-28 10:23:46 · 230 阅读 · 0 评论 -
JS实现冒泡排序
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <script type="application/javascript"> var arr = [54,32,67,43,5...原创 2019-10-25 21:37:25 · 79 阅读 · 0 评论 -
JS小案例
案例一:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>控制div元素</title> <style> #div1{ text-align: center; } #div2{ hei...原创 2019-10-25 09:01:20 · 681 阅读 · 0 评论 -
通过循环按行顺序为一个5*5的二维数组赋1到25的自然数,然后输出该数组的左下半三角
最初效果:function Table(){ var arr = [[],[],[],[],[]] document.write("<table border='' width='300'>") ; var index = 0 ; for (var i = 0 ; i <5 ; i++) { document.write("<tr>"...原创 2019-10-24 09:26:16 · 5523 阅读 · 0 评论 -
通过js实现单击显示隐藏图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #box{ width: 300px; height: 200px; background: red; } ...原创 2019-10-23 11:00:12 · 1443 阅读 · 0 评论 -
函数基础语法和形参的细节知识
//求两个数的和,算完和后乘以10,然后再除以2...//n/m是形参,是变量,用来储存执行函数时传递的实参//sum()是让函数执行,代表函数最终返回结果//sum是函数名,代表这个函数//创建函数的时候我们设置了形参变量,//但如果执行的时候并没有给传递对应的实参值,那么形参变量默认是:undefinedfunction sum(n , m){ //形参默认值处理:如果没有传递...原创 2019-10-17 11:22:08 · 179 阅读 · 0 评论 -
CSS与JS实现隔行变色
HTML代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>隔行变色</title> </head> <link rel="stylesheet" href="css/index.css" /> <...原创 2019-10-16 12:52:10 · 458 阅读 · 0 评论 -
JS获取当前时间
点击跳转页面<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>测试时间</title> </head> <link rel="stylesheet" href="css/index.css" /> <...原创 2019-10-15 17:53:14 · 96 阅读 · 0 评论 -
通过JS实现判断数字正负
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <!-- 导入css样式 --> <style> #numInp,#submit{ box-sizing: border-box...原创 2019-10-14 22:04:39 · 7654 阅读 · 0 评论 -
基于JS与CSS实现鼠标滑过显示详情
JS实现鼠标滑过显示详情<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>鼠标滑过详情</title> <style> *{ margin: 0; padding: 0; } #box{ ...原创 2019-10-14 09:37:42 · 1388 阅读 · 0 评论 -
伪类选择器
HTML代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/test.css"/> <sty...原创 2019-10-03 17:28:04 · 112 阅读 · 0 评论