devtools浏览器edge vue

vue的几个记录

1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 (父-》子-》子,也只需要在最后一个子组件监听即可。) 需要用到监听器 watch:{ //监听父组件传递的 ......
vue

Vue登录页

1. 创建login.vue文件 // @/pages/login.vue <el-form ref="formRef" :rules="rules" :model="form"> <el-form-item prop="username"> <el-input v-model="form.user ......
Vue

Vue2异步更新及nextTick原理

vue2.7 源码中,nextTick并没有直接使用某个 API ,而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks,用于存储 nextTick 回调 ......
nextTick 原理 Vue2 Vue

vue-day2

绑定class样式 :class="" (v-bind的缩写) 修改vue维护的数据,而非直接操作dom 绑定style,内联样式,交给vue管理(要对象,或者数组) font-size -> fontSize 换位驼峰 ⭐⭐⭐vue条件渲染 v-show 底层 -> 调整style行内样式, di ......
vue-day vue day

vue之插槽

####################### ######################### ......
vue

使用Eclipse开发Vue——CodeMix够智能

使用Eclipse开发Vue——CodeMix够智能 Eclipse的CodeMix插件允许您访问 VS Code和Code OSS扩展社区,以及 Webclipse 1.x 功能。 Vue.js是构建用户界面的渐进式框架。核心 Vue 库只关注视图层,但很容易将其与其他库或现有项目集成。如果您想在 ......
Eclipse CodeMix 智能 Vue

性能测量工具-DevTools/PageSpeed/LightHouse

前端的性能优化有诸多有迹可循的理论和方法,比如 Yahoo!性能军规(Best Practices for Speeding Up Your Web Site)、Google Pa ......
LightHouse PageSpeed DevTools 性能 工具

vue-router

################### npm install vue-router Vue.use()方法的源代码如下: function install(Vue) { // 避免重复安装插件 if (install.installed && _Vue Vue) return install.in ......
vue-router router vue

浏览器层面优化前端性能(2):Reader引擎线程与模块分析优化点

优化JS的执行效率 降低样式选择器的复杂度 避免大规模、复杂的布局 尽可能避免触发布局 避免强制同步布局事件的发生 避免快速连续的布局 简化绘制的复杂度 减小绘制区域 优先使用渲染层合并属性 控制层数量 节流 抖动 ......
前端 线程 层面 模块 浏览器

浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析

Chrome支持以下几种进程模型:Process-per-site-instance Process-per-site Process-per-tab Single Process。Browser只有一个,主控整个系统的运行,管理Chrome大部分的日常事务;而Renderer则可以有多个,主要负责... ......
前端 线程 层面 组件 模型

Vue——patch.ts【十四】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们扩展下 Vue 的 patch。 内容 这一块主要围绕 vue 中的__patch__进行剖析。 __patch__ Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/in ......
patch Vue ts

Vue开发规范

############################### 单文件组件内容: <!--componentA.vue--> <script>/*...*/</script> <template>...</template> <style>/*...*/</style> 组件相关: 尽可能的减少wa ......
Vue

浏览器史话中chrome霸主地位的奠定与国产浏览器的割据混战

本文回顾浏览器的发展历史:作为前端老鸟,从IE的6、7、8开始做前端,各种兼容性折磨死人。js还好有了jQuery。chrome出来后,真是救苦救难,解救程序员的于水火。但是可恶的boss还是要求兼容ie6,7。 ......
浏览器 史话 霸主 地位 国产

Vue Router 学习整理

Vue Router 是Vue.js的官方路由。它与Vue.js 核心深度集成,让用Vue.js构建单页应用变得轻而易举。功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由Vue.js的过度系统提供的过渡效果 细致的导航控制 自动激活CSS类的链接 H ......
Router Vue

js异步——浅谈Chrome浏览器架构

前言 在讲述事件循环和消息队列之前,需要了解 JS 的单线程执行机制,JS 的执行是从上到下依次执行的,这些便是同步任务,而异步操作类似于系统中断,即当前进程外部的实体(主线程之外的、宿主环境提供的、特殊的线程,如IO线程(HTTP请求)和定时器线程等)可以触发代码执行,然后在异步任务完毕后,执行回 ......
架构 浏览器 Chrome

VUE-Antd开发,validate规则校验第一次为空,后面无论怎么输入都显示不可为空

问题描述 场景是修改弹窗,给数据赋值,其中数据有String 和 Array 第一次操作 多选框(数据类型是Array)输入为空并在输入框外点击,显示不可为空。 之后无论怎么输入都显示不可为空。(当你控制台输出校验value时,会发现里面的值永远是第一次操作的数据,而非为空) 可能原因 1️⃣rul ......
VUE-Antd validate 规则 第一次 Antd

ant-design-vue日历面板 a-calendar 属性自定义设置

通过自定义属性设置,实现一个周末与工作日的不同颜色设置 效果图: 使用的属性: 自定义头部设置 headerRender 自定义日期显示 dateFullCellRender 代码: <template> <div class="box"> <h3>1.自定义头部; 2.自定义日期显示,工作日显示, ......

将Vue项目部署到Tomcat服务器上(简单、粗暴)

1. 将项目打包 Vue中自带webpack,可以通过一行命令将项目打包 # 执行该命令打包 npm run build 2. 上传相应文件到服务器上 打包完成后,项目中会多出一个dist文件夹, 这个文件夹中就包含html、css、js等文件 直接将dist文件夹上传到Tomcat的ROOT目录下 ......
服务器 项目 Tomcat Vue

Vue常用指令

常用指令 指令:HTML标签上带有V-前缀的特殊属性,不同指令具有不同含义。 常用指令 | 指令 | 作用 | | | | | v-bind | 为HTML标签绑定属性值,如设置href , css样式等 | | v-model | 在表单元素上创建双向数据绑定 | | v-on | 为HTML标签 ......
指令 常用 Vue

html页面里面的button标签使用@click属性时,无法定位到Vue的method里面

问题解决 就很离谱,都是按照网上的教程来的,一直无法定位,之后跟着加上了div标签,加上了id属性,方法还是灰白色,调用不了; 后来直接将el属性名称更改掉了,没想到这样就成功识别到了,反正就是逻辑没有出问题,最后也达到期望值了。 ......
属性 页面 标签 button method

vue-router 设置active路由颜色

声明:以下是vue3设置方式,vue2一样 第一步 createRouter({ // router-line-active 可以自定义别的名字,随便 linkActiveClass: 'router-line-active', history: createWebHistory(), routes ......
路由 vue-router 颜色 router active

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

这篇如果 Vue 和 CesiumJS 不发生史诗级的变动,应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化,并升级开发服务器的版本。 心急的朋友拉到文末,有示例工程链 ......
CesiumJS 教程 Vue3 2023 Vue

vscode 开发 vue3项目 , src 别名 为 @ ,报错

https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射,可 ......
别名 项目 vscode vue3 src

浏览器常用操作命令

一、浏览器操作命令 启动火狐浏览器(49版本以下) System.setProperty("webdriver.firefox.bin","D:\\Firefox\\firefox.exe");WebDriver driver=new FirefoxDriver(); (谷歌和IE通过浏览器驱动启动 ......
命令 浏览器 常用

Vue3 如何查看挂载在 vue 上的 全局组件

使用app.component 查看 [1]你可以通过全局 API app.component 注册全局组件并查看。在 Vue 3 中,你可以通过以下方式来查看挂载在 app 上的全局组件: const app = createApp({}); // 全局注册组件 app.component('my ......
全局 组件 Vue3 Vue vue

vue2源码-一、rollup环境配置

npm init -y创建初始化package.json并修改script为"dev": "rollup -cw " 安装rollup及其插件: npm install rollup rollup-plugin-babel @babel/core @babel/preset-env --save-d ......
源码 环境 rollup vue2 vue

Microsoft Edge 打开网页报STATUS_ACCESS_DENIED的解决方案

报错: 解决方案: 1. win + R调出命令行工具,输入regedit回车 2. 找到如下路径:计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft,在Microsoft下新建项,命名:Edge 3. 在Edge下新建DWORD(32位)值 4.  ......

第二周vue学习

单文件组件: 框架: 如果我们的组件为一个,通常采用默认暴露:export default school(名字) 上图中,name:“school”;组件名通常与xxx.vue名相同(name省略也可以运行,组件名则会被随便取) app.vue:汇总全部组件 main.js:创建vue实例,并且指明 ......
vue

在Vue中使用键盘事件,回调函数被执行两次

暂时先不考虑v-for的key,查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项:</span> <input type="text" placeholder="请输入..." v-model="text" ......
函数 键盘 事件 Vue

python 两种速度浏览视频

# import the necessary packages from imutils.video import FPS import numpy as np import argparse import imutils import cv2 # 构造参数解析器并解析参数 ap = argpars ......
速度 python 视频