devtools浏览器edge vue
02-浏览器的介绍
title: 02-浏览器的介绍 publish: true 常见的浏览器 浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。如下图所示： 我们重点需要学习的是 Chrome 浏览器。 浏览器的市场占有份额 浏览器的市场占 ......
chrome浏览器
控制台的使用 控制台查看源码 控制台的Sources标签可以查看源码。按住快捷键「cmd + P」，可以根据文件名查找源码文件。 其他 show user agent shadow DOM 把上图中的红框部分打钩。 ......
vue3微信公众号商城项目实战系列（12）项目发布到服务器上
本篇介绍如何将vue3项目打包发布到服务器上，然后在微信公众号上打开。 vue3发布之前需要对项目进行编译，编译时会在项目根目录下创建 dist 文件夹，编译后的文件会存放在这里。 在编译之前，我们在public目录下建一个 config.js 的文件，里面放如下的代码： const config ......
Vue3 readonly与shallowReadonly
视频 2.readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景: 不希望数据被修改时。 #components ##Demo.vue <template> < ......
Vue3 shallowReactive与shallowRef
视频 三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据， ......
Vue3实现剪贴板功能
1.新增依赖 "vue-clipboard2": "^0.3.3" 2.main.js导入和使用依赖 import VueClipBoard from "vue-clipboard2"; createApp(App) .use(VueClipBoard) .mount("#app"); 3.导入sy ......
Vue3 toRef与toRefs
视频 直接用ref是创建新的对象 10.toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。 扩展：toRefs 与toRef功能一致， ......
vue中 npm i axios报错，npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
安装 npm i axios时，出现如下图情况： 报错的原因是因为npm不同版本库之间命令不兼容。 解决办法：npm install axios -save --legacy-peer-deps ......
Web 下载文件名乱码解决以及多浏览器兼容方案
在 web 开发中，经常我们会遇到如导出或者下载网页这种需求，但是往往会遇到在chrome浏览器下载的文件名正常，但是到 firefox，Safari上却乱码的情况，经过网上的资料多次研究，最终总结出了如下的方法，代码如下： /// <summary> /// 浏览器下载文件，完整文件下载，不支持分 ......
Vue3 自定义hook
视频 9.自定义hook函数 什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 #components ##Demo.vue <templ ......
vue国际化步骤
vue国际化步骤 Vue 国际化的步骤如下所示： 1.安装 vue-i18n 库 npm install vue-i18n --save 2.创建 i18n 实例 在项目中新建一个 i18n.js 文件，引入 vue-i18n 库，并创建一个 i18n 实例。 import Vue from 'vu ......
vue2升vue3后部分异常解决
element-ui 升为 element-plus 首先建议参考element-plus官方站点： https://element-plus.org/zh-CN/ 部分组件标签直接变更 如 el-submenu 变更为 el-sub-menu 浏览器提示 ElementPlusError: [El ......
JS触发浏览器下载文件
原生JS实现Ajax下载文件 /** * url 下载url （相对路径也可\dbbak\wsew.2023-04-20_09:19:52_6835.sql） * filename 下载文件名称 */ function download(url, filename) { var xhr = new ......
vue
1. vue简介 Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 2 ......
vue
1、介绍 vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，vue被设计为可以自底向上逐层应用。Vue的和学科只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 前端框架三巨头：Vue.js、React.js、AngularJS，前者以轻量易用著称，前两者发展速度最快，后者 ......
浏览器执行js脚本
1、四种基本的形式 （1）script内部 <script>alert('xss')</script> （2）script引入外部js文件 <script src='check.js'></script> <script src=https://www.freebuf.com/freebuf/2.1 ......
【Vue2.x源码系列07】监听器watch原理
本章目标：监听器是如何实现的？监听器选项 - immediate、deep 内部实现？在初始化Vue实例时，我们会给每个侦听器都创建一个对应watcher，我们称之为侦听器watcher ......
web3 产品介绍：metamask 钱包 使用最多的浏览器插件钱包
Metamask钱包是一种基于区块链技术的数字货币钱包，它允许用户在安全、便捷的环境下管理自己的加密资产。Metamask钱包是以太坊生态系统中最流行的钱包之一，它具有易于使用、安全性高和功能强大等优点。 本文将详细介绍Metamask钱包的功能和使用方法。 一、 Metamask钱包的功能 数字资 ......
Django + Vue（项目篇）
Prerequisite 【完结】项目地址：xxx 相关文章： TypeScript VUE 3【基本实现了项目的前端】 Django AI 相关笔记 技术栈： 后端：Python3 + Django（Ninja） 前端：TypeScript + Vue3 + VueRouter + Vuex + ......
vue3微信公众号商城项目实战系列（11）"我的"页面
我的页面效果如下： Mine.vue 页面代码如下： 布局块代码： 1 <template> 2 <div class="mine"> 3 4 <div class="mine-top"> 5 <img src="/mine.png" /><br /> 6 <span class="mine-top ......
关于vue3如何封装命令式modal（免写组件标签）
由于之前搜索其他modal框封装的文章时，发现大多数在使用时需要引入并注册组件，传入参数再写方法。每次引用时都要经过上述操作，觉得太麻烦了。后面通过一些资料摸索出vue3如何利用命令方式（即避免写组件标签）来弹出弹框，写下这篇文章，方便日后自己复习 调用及效果 先上使用方法及效果 代码 <templ ......
浏览器访问网址到页面出现的过程
最近忙着写作业和面试，还有一些休息。突然想到这个问题，这个问题可能前端问的会多一点，但我个人还是很好奇这个过程的，本科的时候应该学过，现在重温一下。 首先是URL解析 内容是否符合URL规范 如果符合，浏览器判断URL是否完整，不完整的话，浏览器会对域进行猜测，补全前缀或者后缀 不符合的话，将输入内 ......
Vue中mixins的使用方法详解
vue中mixins的使用方法 官方解释： 混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 举个栗子： 定义一个混入对象： export default { data() ......
每日总结 vue
beforeCreate（）{}：Vue创建前，此阶段为实例初始化之后，this指向创建的实例，数据观察,数据监听事件机制都未形成，不能获得DOM节点。data，computed，watch，methods 上的方法和数据均不能访问，注：date和methods的数据都还未初始化。 Created（ ......
Vue3 Vue3生命周期
视频 8.生命周期 vue2.x的生命周期 vue3.0的生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition A ......
微信小程序、uniapp、vue生命周期钩子函数
生命周期是指从创建到销毁的过程 一、微信小程序 小程序里面有两种生命周期函数，第一个：通过App()来注册一个小程序 ，第二个：通过Page()来注册一个页面 应用生命周期函数 app( ) app.js 是小程序执行的入口文件，在 app.js 中必须调用 APP() 函数 APP() 函数用于注 ......
vue3写法
main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' createApp(App).use(router).mount('#app') router/inde ......
Vue3 watchEffect函数
视频 3.watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算出来的值（回调函数的返回 ......
Vue3 watch时value的问题
视频 #components ##Demo.vue <template> <h2>当前求和为：{{sum}}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为：{{msg}}</h2> <button @click="msg+='！' ......