小鹅爸爸-CSDN博客

转载 Vue3快速上手

Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0 2.Vue3带来了什么 1.性能的提升打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% … 2.源码的升级使用Proxy

2022-04-09 20:18:39 682

转载 Vue-脚手架

笔记脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitignore: g

2022-03-31 20:26:49 104

转载 JavaScript-JS高级

1、创建类和对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // (1)通过class关键字创建类，类名首字母大写 // (2)类里面有个constructor函数，可以接受

2022-03-31 20:24:28 104

转载 JavaScript-JQuery

1、JQuery的基本使用 1）$是JQuery的别称 2）$同时也是JQuery的顶级对象 // 等页面DOM加载完毕再去执行js代码 $(document).ready(function () { // 隐藏div $('div').hide(); }) $(function () { $('div').hide(); }) 2、DOM对象和JQuery对象相互转换 $('div')[0].play() JQuery对象转DOM对象 $('div')get(0).play

2022-03-12 00:30:07 410

转载 JavaScript-移动端网页特效

1、触屏事件 touchstart 手指摸到一个DOM元素时触发 touchmove 手指在一个DOM元素上滑动时触发 touchend 手指摸到一个DOM元素上移开时触发 touches 正在触摸屏幕的所有手指的列表 targetTouches 正在触摸当前DOM元素的手指列表 changedTouches 手指状态发生了改变的列表，从无到有，从有到无变化 2、移动端拖动元素 <!DOCTYPE html> <html lang="en"> <hea

2022-03-12 00:26:01 91

转载 JavaScript-PC网页特效

PC网页特效 1、元素偏移量offset系列 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .father{

2022-03-06 15:07:59 164

转载 JavaScript-BOM

BOM 1、DOM和BOM的区别 2、窗口加载事件 3、调整窗口大小隐藏div <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 200px; height: 200px;

2022-03-03 23:16:19 80

转载 JavaScript-DOM（下）

节点操作 1、父节点 node.parentNode parentNode属性可返回某节点最近的一个的父节点如果指定的节点没有父节点则返回null 2、子节点 1.子节点childNode 所有的子节点，包含元素节点文本节点等等 2.children 获取所有的子元素节点（常用） 3、获取第一个元素和最后一个元素 1.firstChild第一个子节点不管是文本节点还是元素节点 ol.firstChild ol.lastChild 2.firstElementChild 返回第一个子

2022-03-03 21:17:38 111

转载 JavaScript-DOM（上）

DOM 文档：一个页面就是一个文档，DOM中使用document表示元素：页面中所有的标签都是元素，DOM中使用element表示结点：网页中所有的内容都是结点（标签、属性、文档、注释等），DOM中使用node表示 DOM把以上内容都看做是对象 HTML DOM Document 对象文档对象代表您的网页。如果您希望访问 HTML 页面中的任何元素，那么您总是从访问 document 对象开始。下面是一些如何使用 document 对象来访问和操作 HTML 的实例。查找 HTML 元素

2022-03-03 21:16:24 204

转载 JavaScript-内置对象

内置对象 1、JavaScript中的对象分为三种：自定义对象、内置对象、浏览器对象 2、前两种对象是JS基础，属于ECMAscript；第三个浏览器对象属于JS独有 3、内置对象有：Math、Date、Array、String等 Math对象 Math 对象用于执行数学任务。 Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。语法 var x = Math.PI; // 返回PI var y = Math.sqrt(16); // 返回16的平方根 Ma

2022-03-03 21:15:38 908

转载 JavaScript-函数

函数定义：就是封装了一段可以被重复执行调用的代码块目的：减少大量的重复代码函数使用分为两步：声明函数和调用函数 1、声明函数 function 函数名(){ 函数体 } 2、调用函数函数名(); 注意：声明函数本身并不会执行代码，只有调用函数才会执行函数体代码函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口 1、利用函数计算1-100的累加和 let sum = 0; function getSum(start,end) { for (let i

2022-03-03 21:15:00 43

转载 JavaScript-数组

数组 1、利用new创建数组 let arr = new Array(); 2、使用数组字面量方式创建空的数组 let arr22 = []; let arr1 = [1,2,3,'tan','a']; 3、访问数组 console.log(arr[i]) 数组索引号从0开始 4、访问数组长度格式：数组名.length 例：let i = arr.length 5、数组求和与平均值 let arr = [2,4,5,6,7]; let sum = 0; let average = 0; for (

2022-03-03 21:14:21 100

weixin_45355878的博客