nnnnnnn3-优快云博客

原创 2021-04-07 vue3.0中的全局/局部组件注册方法

局部组件注册方法 <template>  <div id="App">  <v-head></v-head> <v-body></v-body> <v-foot></v-foot> <!-- <HeadCom>

2021-04-07 16:51:24 1199 1

原创 2021-04-02 vue基础语法(元素的事件绑定指令/事件的访问修饰符)

<template> <div>    <button v-on:click="btnClick1">click-1</button>

2021-04-02 23:37:28 171

原创 2021-03-31 vue基础语法(数据绑定指令 / 元素属性值绑定指令 / 数组\集合渲染 / 元素显示\隐藏指令 / 元素的类\style 绑定指令)

<template>

2021-03-31 23:19:03 314

原创 2021-03-23 es6相关语法 let/const 声明变量与 var 声明变量的区别

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-03-23 19:06:28 108

原创 html 文本禁止选中

*{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }

2021-03-15 22:28:29 230

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0">

2021-03-11 19:25:39 182

原创 2021-03-03 jQuery 中事件对象的冒泡/阻止冒泡

<body> <button class="btn1">1</button> <div class="box"> <button class="box">box</button> </div> <style> div.box { width: 100px; height: 100px; border: 1px solid #2ae6ff; }

2021-03-04 21:52:50 148 1

原创 2021-03-03 jQuery 中各类事件的操作方法

2021-03-03 19:42:39 127 1

原创 2021-03-01 jQuery中的查找方法

<body> <style> ul{ position: absolute; } </style> <button class="btn firstBtn"></button> <button class="btn"></button> <button class="btn"></button> <button class="btn"></button

2021-03-01 20:01:35 96

原创 2021-02-28 jQuery中的过滤方法

<body> <button class="btn"></button> <button class="btn"></button> <button class="btn"></button> <button class="btn"></button> <button class="btn"></button> <button class="btn lastBtn"&gt

2021-02-28 17:14:41 106

原创 2021-02-24 jQuery中 dom 元素子父节点的操作方法

<body> <style> .addBox{ width: 50px; height: 50px; border: 2px solid #b160ad; } </style> <div class="outBox"> <button class="btn">press</button> </div> <button class="btn1"&gt

2021-02-24 22:09:11 135

原创 2021-02-24 jQuery中 dom元素的内部插入/外部插入

<body> <button class="btn">press</button> <script src="./库/jquery-1.9.1.js"></script> <script> //内部插入 //追加到内容之后 var child1 = "<input value='&nbsp please input'>" // $(".btn").append(child1)//可以是

2021-02-24 21:20:04 158

原创 2021-02-24 jQuery 获取/修改尺寸/滑动距

<body> <style> *{ margin: 0; padding: 0; } .box{ width: 100px; height: 100px; border: 10px solid #b160ad; text-align: center; line-height: 100px; margin: 100px;

2021-02-24 17:37:53 175

原创 2021-02-24 jQuery css属性获取/操作

<body> <style> *{ /*color: ;*/ margin: 0; padding: 0; box-sizing: border-box; } </style> <button class="btn">press</button> <script src="./库/jquery-1.9.1.js"></script> <sc

2021-02-24 17:03:04 101

原创 2021-02-22 jQuery中 HTML 代码/文本/值操作

<body> <button class="btn"><span>press</span></button> <input class="inputBox" type="text" value="please input"> <script src="./库/jquery-1.9.1.js"></script> <script> //html元素代码/文本/值操作 /*

2021-02-22 23:30:33 130

原创 2021-02-22 jQuery dom 元素类操作

<body> <style> .wordColor { color: #2bb136; } .color1 { color: #346db1; } .color2 { color: #b17033; } .color3 { color: #9d47b1; } </style> <div class="divBox">im a d

2021-02-22 23:17:13 104

原创 2021-02-22 jQuery中dom元素的属性操作(attr prop)

<body> <button class="btn">press1</button> <button class="btn">press2</button> <button class="btn">press3</button> <button class="btn2">btn2</button> <button class="btn2">btn2</button> <b

2021-02-22 22:46:56 117

原创 2021-02-22 jQuery常用选择器

<body> <div class="innerDiv">1</div> <div class="innerDiv">2</div> <div class="innerDiv">3</div> <div class="innerDiv">4</div> <div class="innerDiv">5</div> <button id="btn">press</

2021-02-22 18:08:40 106

原创 2021-02-20 js中的dom操作

<body> <button class="btn" id="btn1">按钮1</button> <button class="btn" id="btn2">按钮2</button> <script> //document object model 文本对象模型 //整个页面元素统称 dom //dom树：window- html location history //dom的操作 //d.

2021-02-20 21:47:25 170

原创 2021-02-20 js中的运算符

//算数运算符 + - * / % = == === ++ -- // = var a = 10;//赋值 var b = "10"; console.log(a == b);//true console.log(a === b);//false 全等 //++ 自增1 -- 自减1 区分前置后置

2021-02-20 18:06:41 148

原创 2021-2-19 js中的闭包问题

//闭包的概念：局部变量闭包成为当前作用域的私有变量 //优点：可以把局部变量拿到外部使用 //缺点：闭包变量会存进内存，大量使用闭包会导致内存泄露 //闭包函数 function fun1() { var num = 1;//闭包变量 return function () { num += 1; console.log(num); } } var f...

2021-02-20 10:22:56 116

原创 2021-2-18 js中数据类型的强制转换（数据类型装箱拆箱）

装箱：值类型转为引用类型拆箱：引用类型转为值类型

2021-02-19 00:33:11 104

原创 2021-2-18 js（es5）中数据类型的检测

//typeof 关键字 var a = 1; var b = "f"; var c = true; var d = null; var e = function () { } var f = {}; var g = []; console.log(typeof a);//number console.log(typeof b);//string console.log(typeof c);//boolean ...

2021-02-18 02:51:33 212

原创 2021-2-18 变量的作用域问题

//变量的作用域 //局部变量：只作用于当前代码块，不会出现在window //全局变量：作用于整个区域，此变量默认属于window var name="a";//全局 function fun1() { var sex="male";//局部 console.log(name, sex); } fun1(); // console.log(name, sex); //sex is not def...

2021-02-18 02:34:17 103

原创 2021-2-18 js简单面试题（作用域/变量提前声明）

var a = "a"; function fun1() { var a = "c"; console.log(a); } fun1();//输出c var b = "b"; function fun2() { console.log(b); var b = "d"; } fun2();//输出undefined

2021-02-18 02:20:56 167

原创 2021-2-18 函数返回值问题

function reFun() { var a = "返回"; return (a); } console.log(reFun()); //匿名函数 var fun1 = function () { var b = "匿名函数返回值"; return (b); } console.log(fun1()); //自执行匿名函数返回值 var value = (func...

2021-02-18 02:13:23 137

原创 2021-2-18 函数带参问题

//函数带参问题 //函数的参数列表根据需求写 //有参数传值 function fun1(a,b,c) { console.log(a, b, c); } fun1(1,"that",3); //无参数传值 function fun2() { //在函数的参数列表对象 arguments 上 //arguments 是个集合类型 //arguments[0]="a"; ...

2021-02-18 02:02:44 74

原创 2021-02-08 js中函数的执行

// 函数：方法 //js 主动为方法，被动为事件都是调用函数 //函数的声明 //function name(){} //常规函数 function f() { //函数的主要功能：代码封装 console.log("我是具名函数f"); } f(); //具名函数/不具名函数（匿名函数） //匿名函数 var funNoName = function () { ...

2021-02-18 01:44:16 81

原创 2021-1-26 js字符串操作函数

concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。 indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。 charAt() – 返回指定位置的字符。 lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。 match() – 检查一个字符串是否匹配一个正则表达式。 substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。 replace() – 用来查找匹配一个正则表达式的

2021-01-26 14:43:50 238

nnnnnnn3的博客