devtools浏览器edge vue
浏览器防F12
<script> setInterval(() => { (function(){ return false })['constructor']('debugger')['call']() }, 50); </script> ......
vue中export default data()外面的数据如何通过$t获取动态值
如果将数据放到外面的`const`中，而不是在Vue组件的`data`选项中，那么无法直接通过`$t`方法来获取翻译文件的值。因为`$t`方法是Vue-i18n插件提供的实例方法，需要在Vue组件中使用。 如果你想在外部使用`$t`方法来获取翻译文件的值，可以将Vue-i18n的实例导出，并在外部文 ......
在springboot项目中部署vue打包的dist以及刷新遇到404的解决方法
一、在springboot项目中部署dist 新建一个springboot项目，并将dist复制到resources目录下面，同时在application.yml添加配置即可，操作结果如下图所示： 添加的配置代码如下： spring: web: resources: static-locations ......
Vue 中请求同步执行解决方案
有很多小伙伴在使用Vue的时候都会遇到一种情况，form表单修改回显时，某个下拉框里的内容回显乱码，这是因为Vue是的请求方法是异步请求：简单来说，form表单内容先获取了出来，而项目阶段的下拉框随后才获取出来 // 表单<el-col :span="12"> <el-form-item :labe ......
Vue的组件data为什么必须是一个函数?
vue中的data必须是函数是为了保证组件的独立性和可复用性。 实例是通过构造函数来创建的，每个构造函数可以new多个实例，每个实例都会继承原型上的方法和属性， 在vue中，一个vue组件就是一个vue实例，当一个组件被复用多次，就会创建多个实例。如果data是对象， 那么被多次复用的这个组件，在某 ......
Web 国际化：新增越南语语系（vue i18n）
前提： 1. 在src/locales文件夹中，新增vi.json文件 背景： 1. vue 步骤： 1. 在main.js中， import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: lo ......
Vue Router
什么是路由 路由就是URL地址，地址不同，则显示的页面内容不同，路由分为前端路由和后端路由，Vue属于前端框架，因此我们讲解的路由也是前端路由。 Vue是单页面应用程序，通过hash(#)来实现不同页面之间的切换。 什么是单页面应用程序？通俗地讲就是不需要刷新页面，所有组件都在一个页面上的应用程序。 ......
Vue 项目性能优化实践
Vue已经成为前端必备利器了，Vue首页加载速度慢是很常见的问题，dist文件的体积差不多都在10m左右，解决方式也有很多，最简单的方式增加服务器的配置性能，当然在预算有限的情况下，如果通过优化来提升速度呢。 比如在一台普通配置服务器上，差不多加载速度在15s左右，那是没办法接受的，不管是用户体验还 ......
vue通讯的几种方式
1.props 和 $emit。父组件向子组件传递数据是通过props传递的，子组件传递给父组件是通过$emit触发事件来做到的。 2. 父组件中通过 provide 来提供变量，然后在子组件中通过 inject 来注入变量。 3.$refs 获取组件实例。 4.envetBus 兄弟组件数据传递， ......
vue--day65--默认卡槽
1. App.vue <template> <div class="container"> <Category title="美食" > <img src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> </Category> <Categor ......
当我们在浏览器中输入网址后发生了什么？
## 编写目的 如标题所示，这是我在21年找工作时面试官问到的问题，很可惜当时我的回答非常的不尽人意，时间过去两年，对于网络知识也沉淀了很多，趁着这次再次找工作，再次审视这个问题，希望这次的回答能我或新的面试官满意。 ## 输入网址 网址，也就是我们常说的URL，我们通常用浏览器来访问web服务器的 ......
Vue 3 Deep Dive with Evan You
什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te ......
老杜Vue的Bug列表实战代码
老杜Vue的Bug列表实战代码 谢谢杜老师的vue教学视频，说的真的好好 各位亲爱的小伙伴，如果不能使用代码，请给我留言哈。 1、效果图 2、html代码（我自己写的，和杜老师的有些不同，不要纠结哈，基本是没错的） <!DOCTYPE html> <html> <head> <meta charse ......
浏览器剪切板兼容性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Paste</ti ......
vue生命周期
Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。 1、beforeCreate（创建前） 表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。 2、created（创建后） 数据对象 data 已存在 ......
Vue-Router 的懒加载如何实现
非懒加载： import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: List } ] }) 懒加载： 1.使用箭头函数+import动态 ......
vue-
插槽slots 传html结构，父传子 slot 父组件 子组件 渲染作用域 插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。 具名插槽 插槽：子组件传给父组件数据，父组件传回子组件 父 子 组件生命周期 生命周期函数 创建期：beforeCreate created ......
前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
python+playwright 学习-75 playwright 通过浏览器发送post请求
# 前言 page.goto()可以通过浏览器直接发get请求， playwright也可以支持通过浏览器发送post请求。 # page.goto()使用 page.goto() 访问网站的时候，实际上是有返回值的，可以获取到response 对象 ``` from playwright.sync ......
vue实现简单人员列表
# vue实现简单人员列表 ## 功能 - 可以显示一个人员列表 - 可以对列表过滤 - 可以对列表排序 ## 实现 ```vue 列表 人员列表 升序 降序 原顺序 {{p.name}} {{p.age}} ``` ......
VUE
class绑定 style绑定 侦听器 表单输入绑定 v-model 修饰符：lazy，number，trim 模版引用 操作dom，获取ref this.$ref <div ref="container" class="containser">{{content}}</div> <input ty ......
谷歌浏览器不能网页录音解决方案
在浏览器的地址栏里输入 chrome://flags/#unsafely-treat-insecure-origin-as-secure 并回车、然后作如下修改 里面输入你要操作的网址域名即可 ......
python+playwright 学习-74 set_extra_http_headers设置浏览器请求头部
# 前言 大部分网站保存登录状态是用cookies，也有个别网站是在请求头部添加token实现保存登录。 playwright 可以使用set_extra_http_headers() 方法设置浏览器请求头部参数 # set_extra_http_headers() 方法 设置头部参数headers ......
vue.js:5108 [Vue warn]: Cannot find element: #body_container
1、原因：我把 Vue 挂载元素的JS放在了html加载完成的前面了 2、解决：放到html加载完成之后就可以了 ......
Vue技术
# 😀Vue技术总结 > 首先: 一对多和多对一都不可以 容器和实例之间只能是一一对应 > > 插值语法: {{ xxx }} xxx → 只能是 js 表达式(表达式是一组代码的集合，它`返回一个值`。) 注意!!! 区分 js表达式与js语句 > 指令语法: ``` 单向数据绑定 → v-bi ......
vue3探索——组件通信之事件总线
> Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`，`mitt.js`好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或 ......
vue数据传递【父子组件】-父子props，子父$emit
一、父子组件传递 1、父组件数据传递给子组件【props】 父组件的数据变化时，子组件会自动更新 在父组件中引用子组件 <子组件name/> import 子组件 from ./子组件位置/子组件所在vue.vue 在组件中注册子组件 components:{子组件名称} 子组件 可以通过props ......
mac 关闭谷歌浏览器更新
删除 `~/Library/Google/GoogleSoftwareUpdate` 文件夹中的所有内容。 然后将 `~/Library/Google` 文件夹的共享与权限全都设置为只读，然后一定、一定、一定要再将这个文件夹设置为已锁定。 不设置为已锁定谷歌浏览器会将共享与权限自动设置会读与写。 然 ......