Echosansa-CSDN博客

原创 this.$nextTick()的原理与使用场景

官网说法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。获取更新后的DOM，言外之意就是什么操作需要用到了更新后的DOM，而不能使用之前的DOM，所以就衍生出了这个获取更新后的 DOM的Vue方法DOM是如何更新的呢？1.原理Vue实现响应式并不是数据发生变化之后DOM立即变化，而是异步执行DOM更新的。异步执行的运行机制是什么样的？阮一峰老师是这样总结的：（1）所有同步任务都在主线程上执行，形成一个执行栈（exec

2021-10-27 10:40:02 637

原创 VUE动态渲染导航菜单（包含一级二级）

1、数据结构export default { data() { return { username: "", list: [ { name:'首页', icon:'el-icon-s-home', url:'/' }, { name:'数据分析', icon:'el-icon-s-data', url

2021-05-10 11:32:31 1490

原创总结判断数据类型的几种方法

准备数据类型<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>

2021-04-20 16:29:43 147

原创 React项目环境配置及搭建

搭建React脚手架 create-react-app为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具create-react-app。第一步：创建react项目 npx create-react-app my-app（my-app项目名称）第二步：配置less编译文件运行npminstallless-loader@5.0.0命令安装less第三步：先把项目上传至本地仓库第四步：命令...

2021-04-20 15:23:42 1096 1

原创 VUE项目的创建运行以及环境的配置

一：搭建环境1、安装node.js(官网地址：http://nodejs.cn/download/)2、npm是一个包管理工具，在我们安装node.js之后，自动拥有包管理功能(都是在命令窗口输入命令：win+r,输入cmd进入命令窗口)npm -v //可以查看版本号node -v //node版本3.由于国内用npm安装第三方依赖时，下载速度较慢，所以建议安装淘宝镜像npm config set registry https://registry.npm.t

2021-04-20 13:48:03 412

原创关于flex弹性布局的属性详解

一、基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。在 Flexbox 模型中，有三个核心概念：– flex 项（注：也称 flex 子元素），需要布局的元素– flex 容器，其包含 flex 项– 排列方向（direction），这决定了 flex 项的布局方向二、容器属性2.1 flex-direction:...

2021-04-20 10:10:27 595

原创如何更改VUE项目运行名称以及Logo图标

第一步、打开VUE项目，找到public文件夹第二步、再打开index.html文件，第三步：修改title里面的文字信息（修改运行名称）运行时效果（运行名称）第四步：进入阿里巴巴字体图标库内（修改Logo）第五步：选中图标点击下载（修改logo）第六步：选择png格式下载第七步：保存图片后，在线搜索图片png转ico格式工具，实现在线转换第八步：把转换成ico格式的图片寸放至项目public文件内第九步：打开index.html文件.

2021-04-20 10:05:13 5955 1

原创状态根据后台返回的数值对应渲染成文字与相应图标

一：表格样式（状态根据后台返回的数值对应渲染成文字与相应图标）<template> <div> <div class="el-tables"> <el-table class="eltable" v-loading="loading" element-loading-text="加载中..." @row-click="getDataClick" :data=

2021-04-16 09:41:14 751

原创 HTML中如何使盒子水平垂直居中

方法1：利用css的 position属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2021-02-04 17:51:52 314

原创 html中行内元素与块级元素有哪些？有什么区别？

常见行内元素（inline）：<a>、<strong>、<del>、<s>、<u>、<b>、<span>、<br>、<em>、<font>、<i>、<img>、<input>、<lable>、<select>、<textarea>  <a href

2021-02-04 17:13:56 374

Echosansa的博客