- 博客(34)
- 收藏
- 关注
RSS订阅原创 2021-04-07 vue3.0中的 全局/局部组件注册方法
局部组件注册方法<template> <!-- vue中的组件相关 --> <div id="App"> <!-- 3.挂载组件 --> <v-head></v-head> <v-body></v-body> <v-foot></v-foot> <!-- <HeadCom>
2021-04-07 16:51:24
1089
1
原创 2021-04-02 vue基础语法(元素的事件绑定指令/事件的访问修饰符)
<template> <div> <!-- 元素的事件绑定指令 --> <!-- 在组件method属性上写事件方法 --> <!-- v-on:type="fn" 例: v-on:click="fn" 简写: @click="fn" --> <button v-on:click="btnClick1">click-1</button>
2021-04-02 23:37:28
119
原创 2021-03-31 vue基础语法(数据绑定指令 / 元素属性值绑定指令 / 数组\集合渲染 / 元素显示\隐藏指令 / 元素的类\style 绑定指令)
<template> <!-- vue 的开发模式:单组件模式开发,由小组件组成 xxx.vue 写法格式: <template></template> <script></script> <style></style> <template></template> 里只能有一个子元素 子元素中可以有多个元素 -->
2021-03-31 23:19:03
262
原创 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
79
原创 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
130
原创 2021-03-11 jQuery实现九宫格抽奖
<!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
151
原创 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
107
1
原创 2021-03-03 jQuery 中 各类事件的操作方法
<body><button class="btn1">1</button><button class="btn2">2</button><button class="btn3">3</button><button class="btn4">4</button><button class="btn5">5</button><button id="btn">
2021-03-03 19:42:39
95
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
73
原创 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">
2021-02-28 17:14:41
78
原创 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">
2021-02-24 22:09:11
98
原创 2021-02-24 jQuery中 dom元素的内部插入/外部插入
<body><button class="btn">press</button><script src="./库/jquery-1.9.1.js"></script><script> //内部插入 //追加到内容之后 var child1 = "<input value='  please input'>" // $(".btn").append(child1)//可以是
2021-02-24 21:20:04
104
原创 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
131
原创 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
68
原创 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
97
原创 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
77
原创 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
97
原创 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
73
原创 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
119
原创 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
119
原创 2021-2-19 js中的闭包问题
//闭包的概念：局部变量闭包成为当前作用域的私有变量 //优点：可以把局部变量拿到外部使用 //缺点：闭包变量会存进内存，大量使用闭包会导致内存泄露 //闭包函数 function fun1() { var num = 1;//闭包变量 return function () { num += 1; console.log(num); } } var f...
2021-02-20 10:22:56
90
原创 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
178
原创 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
78
原创 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
128
原创 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
119
原创 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
49
原创 2021-02-08 js中函数的执行
// 函数：方法 //js 主动为方法，被动为事件 都是调用函数 //函数的声明 //function name(){} //常规函数 function f() { //函数的主要功能：代码封装 console.log("我是具名函数f"); } f(); //具名函数/不具名函数（匿名函数） //匿名函数 var funNoName = function () { ...
2021-02-18 01:44:16
61
原创 2021-1-26 js字符串操作函数
concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。charAt() – 返回指定位置的字符。lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。match() – 检查一个字符串是否匹配一个正则表达式。substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。replace() – 用来查找匹配一个正则表达式的
2021-01-26 14:43:50
201
原创 2021-1-18 js 声明变量（定义变量）
变量：可读可写数据 可变常量：只读数据 不可变声明变量关键字：var语法规则： var a 是否初始化（给值）var a ;//未初始化 undefinedvar b = 10;//初始化 10//输出到控制台console.log(a);js变量声明提前...
2021-01-21 22:57:19
68
原创 2021-1-18原生ajax封装问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // var http=new XMLHttpRequest();//实例化请求对象 // // // //1.方式:get post
2021-01-18 17:58:52
206
原创 2021-1-17 js(es5) 常见数据类型
数字：number字符串：string真假型：true\false (布尔类型)js特有数据类型：null 空值引用 （占用一个位置但没有数据）未定义类型：undefined函数类型：function(){};对象型：object细分为：函数类型：function(){}日期类型：Date数组：Array[]自定义对象：{ }...
2021-01-18 11:16:16
158
原创 11.24_2020 css多行溢出省略
css代码实现多行溢出display: -webkit-box; overflow: hidden; -webkit-line-clamp:n; -webkit-box-orient:vertical;-webkit-line-clamp:n;n为设置多少行后省略
2020-11-24 08:47:06
81
原创 2020-11-16 css使用颜色渐变绘制梯形
在练习html模仿京东网站时遇到了一个问题如图，下方显示为两个梯形。一开始无从下手。查阅了网上部分资料基本是利用<div class"element"></div><style> .element:beforer{}</style>这样的格式完成。对我来说并不容易理解。在查询了相关资料后找到了一种更容易实现的方式。代码如下：<div class"element"></div><style>
2020-11-16 16:28:01
1955
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人