devtools浏览器edge vue
Q:浏览器打开控制台报错:net::ERR_CONTENT_LENGTH_MISMATCH 206
一、问题描述 F12查看浏览器的控制台,提示net::ERR_CONTENT_LENGTH_MISMATCH 206 (Partial Content) ,如下图, HTTP状态码206表示“部分内容”(Partial Content),表示服务器成功处理了部分客户端的请求。通常情况下,这个状态码是 ......
vue3+TypeScript 报红色波浪线
参考:https://blog.51cto.com/u_16175453/6664719 package.json里有typescript就:npm install 没有就:npm install typescript --save ......
vue3组合式api生命周期
# 生命周期钩子函数 Vue3:[https://cn.vuejs.org/api/composition-api-lifecycle.html](https://cn.vuejs.org/api/composition-api-lifecycle.html) Vue2:[https://v2.cn ......
vue3.3实验性新特性defineModel
子父之间使用v-model双向绑定数据,子组件每次都要写emit和props觉得麻烦? vue3.3新的实验性特性defineModel可以完全不写emit和props。 由于是实验性特性,所以需要配置之后才能使用。 修改vite.config.js: ```JavaScript export de ......
vue3在父子组件使用v-model双向绑定
父组件: ```Vue 我是父组件, {{ count }} --> --> --> --> ``` 封装一个InputBox子组件,用于数据的加减 ```Vue - + ``` # 思考: 觉得每次在子组件中定义emit和props很麻烦?vue3.3添加了一个实验性特新defineModel,详 ......
使用create-vue创建vue3项目
create-vue是vue3新的脚手架搭建项目工具,底层构建工具使用**vite**,而不是vue-cli的webpack。 但不是说你不能用以前的`vue create`命令来创建vue3项目,你完全可以用vue-cli来创建。 vite:[https://cn.vitejs.dev/guide ......
create-vue和vue-cli创建项目的差异
这里对比的是vue-cli和create-vue创建vue3项目的文件中的内容差异。 ![](https://secure2.wostatic.cn/static/8hGnxvnWx3k5xGtUz91PHw/image.png?auth_key=1691824410-cuQuMDJs76r5vvu ......
VUE
Vue是构建用户界面的渐进式JavaScript框架 尤雨溪开发的 特点: 1.采用组件化模式,提供代码复用性、且让代码更好维护 2.声明式编码,让编码人员无需直接操作DOM,提高开发效率。 3.使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。 ......
HTML 全屏水印 vue 全屏水印
HTML 全屏水印 vue 全屏水印 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0; ......
VUE使用模板页面并预留子页面区域
1.新建模板页面 MainLayout.vue,并在template 里面防止标签用于嵌入 子页面内容 <template> ''' 其他页面内容 '''<router-view></router-view> ''' 其他页面内容 '''</template>2.在 router的index.js ......
chrome浏览器开发者工具(F12)
# chrome浏览器开发者工具(F12/ctrl+shift+i) > 参考博客: > > [【爬虫知识】浏览器开发者工具使用技巧总结](https://blog.csdn.net/kdl_csdn/article/details/119035208) > > [Chrome开发者工具面板](ht ......
Vue 路由懒加载
随着 Web 应用的复杂性不断增加,性能优化成为了开发人员必须面对的挑战之一。Vue 路由懒加载是一项关键技术,它可以帮助我们提高 Web 应用的加载速度,从而提升用户体验。
在本篇技术博文中,我们将深入探讨 Vue 路由懒加载的背景、原理以及使用方法。我们还将分享一些优化和进阶技巧,帮助开发人员... ......
antd vue 解决a-select下拉菜单跟随页面滚动
问题描述: antd a-select 下拉菜单 会跟着滚动一块走 官方原话:getPopupContainer菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位 解决方案 : 这样就ok了 :getPopupContainer="trigger ......
vue 全局事件总线
1. 在main.js中安装全局事件总线 // 引入vue app import Vue from "vue"; import App from "@/App"; // 关闭生产提示 Vue.config.productionTip = false // 创建vm new Vue({ el:'#ap ......
vue2生命周期、vue3生命周期、uni-app生命周期
一、生命周期 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程,我们称这是 Vue 的生命周期 二、vue2生命周期(钩子函数) (1)钩子函数: 在特定阶段或特定事件发生时被执行的函数 在钩子函数中可以编写逻 ......
vue 步骤条
效果图 <template> <!-- --> <div class='stepBar' v-if="list"> <dl> <dd v-for="(item, index) in list" :key="index" :class="{ actafter: index + 1 <= selecte ......
Vue全家桶系~2.Vue3开篇(过渡)
# Vue全家桶 先贴一下Vue3的官方文档: > 官方API文档: ## 1.前言:新旧时代交替 ### 1.1.开发变化 1.**网络模型的变化**: 1. 以前网页大多是b/s,服务端代码混合在页面里; 2. 现在是c/s,前后端分离,通过js api(类似ajax的方式)获取json数据,把 ......
插件系列 vue2安装tailwindcss
官方网址:https://www.tailwindcss.cn/docs/installation 安装步骤: 直接安装 创建文件 tailwindcss.css main.js全局引入文件 tailwindcss.css 在项目更目录下执行初始化配置文件指令 第一步:直接安装 npm instal ......
文本关键词高亮-vue版本
、、 <template> <div> <div> <input type="text" @keyup.enter="mark"> </div> <div ref="text" style="height: 200px; overflow: auto" v-html="html"> </div> < ......
Vue v-on 修饰符
官方文档;https://cn.vuejs.org/guide/essentials/event-handling.html#event-modifiers ......
vue 文档解释
当你将一个响应式对象的属性赋值或解构到一个本地变量时,访问或赋值该变量是非响应式的,因为它将不再触发源对象上的 get / set 代理。注意这种“断开”只影响变量绑定——如果变量指向一个对象之类的非原始值,那么对该对象的修改仍然是响应式的。 注意这种“断开”只影响变量绑定(有歧义,应该是 只影响原 ......
小宾AfreecaTv录制浏览器V1.11正式上线,支持录屏录制AfreecaTv直播流,自动录制和清晰度调节
小宾AfreecaTv录制浏览器是基于高画质直播流的直播录制工具软体,方便主播自己及新入门的主播,学习、练习直播过程的控场、话术等,产品参用C/S模式,将复杂的解析工作交给服务器动态维护,实际状态的秒级感知。支持分段录取、实时播放、自动录制等功能。基于WPF全新开发,原生支持WINDOWS全系列产品 ......
vue2调用接口
初见vue2,试探了两天,第一次正经接触前端,蛮兴奋的。 1. 首先,通过FastAPI简单构造几个后端接口 ~~~ import uvicorn from fastapi import FastAPI, Header from typing import Union from typing_ext ......
springboot+activiti+vue+mysql 轻松搞定审批!(源码)
前言 activiti工作流,企业erp、oa、hr、crm等审批系统轻松落地,请假审批demo从流程绘制到审批结束实例。 一、项目形式 springboot+vue+activiti集成了activiti在线编辑器,快速开发平台,可插拔工作流服务。 二、项目介绍 本项目拥有用户管理,部门管理,代码 ......
vue2使用table进行单元格合并,后面列合并需根据前某列条件合并
示例: <table class="table_style"> <thead> <tr> <td>姓名</td> <td>年龄</td> <td>车辆</td> <td>房子</td> <td>身份</td> </tr> </thead> <tbody v-for="(group, name) in ......
Vue 内置指令
<span v-text="msg"></span> <!-- 等同于 --> <span>{{msg}}</span> 官方文档:https://cn.vuejs.org/api/built-in-directives.html ......
浏览器打开www.baidu.com流程
这是一道烂大街的面试题,不过通过这个问题我们可以将网络整个通信过程捋清楚,在这个过程中将计算机网络的各个部分串联起来。 ## 概述 1. 对www.baidu.com这个网站进行域名解析,得到对应的IP地址 2. 根据这个IP,找到对应的服务器,发起TCP的三次握手 3. 建立TCP连接后发起HTT ......
devTools 浏览器控制台常见错误集锦
##1、template 缺少必要参数、接口数据缺失 ![](https://img2023.cnblogs.com/blog/2773051/202308/2773051-20230811105623229-429987619.png) ![](https://img2023.cnblogs.co ......
Vue 数据绑定 input v-if 切换后 取值不对
1、当一个页面有多个类型输入框时,联系人是 password 类型,联系地址是text类型, (1)当切换regType==1时联系地址还是password类型 (2)当限制输入长度时input的value值和v-model取得值也是不一样的 <div class="lfItem" v-if="re ......
浏览器中的接口请求如何一键导入Postman
1、浏览器中操作 浏览器中【检查】 【Fwtch/XHR】 【选中接口】 【Copy】 【Copy as cURL(bash) 】 2、Postman中操作 ......