- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 7.计算属性Computed与 watch的区别，v-for 与 v-if 优先级
computed 有缓存功能，当无关数据数 据改变时，不会重新计算，直接使用缓存中的值。计算属性是用来声明式的描述一个值依赖了其他的值，当所依赖的值或者变量发生变化时， 计算属性也跟着改变Watch 监听的是在 data 中定义的变量，当该变量变化时，会触发 watch 中的方法v-for 比 v-if 具有更高的优先级，但是不要把 v-if 与 v-for 用在同一个元素上原因：v-for 比 v-if 优先， 如果每一次都需要遍历整个数组，将会影响速度，尤其是当之需要渲染 很小一部分的时候。...
2022-06-14 12:47:37
376
1
原创 6、Vue 中组件怎么传值
1、父传子先在父组件中给子组件的自定义属性绑定一个 父组件的变量父组件<template><!-- 给子组件的自定义属性绑定一个 父组件的变量 --> <Son :info="transmit" /></template><script>import Son from './components/Son1.vue'export default { name: 'App', data(){ re
2022-05-26 12:55:41
241
原创 5.Mvvm 与 mvc 的区别，Vue 中的 data 为什么是函数、双向绑定的原理
1、Mvvm 与 mvc 的区别Mvc 模型视图控制器，视图是可以直接访问模型，所以，视图里面会包含模型信息，mvc 关注的是模型不变，所以，在 mvc 中，模型不依赖视图，但是视图依赖模型Mvvm 模型视图和vm，vm 是作为模型和视图的桥梁，当模型层数据改变，vm 会检测到并通知视图层进行相应的修改2、Vue 中的 data 为什么是函数Data 是一个函数时，每个组件实例都有自己的作用域，每个实例相互独 立，不会相互影响如果是引用类型（对象），当多个组件共用一个数据源时，一.
2022-05-26 10:04:15
151
原创 4.Vue 生命周期的使用，路由的实现（路由模式、路由传参），keep-alive 的理解
1.Vue 生命周期的使用1.beforeCreate(){} 创建前，访问不到data当中的属性以及methods当中的属性和方法，可以在当前生命周期创建一个loading，在页面加载完成之后将loading移除2.created(){} 创建后，当前生命周期执行的时候会遍历data中所有的属性，给每一个属性都添加一个getter、setter方法,将data中的属性变成一个响应式属性3. beforeMount(){} 模板与数据进行结合，但是还没有挂载到页面上。因此我们可以在.
2022-04-18 14:56:23
1412
原创 3.Vuex 是什么，Vue 路由跳转方式，跨域问题，生命周期
1.Vuex 是什么？Vuex 是一个专为 vue.js 应用程序开发的状态管理模式，通过创建一个集 中的数据存储，方便程序中的所有组件进行访问，简单来说 vuex 就是 vue 的状态管理工2.Vuex 有五个属性：State :就是数据源存放地，对应一般 vue 对象的data，state 里面存放的数据是响应式的， state 数据发生改变，对应这个数据的组件也会发生改变用this.$store.state.xxx 调用Getters：相当于store 的计算属性，主要是对..
2022-03-09 12:56:35
848
原创 JS实现轮播图
今天给大家介绍下怎么用 JS 实现轮播图效果。原理描述：设置好盒子的大小，将所有的图片脱离文档流叠放在一起，通过 querySelectorAll 获取所有的图片循环遍历，由 display 来控制图片的显示与隐藏(先隐藏所有的图片当轮播到当前图片时再显示)效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v
2022-03-08 10:00:00
8326
1
原创 2.v-text 与{{}}与 v-html 区别，v-on 怎么绑定多个方法，循环的 key 作用，计算属性， Vue 单页面的优缺点
v-text 与{{}}与 v-html 区别，v-on 怎么绑定多个方法，循环的 key 作用，计算属性， Vue 单页面的优缺点
2022-03-07 13:22:43
1133
原创 day10-元素大小，周边大小
一、获取元素大小1.1、clientWidth 和clientHeight这组属性可以获取元素可视区的大小，可以得到元素内容及内边距的空间大小 width+padding对于元素的实际大小，这两个属性理解方式如下： 增加边框，无变化 增加了外边距 无变化 增加滚动条，最终值的大小等于原来的大小减去滚动条的大小 增加内边距，最终值的大小等于原来的大小加上内边距的大小 1.2、scrollWidth和scrollHeight这组属性可以获取滚动内容的元素大
2021-07-16 17:51:30
175
原创 day09-dom节点操作
目录一、Dom节点1.1、node节点的属性1.2、层次节点的属性2、childNodes3、firstChild和lastChild4、parentNode5、previousSibling6、nextSibling7、 attributes二、节点操作1.write()2.createElement（）3.appendChild()4.createTextNode（）5.insertBefore()6.replaceChild()7.c
2021-07-16 17:41:53
161
原创 day08-dom节点
目录一、什么是dom？二、查找节点查找 HTML 元素三、改变 HTML 内容四、获取节点属性一、什么是dom？1.文档对象的模型dom描绘的是一个层级的节点树，运用方法对节点进行增删改查操作Dom中的三个字母分别表是什么？ D(文档)：可以理解为整个web加载的网页文档 O(对象)：可以理解为window的东西 m（模型）：网页文档的树形结构 2.节点：加载html页面的时候，web浏览器生成一个树形的结构，用来描述页面的内部结构，
2021-07-16 17:30:28
136
原创 day07-字符串
一、字符串的创建方式1.1、字面量通常，JavaScript 字符串是原始值，通过字面方式创建：var name_ = "张三"1.2、new关键字字符串也可通过关键词 new 定义为对象：var name_ = new String("张三"); 请不要把字符串创建为对象。它会拖慢执行速度。 new 关键字使代码复杂化。也可能产生一些意想不到的结果： var x = "Bill"; var y = new String(...
2021-07-16 17:20:22
124
原创 day06-数组
目录一、创建数组二、获取数组元素数组元素可以是对象三、数组的属性四、数组的常用方法五、数组排序数据渲染一、怎么渲染一个表格二、怎么删除表格中的一条数据三、怎么给表格新增一条数据一、创建数组数组作用：一个变量存储多个数据1.1、字面量的形式 1.声明一个数组：var 数组名 = [元素1，元素2，元素3…………] 数组名其实就是变量名，只是习惯上称之为数组名 元素其实就是数组中保存的数据，只是习惯上称之为元素
2021-07-15 13:28:39
565
原创 day04-javascript流程控制（if...else...，switch....）
js核心语法 day04回顾： 函数 function name（a,b）{} 作用域 全局变量 局部变量 变量提升 变量和函数的声明会提升到当前程序的顶部 目标: if...else... switch 流程控制的概念在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解：流程控制就是来控制代码按照一定结构顺序来执行流程控制主要有三种结构：顺序结构、分支结构
2021-06-11 17:01:36
179
原创 day03-函数（作用域）
Js核心语法 day03回顾： 原始数据类型 数据类型的转化 目标 ： 函数 作用域 一、函数的概念在 JS 里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。JavaScript 函数会在某代码调用它时被执行。// 声明函数function name() { //函数体代码 console.log('alle...
2021-06-11 16:47:14
73
1
原创 day02-javascript数据类型
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析..
2021-06-11 16:40:02
129
1
原创 day01初始JavaScript
js核心语法 day01目标： 什么是JavaScript？ JavaScript由什么组成？ JavaScript的特点 怎么样声明并使用一个变量 数据类型 一、什么是JavaScriptJavaScript 是面向 Web 的编程语言，绝大多数现代网站都使用了 JavaScript，并且所有的现代 Web 浏览器（电脑，手机，平板）均包含了 JavaScript 解释器。 这使得 JavaScript 能够称得上史上使用最广泛的编程语言。 Jav
2021-06-11 16:23:54
148
4
原创 移动web开发之rem布局
移动web开发之rem布局rem基础rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ div { fon...
2021-06-11 16:09:28
71
原创 移动web开发——flex布局
移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局 兼容性好 布局繁琐 局限性，不能在移动端很好的布局 1.2 flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 1.3 建议 如果是pc端页面布局，还是采用传统方式 如果是移动端或者是不考虑兼容的pc则采用flex 2.0 flex布局原理 flex 是 fl
2021-06-11 15:36:06
73
原创 day5-Math对象
一、Math 对象JavaScript Math 对象允许您对数字执行数学任务。1.1、Math.round()Math.round(x) 的返回值是 x 四舍五入为最接近的整数：Math.round(6.8); // 返回 7Math.round(2.3); // 返回 21.2、Math.pow()Math.pow(x, y) 的返回值是 x 的 y 次幂：Math.pow(8, 2); // 返回 641.3、Math.sqrt()Math.sqr...
2021-06-10 15:56:45
211
原创 day5-时间对象Date
一、创建 Date 对象什么是Date对象:Date对象用来处理日期和时间Date 对象由新的 Date() 构造函数创建。有 4 种方法创建新的日期对象：new Date()new Date(year, month, day, hours, minutes, seconds, milliseconds) new Date(milliseconds) new Date(date string) 1.1、new Date()new Date() :Date对象会自...
2021-06-10 15:49:05
315
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人