前端
文章平均质量分 56
爱码士&
这个人很懒,还没有添加简介哦。
展开
-
vue实现双向绑定原理以及mvvm模型与mvc比较
目录1.什么是mvvm?2.mvvm和mvc区别3.vue双向绑定原理4.vue 从初始化页面--修改数据--刷新页面 UI 的过程5.如何理解 Vue 的响应式系统1.什么是mvvm?MVVM是 Model-View-ViewModel 的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在 Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来, ViewModel 是一个同步View 和 Model的...原创 2021-08-23 12:03:47 · 423 阅读 · 0 评论 -
Vuex中比较实用的各个知识点用法与总结
注:本章知识点全部内容总结来自于尚硅谷男神天禹老师vue3课程资料,感谢老师的开源精神和无私奉献。整理好以便于以后的复习也希望能分享给需要的人,附上老师课程地址,讲课真的很不错课程地址连接目录1.概念2.何时使用?3.搭建vuex环境4.基本使用5.getters的使用6.四个map方法的使用7.模块化+命名空间1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件...原创 2021-08-18 19:24:48 · 269 阅读 · 0 评论 -
用html和css画一个三角形信息对话框
要画一个对话框,首先要做一个三角形:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2021-08-13 12:13:55 · 358 阅读 · 0 评论 -
CSS基础布局面试题之如何实现品字布局
第一种方法:①设置第一个盒子左右外边距为auto自适应,盒子移到中间②盒子2和盒子3开启float浮动排列在一行显示③盒子2设置左外边距为50%,再向左移动自身盒子大小的100%④因为盒子3已经浮动与盒子2挨在一起,所以只需要设置向右移动自身大小的100%即可<!doctype html><html><head><meta charset="utf-8"><title>品字布局</title><st原创 2021-07-19 12:10:08 · 409 阅读 · 0 评论 -
什么是闭包?闭包产生的原因以及闭包有哪些表现形式
闭包的定义:JavaScript红宝书上对于闭包的定义:闭包是指有权访问另外一个函数作用域中的变量的函数,MDN 对闭包的定义为:闭包是指那些能够访问自由变量的函数。 (其中自由变量,指在函数中使用的,但既不是函数参数arguments也不是函数的局部变量的变量,其实就是另外一个函数作用域中的变量。)闭包产生的原因:首先要明白作用域链的概念,其实很简单,在ES5中只存在两种作用域————全局作用域和函数作用 域,当访问一个变量时,解释器会首先在当前作用域查找标示符,如果没有找到,就去父.原创 2021-06-23 13:23:04 · 3071 阅读 · 1 评论 -
js中如何解决for循环输出问题的几种方法
以下代码:for(var i = 1; i <= 5; i ++){ setTimeout(function timer(){ console.log(i) }, 0)}原创 2021-06-14 21:10:38 · 1858 阅读 · 3 评论 -
js中能否用instanceof判断基本数据类型以及能否手动实现instanceof的功能?
可以用以下方法判断:class PrimitiveNumber { static [Symbol.hasInstance](x) { return typeof x === 'number' }}console.log(111 instanceof PrimitiveNumber)原创 2021-06-10 21:07:20 · 3984 阅读 · 0 评论 -
CSS使用display:inline-block会产生的问题以及解决的方法
问题复现问题: 两个display:inline-block元素放到一起会产生一段空白。如代码:原创 2021-06-06 12:54:59 · 553 阅读 · 2 评论 -
CSS让一个元素水平垂直居中,到底有多少种方案?
CSS水平垂直居中的方案水平居中对于行内元素: text-align: center;对于确定宽度的块级元素:(1)width和margin实现。margin: 0 auto;(2)绝对定位和margin-left: -width/2, 前提是父元素position: relative对于宽度未知的块级元素(1)table标签配合margin左右auto实现水平居中。使用table标签(或直接将块级元素设值为display:table),再通过给该标签添加左右margin为auto。(原创 2021-05-17 20:53:47 · 264 阅读 · 2 评论