- 博客(18)
- 收藏
- 关注
RSS订阅原创 Vue 先执行父组件mounted再执行子组件mounted
通过打印 this 发现，有一个 _isMounted 属性，表示当前是否挂载完毕（true：挂载完毕，false：没有挂载完成），在父组件挂载前将 _isMounted 存在 window 中，挂载后更新 _isMounted。可以看出是先子组件 mounted 之后父组件 mounted，那么，如何实现父组件 mounted 完毕后再子组件 mounted 呢？父组件先进行创建，在挂载(mounted)前，子组件进行创建+挂载，子组件挂载完成后父组件挂载。了解父子组件生命周期的执行顺序。
2024-01-08 10:13:45
516
原创 iframe嵌套页面传值
1、postMessage(参数1，参数2，[参数3])方法有三个参数，参数1代表将要发送的数据；参数2代表指定哪些窗口能结合搜到消息事件，其值可以是*或一个URL，（‘*’代表无限制）；这些对象的所有权将被转移给消息的接收方，而发送一方将不再保有所有权。方法一：子页面把要传递给父元素的参数定义为全局变量，然后父页面直接获取子页面定义变量。e.source --消息源，消息发送的窗口/iframe。方法二：通过window对象的postMessage()方法。数据发送方（父页面）数据接收方（子页面）
2023-12-21 09:36:15
466
原创 vue+el-upload实现文件上传（导入）+（导出）
<el-form-item class="demand-box"> <el-dialog :visible.sync="demandVisible" width="30%"> <span> <el-upload action="" :show-...
2022-04-01 10:55:50
1172
原创 pc端打包
1.在根目录下创建vue.config.js 在vue.config.js中进行需要的配置 修改静态资源路径，不修改则会出现白屏的情况module.exports = { publicPath:"./",} 2.在package.json中的scripts下将build修改成"build":"vue-cli-service build --report"在服务器环境运行dist通过在vscode中下载插件(Live Server)，找到dist文件夹下面的inde...
2021-10-06 19:44:33
304
原创 js继承！
继承的含义：继承是面向对象编程中的一个重要概念，通过继承可以使子类的实例使用在父类中定义的属性和方法。实现继承首先需要一个父类，在js中实际上是没有类的概念，在es6中class虽然很像类，但实际上只是es5上语法糖而已！继承方法：js中实现继承的方法共有七种，分别是：1）原型链继承2）构造函数继承3）组合式继承4）es6继承1. 原型链继承核心：将父类的实例作为子类的原型优点：易实现，父类新增实例与子类属性都能访问缺点： 子类实例时，不能向父类构..
2021-09-23 21:09:21
58
原创 js垃圾回收和内存泄露
标记清除 js中最常用的垃圾回收方式就是标记清除。当变量进入环境时，例如，在函数中声明一个变量，就将这个变量标记为“进入环境”。从逻辑上讲，永远不能释放进入环境的变量所占用的内存，因为只要执行流进入相应的环境，就可能会用到它们。而当变量离开环境时，则将其标记为“离开环境”。引用计数 引用计数的含义是跟踪记录每个值被引用的次数。当声明了一个变量并将一个引用类型值赋给该变量时，则这个值的引用次数就是1。如果同一个值又被赋给另一个变量，则该值的引用次数加 1。相反，如果包含对...
2021-09-17 07:57:20
54
原创 js异步之宏任务和微任务
什么是宏任务和微任务宏任务包括：setTimeout setInterval Ajax DOM事件微任务：Promise async/await微任务比宏任务的执行时间要早异步和单线程异步和单线程是相辅相成的，js是一门单线程脚本语言，所以需要异步来辅助异步和同步的区别:异步不会阻塞程序的执行， 同步会阻塞程序的执行，...
2021-09-17 07:49:04
74
原创 常见浏览器兼容性问题解决方案
不同浏览器的内核不同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为2种，一是渲染引擎，二是js引擎所以浏览器兼容性问题一般指：css兼容、js兼容一、css兼容1. 不同浏览器的标签默认的margin和padding不同解决方案：CSS里*{margin:0;padding:0;}但是性能不好 一般我们会引入reset.css样式重置；2. css3新属性，加浏览器前缀兼容早期浏览器解决方案：-moz- /* 火狐浏览器/-webkit-...
2021-09-16 15:25:01
288
原创 vue-cli4打包
1.首先需要自己在项目根路径下创建vue.config.js文件打包前必做：module.exports = { publicPath: './', // 静态资源路径（默认/，打包后会白屏） }配置proxy跨域module.exports = { devServer: { open: false, // 自动启动浏览器 host: '0.0.0.0', // localhost port: 6060, // 端口号 hotOnly: false,
2021-09-15 20:06:10
389
原创 面试题（一）
一、盒模型1、什么是盒子模型？ 在我们HTML页面中，每一个元素都可以被看作一个盒子，而这个盒子由：内容区（content）、填充区（padding）、边框区（border）、外边界区（margin）四部分组成。2、盒子模型有两种。（1）标准模式下: 一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)（2）怪异模式下： 一个块的总宽度= width + margin(左右)（即width已经包含了padd...
2021-09-08 22:33:54
317
原创 Vue路由传参
一.使用query进行传参query方式，必须定义path属性，通过query传参，然后在目标页面通过this.$route.query来接受参数。1.绑定一个点击@click事件并把id传过去 <van-card v-for="item in appIndex_list" :key="item.teacher_id" @click="goList(item.id)" />也可以使用router-link标签 &...
2021-09-02 16:55:23
174
原创 Vuex
一.什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化.Vuex主要解决大中型复杂项目的数据共享问题。二.Vuex的核心state：所有的数据都存储在state中 state是一个对象mutations：可以直接操作state中的数据actions：只能调用mutations的方法getters：类似计算属性实现对state中的数据做一些逻辑性的操作modul
2021-09-01 20:26:03
90
2
原创 Axios
一.为什么要对axios封装？axios 封装了原生的 XHR，让我们发送请求更为简单，但假设在一个成百上千个 vue 文件的项目中，我们每一个 vue 文件都要写 axios.get()或 axios.post() 岂不是很麻烦？后期的维护也不方便，所以我们要对 axios 进行进一步的封装。二.怎样封装？ 1. 在src下面新建一个http文件夹 （1）新建一个service文件 （2）导入axios包及vant中Toast组件 ...
2021-08-31 16:46:47
324
4
原创 配置 多环境变量+rem+vant
一.配置多环境变量1.package.json里的scripts配置serve（开发）test（测试）build（生产）"scripts": { "serve": "vue-cli-service serve --open", "test": "vue-cli-service build --mode testing", "build": "vue-cli-service build", }2.在根目录创建3个文件 （以.env.*开头）(...
2021-08-30 11:48:15
515
3
原创 Vue基础语法（1）
一.插值操作1.Mustache (双大括号){{}}例：<div id="app"> <p>{{message}}</pp> <p>{{message}} 易烊千玺!</p> <p>{{counter * 2p></div>3<script> const app = new Vue({ el: '#app', data: { message
2021-08-29 20:53:32
160
2
原创 git与gitHub
gitgit ：版本管理工具；基本工作流程：工作目录（被Git管理的项目目录） --->暂放区--->git仓库git init :初始化git仓库git status :查看文件状态git add 文件名 也可以写成（git add .）:追踪文件git commit -m 提交信息:向仓库中提交代码git log :查看提交记录git rest --hard commitID :恢复历史记录git branch :查看分支git branch 分支名 ..
2021-08-27 16:21:21
86
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人