javascript html css vue
vue3中 provide 、 inject的用法（二）
provide 、 inject 一般用来实现跨组件通信，避免层层传参，操作繁琐的问题。 provide( 属性,属性值 )：里面包含了要给子孙后代传递的东西也可以是一个操作自己某个功能的方法。 inject(接收的属性名,default)：default指的是默认值。 以下我是用对父组件进行刷新的 ......
vue3中provide和inject的使用
1.provide 和 inject 的讲解 provide和inject可以实现嵌套组件之间进行传递数据。 这两个函数都是在setup函数中使用的。 父级组件使用provide向下进行传递数据； 子级组件使用inject来获取上级组件传递过来的数据； 需要注意的是： 1==>provide只能够向 ......
深入理解JavaScript堆栈、事件循环、执行上下文和作用域以及闭包
合集 - JavaScript(4) 1.JavaScript this 绑定详解01-092.JavaScript apply、call、bind 函数详解01-093.JavaScript forEach 方法跳出循环01-02 4.深入理解JavaScript堆栈、事件循环、执行上下文和作用域 ......
cdn引入vue后报错无法识路径 Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".
如果你用了 pinia 就需要引入 vue-demi: vue-demi 是一个 Vue.js 的兼容性库，旨在为 Vue 2 和 Vue 3 提供一致的 API。它通过提供与 Vue 3 相似的 API 来帮助开发者平滑地迁移代码从 Vue 2 到 Vue 3。 pinia 为了兼容新, 使 ......
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？ 因为数据更新是异步执行的，所以你只能在宏任务或者微任务中拿到 这样做有一个好处，就是可以避免频繁的更新DOM ......
为什么在 Vue 对象上新增一个属性会丢失响应式？
为什么在Vue对象上新增一个属性会丢失响应式？ 在 Vue 中，当你新增一个属性到一个已经创建的对象上时，这个属性默认是非响应式的。这是因为 Vue 在实例化时会对数据进行初始化，只有初始化时存在的属性才能被 Vue 进行响应式处理 如果你需要让新增的属性也具有响应式，你可以使用this.$set方 ......
Vue源码学习(十九)：router基本原理
好家伙, 0.什么是路由? 路由就是匹配到对应路径显示对应的组件！ 那么我们要如何去实现? 我们来回忆一下这router怎么用的 1. 声明式路由配置：在路由配置对象中，定义路径与组件的映射关系。例如： import AboutComponent from '../views/AboutCompon ......
记录--vue3函数式弹窗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简 ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit ......
前端学习-HTML/CSS刷题笔记01
1 清除浮动 方法1 双伪元素法：在style中给父元素添加伪元素代码 了解zoom:1; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi ......
原生安卓嵌入vue打包的H5，在H5中调用原生摄像头扫码，且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('getScanData')" /> <input class="input" type="numb ......
原生IOS嵌入vue打包的H5，在H5中调用原生摄像头扫码，且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('camera')" /> <input class="input" type="number" p ......
01-HTML元素
HTML（ HyperText Markup language ）超文本标记语言，咱们熟知的网页就是用它编写的，HTML 的作用是定义网页的内容和结构。 1）HyperText 是指用超链接的方式组织网页，把网页联系起来2）Markup 是指用 `<标签>` 的方式赋予内容不同的功能和含义 1. H ......
electron+vue在线编辑Office Word?
Electron 桌面应用是基于 Chromium 内核的，而谷歌Chrome取消了对PPAPI插件支持后，在线Office方案纷纷失效，只能更换国产浏览器在低版本浏览器苟延残喘，不能用于electron+vue项目。 市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可 ......
9，python 循环输出html
Python for循环写HTML 简介 在本文中，我将向你介绍如何使用Python的for循环来生成HTML代码。这对于网页开发中需要动态生成大量相似结构的HTML元素非常有用，例如生成一个带有多个列表项的无序列表。 ......
vue使用flexible.js 最大宽度只有540
分辨率大于540px的时候，flexible限制为540，一般的手机显示没有问题，但对于大于540的竖屏屏幕，可能右边就会留白。我想让横屏的时候限制在540，竖屏的时候根据页面实际宽度自适应，解决方法如下： 1、安装 npm install lib-flexible --save 2、为了避免每次安 ......
JavaScript 中的事件循环
事件循环是 JavaScript 运行时环境的核心组件。它负责调度和执行异步任务。事件循环通过持续监视两个队列来工作：调用堆栈和事件队列。 调用堆栈是一种堆栈（LIFO）数据结构，存储当前正在执行的函数（存储代码执行期间创建的执行上下文）。 Web API是异步操作（setTimeout、获取请求、 ......
vue入门——？？？06days
案例回顾： 点击显示小电影案例 - 按钮点击事件 - axios.get().then(res=>{ res.data # 响应体的内容 }) - v-for循环 》div # 2 计算属性 -必须要有返回值，返回值当做属性的值 -方法当属性用 -computed中 -它依赖的变量发生变化，它才重新 ......
Vue.nextTick在动态更新iframe的src中的使用
Vue.nextTick在动态更新iframe的src中的使用：https://codeleading.com/article/63673310260/ 当iframe中的地址src需要动态改变时，需要使用Vue.nextTick来切换地址src，否则DOM的地址不会实现更新，而是保持上一次的src ......
HTML DOM对象-方法和属性
HTML DOM 对象 - 方法和属性 一些常用的 HTML DOM 方法： getElementById(id) - 获取带有指定 id 的节点（元素） getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 返回节点列表。节点列表是一个节点 ......
vue 高德地图异步引用
先建立一个文件，引入高德 gDMapLoader.js const ak = '4e9f15de14b05fd8f19e1d8fbe91f0a3' export default function load() { return new Promise(function(resolve, reject ......
html换行的几种方式
建议：不管采用哪种方式，就单一的选择一种，尽量保持编码的一致性，在写js处理页面的时候，也方便。 html换行：<br>标签 <br>标签是最简单的换行符，示例： <div> 这是一段换行的示例。 这是<br>一段换<br>行的示例。 </div> 使用<p></p>进行html的换行。 在一些富文 ......
Python Flask html 模板的继承
前言全局说明 一、安装flask模块 官方源： pip3 install flask==2.3.2 国内源： pip3 install flask==2.3.2 -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com 以上二选 ......
大话 JavaScript（Speaking JavaScript）：第三十一章到第三十三章
第三十一章：模块系统和包管理器 原文：31. Module Systems and Package Managers 译者：飞龙 协议：CC BY-NC-SA 4.0 JavaScript 没有内置模块支持，但社区已经创建了令人印象深刻的解决方法。要管理模块，可以使用所谓的包管理器，它们处理发现、安 ......
大话 JavaScript（Speaking JavaScript）：第二十六章到第三十章
第四部分：提示，工具和库 原文：IV. Tips, Tools, and Libraries 译者：飞龙 协议：CC BY-NC-SA 4.0 本部分提供了使用 JavaScript 的技巧（最佳实践，高级技术和学习资源），并描述了一些重要的工具和库。 第二十六章：元代码风格指南 原文：26. A ......
大话 JavaScript（Speaking JavaScript）：第十八章到第二十章
第二十一章：数学 原文：21. Math 译者：飞龙 协议：CC BY-NC-SA 4.0 Math对象用作多个数学函数的命名空间。本章提供了一个概述。 数学属性 Math的属性如下： Math.E 欧拉常数（e） Math.LN2 2 的自然对数 Math.LN10 10 的自然对数 Math.L ......
大话 JavaScript（Speaking JavaScript）：第十一章到第十五章
第十一章：数字 原文：11. Numbers 译者：飞龙 协议：CC BY-NC-SA 4.0 JavaScript 对所有数字都使用单一类型：它将它们全部视为浮点数。但是，如果小数点后没有数字，则不显示小数点： > 5.000 5 在内部，大多数 JavaScript 引擎都会优化并区分浮点数和整 ......
大话 JavaScript（Speaking JavaScript）：第十六章到第二十章
第十六章：变量：作用域、环境和闭包 原文：16. Variables: Scopes, Environments, and Closures 译者：飞龙 协议：CC BY-NC-SA 4.0 本章首先解释了如何使用变量，然后详细介绍了它们的工作方式（环境、闭包等）。 声明变量 在 JavaScrip ......
大话 JavaScript（Speaking JavaScript）：第一章到第五章
第一部分：JavaScript 快速入门 原文：I. JavaScript Quick Start 译者：飞龙 协议：CC BY-NC-SA 4.0 这部分是 JavaScript 的一个独立快速介绍。你可以在不阅读本书中的其他内容的情况下理解它，本书的其他部分也不依赖于它的内容。然而，阅读本书的提 ......