敬礼 salute-CSDN博客

原创 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 909 2

原创 js事件三要素事件委托

事件三要素:1 事件源 2 事件类型 3 事件处理程序事件的使用:1 在标签行内能过属性使用事件2 通过js注册事件: 事件源.事件类型 = function(){} 事件源.addEventListener("事件类型",处理程序,布尔值); 事件类型:字符串,不加on 处理程序: 匿名函数或调用函数布尔值: 事件源.a

2020-11-18 00:28:34 347

原创用js字符串实现猜数字抽奖游戏

字符串的使用charAt() 获取指定位置的字符charCodeAt() 获取指定位置的字符unicode码字符串对象[索引] 也可以通过索引获取某个位置的字符concat() 拼接字符串Slice() 从指定的起始和结束位置,截取字符串,不包括结束当结束索引是负数时,真实结束位置等于字符的个数加上指定的结束位置substring() 从指定的起始和结束位置,截取字符串,不包括结束注意:1 两参数以最小参数为起始位置,最大参数.

2020-11-04 20:56:56 529

原创 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 539

原创 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 2607

原创 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 1643 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 1899

原创 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 319

原创 js 字符串以及算数运算符

(1)javascript 拼接字符串字符串转换<!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>

2020-10-25 21:27:58 551 1

原创 js基本语法

1.JavaScript介绍:JS是运行在客户端(浏览器)的脚本语言,是基于事件驱动的弱类型的脚本语言;浏览器的内核: 渲染引擎和JS引擎脚本语言: 是一种解释型的语言解释性语言是指它常用的执行机制是使用一个“解释器”来执行，解释器对于程序是一句一句“翻译”成机器语言来一句一句执行，例如shell脚本语言。(将代码翻译一句, 就会执行一句)编译型的语言: 编译型语言是指它常用的执行机制是使用一个“编译器”来编译成机器语言，然后你就可以直接运行（执行）这个编译成的“可执行文件”。例如C语言你也可以

2020-10-25 21:24:38 248

原创 css3 边框圆角以及切图

css3 边框圆角切图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 { margin: 0; padding: 0; } body { backg

2020-10-20 17:37:05 310

原创 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 294

原创 css3 渐变

css3 渐变<!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> html, body {

2020-10-20 17:26:58 109

原创 CSS3 过渡

css3 过渡<!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><style> bo

2020-10-20 17:21:51 78

原创 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 183

原创 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 195

原创 CSS3 2D变换

css3 2d变换属性：transform：向元素应用 2D 或 3D 转换transform: rotateX() rotateY() rotateZ()transform-origin：允许你改变被转换元素的位置(three-value syntax)transform-style：规定被嵌套元素如何在 3D 空间中显示perspective：规定 3D 元素的透视效果perspective-origin：规定 3D 元素的底部位置backface-visibil

2020-10-20 17:04:05 98

原创 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 164

原创用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 343

原创 css圆角基础以及边框

常用的应用文本的css样式：color 设置文字的颜色，如： color:red;font-size 设置文字的大小，如：font-size:12px;font-family 设置文字的字体，如：font-family:‘微软雅黑’;font-style 设置字体是否倾斜，如：font-style:‘normal’; 设置不倾斜，font-style:‘italic’;设置文字倾斜font-weight 设置文字是否加粗，如：font-weight:bold; 设置加粗 font-weight:n

2020-09-27 20:00:16 277

weixin_49868928的博客