lxxx1993-CSDN博客

原创生命周期.....

生命周期: 1.又名:生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm或组件实例对象。<body>  <div id="root"> <h2>当...

2022-05-12 10:10:39 106

原创 vue(笔记)

ref属性: 1.被用来给元素或子组件注册引用信息(id的替代者) 2.应用在htm1标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象(vc) 3.使用方式: 打标识:<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School>获取:this.$refs.xxx<template> <div> <h1 v-t...

2022-05-07 12:31:06 270

路由的基本使用：//该文件专门用于创建整个应用的路由器import VueRouter from 'vue-router'//引入组件import About from '../components/About'import Home from '../components/Home'//创建并暴露一个路由器export default new VueRouter({ routes:[ { path:'/about', ...

2022-05-07 10:26:36 215

原创 jQuery

/* jQuery 的选择器语法： $('选择器') jQuery 的筛选器语法： $('选择器').筛选器名称() jQuery 操作文本内容 // 1. html() // 等价于原生js中的innerHTML // 1-1 html()获取 console.log($('').html()); // 1-2 html() 设置 // 语法：元素集合.html(要...

2022-03-21 18:48:13 676

原创前后端交互（笔记）

/*前后端交互 1. 创建 Ajax 对象 var xhr = new XMLHttpRequest() 2.配置本次请求信息 xhr.open(请求方式,请求地址,是否异步) 3.注册请求完成事件 xhr.onload = function () {} 4.把请求发送出去 xhr.send() // 实例 ...

2022-03-21 12:48:23 756

原创 ES6（笔记）

/* 箭头函数 // 语法： var fn = (形参) => {console.log();} var sum = (num1, num2) => { return num1 +num2; }; console.log(sum(6, 8)); var functionExpressionSum = function (a, b) { return a + b ;...

2022-03-21 10:24:14 694

原创正则表达式（笔记）

正则表达式的方法： var reg = new RegExp("正则表达式", "匹配模式"); i:忽略字母大小写 g:全局匹配模式 test():检查字符串是否符合正则表达式的规则，如符合则返回true,否则返回false. var reg = new RegExp("a", "i"); var str = "a"; ...

2022-03-17 12:13:10 561

原创 JS(函数）

函数(Function):也被称之为方法(Method),或者过程(Procedure) 函数是一段被预定义好，并且可以被反复使用的代码块。预定义：先编写完成，但不会被网页加载时就执行的代码。反复使用：可以被无限次的使用代码块：将多行代码放在一起去管理函数其实就是一个完整的且功能独立的功能体函数的声明使用 function 声明一个函数语法：function 函数名称(){ 代码块; ...

2022-03-06 22:02:19 169 1

原创 JS(1)

Javascript 概述简称 JS一种运行于 JS解释器/引擎解释型脚本语言2、解释型脚本语言 1、编译型 C/C++ 先编译再执行 2、解释型无需编译，直接执行，碰到错误则停止JS解释器： 1、独立安装的JS解释器 NodeJS 2、嵌入在浏览器内核中的JS解释器2、嵌入在浏览器中的引擎 1、使用浏览器控制台输入代码并执行 2、将...

2022-03-06 21:28:48 256

原创 HTML+CSS（精简笔记）

1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息<meta charset="UTF-8">设置当前文件字符编码style标签：双标签中设置当前文件样式<p>段落文本</p>&

2022-02-25 12:57:34 1158 2

原创 flex弹性盒模型（笔记）

弹性盒模型 - 弹性盒模型之flex属性技术点的解释：1、设置display: flex属性可以把块级元素在一排显示。2、flex需要添加在父元素上，改变子元素的排列顺序。3、默认为从左往右依次排列,且和父元素左边没有间隙。使用justify-content属性设置横轴排列方式 justify-content: flex-start | flex-end | center | space-between | space-around;flex-start：交叉轴的起...

2022-02-25 10:13:07 103

lxxx1993的博客