Alice_sy314-CSDN博客

原创 vue组件递归

概念组件可以通过 export default 的name 属性进行自己调用自己，形成递归组件。使用为了防止递归出现死循环，必须有一个结束条件。根据自己的需求可以使用 v-if 进行对应的条件判断以下是我的一段数据：[ { "_class" : "ops.pojo.vo.StorageMapperings", "datas" : [ { "HostIp" : "192.168.2.130", "listenting" : [

2021-07-22 18:21:57 272

原创 vue使用、展示Markdown文档

vue使用、展示Markdown文档使用Markdown文档下载markdown-it-vue npm i markdown-it-vue --save在对应页面进行引入,并放入compontents中 import MarkdownItVue from 'markdown-it-vue'; import 'markdown-it-vue/dist/markdown-it-vue.css'使用输入框和markdown-it-vue配合实现 <div class='textar

2021-06-28 17:35:56 1140

原创 vue项目上线路径跳转无效(404问题)

在近期做的一个小项目中，本地路由跳转没有任何问题，使用nginx部署上线后出现很多路由无法跳转的问题。经过一番研究，发现可以通过以下两种方式解决。法一.将路由改为hash模式vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会向后端发出请求。为什么hash模式下没有问题router hash 模式我们都知道是用符号#表示的，如 website.com/#/login, hash 的值为 #/login它的特点在于：

2021-04-19 14:56:46 5464

转载 2021-04-16

vue中动态添加class类名的方法法一.对象的形式<p :class="{'p1' : true}">对象的形式(文字的颜色)</p><p :class="{'p1' : false, 'p': true}">对象的形式(文字的颜色)&l

2021-04-16 16:13:12 98

原创 element 弹窗作为组件关闭和打开

一.整个弹窗内容作为组件1.在父组件中如图，在父组件内通过 v-if 和 data 中的默认值（false）控制弹窗，默认弹窗是关闭的。2.在子组件中子组件父组件当使用弹窗右上角关闭按钮关闭弹窗时，子组件向父组件发送 ‘关闭’ 信号，父组件接受信号并通过 v-if 中的值设为false，实现关闭弹窗。二.弹窗内的表单作为组件父组件子组件父组件通过 :before-close=“handleClose” 方法控制点击右上角关闭按钮关闭弹窗同时父组件可通过接受子组件发出的信

2021-01-19 15:43:13 1653

原创解决table新增一列若没有填写内容仍可以重复新增一列

解决table新增一列若没有填写内容仍可以重复新增一列问题点击 ”新增指标“ 按钮，会在table中新增一列，此时若没有填写任何内容再次点击 ”新增指标“ 按钮，table仍会新增一列解决方法首先，在data中申明一个变量 is_add_flag = false;data(){ return{ is_add_flag = false; }},methods:{ // 新增指标 add_btn(){ if(this.is_add_flag) retu

2021-01-07 15:32:14 189

原创解决element多选框回显问题

解决element多选框回显问题一、问题二、解决方法一、问题后端返回的多选框内容为一个字符串，而下拉框的内容必须放在数组中未多个字符串才可以显示，因此要对返回的数据进行处理。二、解决方法代码如下（示例）：for(var i of res.rows){ let old = i.operatorTypes && i.operatorTypes != null ? i.operatorTypes.toString() : null; let news = old != nu

2021-01-07 15:07:43 1867

原创 Vue 双向绑定原理分析

1.数据变页面变1.数据一定会变吗？什么情况下不会变？怎么解决？数据不一定会变。Vue只兼容IE8以上的版本，view层改变是基于Vue底层的Object.difineProtery 和getter ，setter，而IE8及以下浏览器没有这些属性，所以根本无法改变view层。...

2020-08-06 14:41:36 160

原创自适应实现多栏等高布局

方法一、flex布局代码：<!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><style>.conta

2020-08-02 21:17:48 204

原创 Ajax工作原理和实现步骤

一、Ajax技术与原理1.1 Ajax简介AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是实现无刷新情况下与服务器交换数据并更新部分网页的技术。1.2Ajax包含的技术ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。1.使用CSS和XHTML来表示。2. 使用DOM模型来交互和动态显示。3.使用XMLHttpReques

2020-08-01 23:00:43 357

原创 innerHTML和outerHTML区别

1.innerHTML代码：运行结果：2.outerHTML代码：运行结果：注意：1.innerHTML 设置或获取位于对象起始和结束标签内的HTML2.outerHTML设置或获取对象及其内容的HTML形式3.outerHTML属性只有IE浏览器才有，其它浏du览器是不支持的...

2020-07-28 09:04:54 337

转载浏览器渲染页面的原理及流程

浏览器渲染页面的原理及流程一、构建DOM树及CSSOM树1.1构建DOM树1.2构建CSSOM树1.3加载JS二.构建渲染树三.页面的重绘（repaint）与重排（reflow）3.1重绘（repaint）：3.2重排（reflow）：3.3如何减少和避免重排浏览器将域名通过网络通信从服务器拿到html文件后，如何渲染页面呢？1.根据html文件构建DOM树和CSSOM树。构建DOM树期间，如果遇到JS，阻塞DOM树及CSSOM树的构建，优先加载JS文件，加载完毕，再继续构建DOM树及CSSOM树。2

2020-07-27 10:27:26 134

Alice_sy314的博客