![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
敬礼 salute
这个作者很懒,什么都没留下…
展开
-
Vue组件的inheritAttrs属性
vue官网对于inheritAttrs的属性解释:如果你不希望组件的根元素继承特性,你可以在组件的选项中设置 inheritAttrs: false。可能不是很好理解,我们可以举个例子来验证一下。当inheritAttrs为false时<div id ="wxApp" class ="appclass"> <blog-post title="标题" demo-one="未定义属性1" demo-tow="未定义属性2" class="cointer2" style=原创 2020-12-29 20:27:23 · 831 阅读 · 2 评论 -
js事件三要素 事件委托
事件三要素:1 事件源 2 事件类型 3 事件处理程序事件的使用:1 在标签行内能过属性使用事件2 通过js注册事件: 事件源.事件类型 = function(){} 事件源.addEventListener("事件类型",处理程序,布尔值); 事件类型:字符串,不加on 处理程序: 匿名函数或调用函数 布尔值: 事件源.a原创 2020-11-18 00:28:34 · 321 阅读 · 0 评论 -
用js字符串 实现猜数字 抽奖游戏
字符串的使用charAt() 获取指定位置的字符charCodeAt() 获取指定位置的字符unicode码字符串对象[索引] 也可以通过索引获取某个位置的字符concat() 拼接字符串Slice() 从指定的起始和结束位置,截取字符串,不包括结束当结束索引是负数时,真实结束位置等于字符的个数加上指定的结束位置substring() 从指定的起始和结束位置,截取字符串,不包括结束注意:1 两参数以最小参数为起始位置,最大参数.原创 2020-11-04 20:56:56 · 505 阅读 · 0 评论 -
js二维数组 数组的区别 以及函数形参 实参的定义和变换
二维数组与数组区别数组 var str=[1,2,‘594’,null]二维数组 var str=[[1,5,8],[5,2,6,3],[2,‘156’,9]]二维数组(1)定义二维数组;var arr=[[],[],[]];arr[0]arr[1]arr[2]arr.length ===>3(2)初始化二维数组var arr=[[1,2,3],[3,4,5,5],[6,7,8],]arr[1][1]arr[2][2]获取二维数组中 所有的数据: for循原创 2020-10-29 23:28:18 · 533 阅读 · 0 评论 -
for 循环 数组
for循环练习题打印九九乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *原创 2020-10-29 23:06:16 · 2587 阅读 · 0 评论 -
js 循环练习题
js 循环求值 案例 拓展<script> //求和演示 var sumWhile = 0; var i=1; while(i<=100){ sumWhile += i; i++; } console.log(sumWhile); var j = 1; var sumDoWhile = 0; do{ sumDoWhile += j; .原创 2020-10-28 00:56:05 · 1585 阅读 · 1 评论 -
js if语句 单 双 多分支循环以及while循环的区别和用法
1.分支结构:(1)单分支;(2)双分支;(3)多分支单分支语法结构:if(条件){语句1,语句2}双分支 语法结构: if(条件){执行体}else{执行体}多分支: if(条件){}else if(条件)else if(条件)else{}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="原创 2020-10-26 23:08:35 · 1868 阅读 · 0 评论 -
js 赋值运算符 条件运算符
(1)js赋值运算符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> &l原创 2020-10-25 21:30:06 · 309 阅读 · 0 评论 -
C3背景图片设置
css3 背景图片设置background属性<html lang="en"><head> <meta charset="UTF-8"> <title>CSS 背景</title> <style> html{ height: 100%; } body{ heig原创 2020-10-20 17:30:42 · 267 阅读 · 0 评论 -
CSS3 边框圆角
CSS3 边框圆角border-image 设置所有边框图像的速记属性。 border-radius 一个用于设置所有四个边框 半径属性的速记属性 box-shadow 附加一个或多个下拉框的阴影<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device原创 2020-10-20 17:14:18 · 172 阅读 · 0 评论 -
CSS3 hover
css3 hover伪类选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .con原创 2020-10-20 17:10:53 · 187 阅读 · 0 评论 -
css3 animation动画
css3animation动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img{原创 2020-10-20 16:49:37 · 155 阅读 · 0 评论 -
用html和css完成二级菜单
二级菜单用html+css完成一个鼠标移动上去实现二级菜单的案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /*静态页面样式设置开始*/ /*一级菜单样式设置开始*/ *{margin:0px原创 2020-10-20 16:45:18 · 331 阅读 · 0 评论 -
H5+CSS布局及优化
用a结合img来实现图片切换代码如下<html> <style type="text/css"> .div1{ height: 600px; width: 800px; margin: 20px auto; position: relative; } .div2{ height: 600px; width: 800px; overflow: hidden; } .d原创 2020-09-25 18:38:52 · 318 阅读 · 0 评论 -
H5+CSS3基础案例
图片标签:img注意向上退一层的路径: …必选属性:src alt可选属性:width height列表标签:有序列表 无序列表有序列表:ol属性:type 指定序号的类型无序列表:ul超链接标签:a属性:href target _self |锚点操作:先给需要定位的对象id属性赋值,然后在对应的超链接中设置href属性值为对象的id值,切记要加#号锚点案例如下:<!DOCTYPE html><html> <head> &原创 2020-09-25 18:30:23 · 628 阅读 · 0 评论