缘起缘灭~~~-CSDN博客

原创什么是观察者模式？

观察者模式:其实所谓的观察者模式也就是为了实现松耦合。观察者模式的优点:1.观察者模式在观察者和被观察者之间建立一个抽象的耦合。2.建立了一套触发机制观察者模式的缺点: 1.如果一个被观察者有很多直接或者是间接的观察者的话，那么的话所有的观察者要通知到会浪费很多时间 2.如果在被观察者之间有循环依赖...

2021-07-06 09:32:22 180

原创 vue计数器

<template> <div class="home"> <button @click="jian">-</button> <span>{{value}}</span> <button @click="jia">+</button> </div></template><script>export default { name: 'Home',

2021-06-28 19:23:50 128

<template> <div class="home"> <h1>小黑记事本</h1> <input class="el-input" type="text" v-model="input" placeholder="请输入内容" @keyup.enter="add"> <ul class="L0"> <li v-for="(item,index) in title" :key="index">

2021-06-28 19:06:48 217

原创 H5前端题目总结

import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);let store = new Vuex.Store({ // 1. state state:{ city:"城市名" }, // // 2. getters getters:{ // 参数列表state指的是state数据 getCityFn(state){ retu

2021-06-24 10:51:11 453 1

原创 computed与watch的区别

1、功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调。2、是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监听的值发生变化的时候都会执行回调。3、是否调用return：computed中的函数必须要用return返回，watch中的函数不是必须要用return。4、computed默认第一次加载的时候就开始监听；watch默认第一次加载不做监听，如果需要第一次加载做监听，添加immediate

2021-06-22 10:08:34 28371 2

原创 data与computed的区别

data中的属性并不会随赋值变量的改动而改动computed属性属于持续变化跟踪。在computed属性定义的时候，这个computed属性就与给它赋值的变量绑定了。改变这个赋值变量，computed属性值会随之改变...

2021-06-22 10:07:48 401

原创 v-if和v-show的区别

实现方式:v-if是DOM渲染属性，通过添加删除DOM节点实现的;v-show通过样式的display控制标签的显示,正因为实现方式上面有差异，导致了他们的加载速度方面产生了差异加载性能:v-if加载速度更快;v-show加载速度慢切换开销:v-if切换开销大;v-show切换开销小v-if有更高的切换开销，而v-show有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用v-show较好，如果在运行时条件很少改变。...

2021-06-22 09:14:46 158

原创 vue的常用指令和常用属性

vue的常用指令(1) v-html(2) v-text(3) v-for(3) v-if(4) v-show(5) v-bind(6) v-on(7) v-modelvue的常用属性(1) data 存放数据(2) template 模板(3) methods 定义方法(4) computed 计算属性, 官网的一句话，对于任何复杂逻辑，你都应当使用计算属性。(5) watch 监听属性, 用来响应数据的变化...

2021-06-22 09:05:04 75

原创 10月14日内容

10月14日内容1.标签 : 组成HTML页面最小的单位就叫标签:分为:双标签:成对出现, 有开始标签, 有结束标签”/”,单标签:只有一个标签, 自己2.HTML的编写规范1.遇到双标签时,打完开始标签,就要打结束标签2.要注意缩进 (tab键, 一个tab代表四个空格, 按shift+tab 向前四个空格)3 标签属性: 写在< html 属性 = ‘属性...

2019-10-14 19:39:33 92

往事如烟~~的博客