加载中
Vue中.env、.env.development及.env.production等文件说明

0.介绍 模式是Vue CLI项目中一个重要的概念,默认情况下,一个Vue CLI项目有三种模式: developemt 模式用于vue-cli-service serve test 模式用于vue-cli-service test:unit production 模式...

history 命令-在终端控制台查看历史记录

1,查看 bash 历史记录(history) 我们在之前的文章中介绍过 history 的使用,大家感兴趣可以参考: 在Linux中怎样使用history命令 查看 bash 历史记录,最简单的方法就是在命令行中输入 hi...

Vue3+Vite中的tsconfig.json等三个文件的介绍

使用vite创建vue3项目中会自动生成三个tsconfig相关的文件,分别是: tsconfig.json、tsconfig.node.json、tsconfig.app.json。 1. tsconfig.node.json是专门用来配置vite.config.ts文件的编...

Vue3.X的深度选择器的变化及旧语法被废弃

在Vue3.X版本中使用以前的深度选择器::v-deep会报错: :: v - deep usage as a combinator has been deprecated . Use : deep ( < inner - selector > ) instead . 原因: 这是因为>>> 和 ...

GitHub520--可直接访问Github的工具

github520 github520无需安装运行第三方软件,仅是hosts文件或内容的替换。github520也有人放在了gitee上,其github项目首页和某个gitee页面如下: https://GitHub520: 本项目无需安装任何程...

vue中不刷新页面实现所有组件重新加载 重新执行生命周期

在有些情况下需要重新加载页面或者触发组件的生命周期,这个时候刷新页面很简单就能实现,但是这样用户体验不好.这个时候我们可以通过provide/inject可以轻松实现跨级访问祖先组件的数据,使...

CSS解决iOS滚动卡顿和滚动花屏(常年问题)

1.滚动卡顿 在滚动容器中加入如下样式,这个样式有时候不用加也不会卡,但是如果页面中有fixed固定或者固底元素,则会加大卡顿发生的可能性: -webkit-overflow-scrolling:touch; //这个属性可以...

echarts5.0使用第三方地图数据并下钻显示

众所周知echarts在5.0之后不再在原始包里边提供地图map数据(我其实好几年没用过echarts地图了,上次用的版本还是3.0),所以现在我想使用地图时需要如下操作: 1.通过阿里DataV可视化平台下载地图...

getBoundingClientRect()获取DOM元素大小

getBoundingClientRect() 是一个 JavaScript DOM (Document Object Model) 的方法,它提供了有关 HTML 元素大小和位置的重要数据。该方法返回一个 DOMRect 对象,该对象有八个属性:left、t...

JSAPI: ResizeObserver监听元素大小改变

当你需要监听元素的大小变化时,可以使用 ResizeObserver API。ResizeObserver API 是一个 JavaScript API,它允许元素在其大小发生变化时得到通知。当视口大小改变或设备方向在纵向和横向之...

你知道什么是CI/CD吗?不懂?五分钟让你彻底理解!

本文将探讨CI(持续集成)/CD(持续部署)流程中的各个阶段;以及从快速、规模交付的视角探讨为什么CI/CD流水线对于我们的组织是必不可少的。 CI/CD流水线工作流包括CI/CD流程开始时所有阶段...

升级到Vue2.7中使用可选链?.(2023年最新版踩坑)

1. 首先从V2.x版本升级到Vue2.7, 从Vue2.7开始在模板表达式中支持了 ESNext 语法。当配合构建系统使用时,编译后的模板渲染函数将会经过和处理普通 JavaScript 相同配置的 loader / 插件。这...

JS ?. ?? ??= 可选链运算符(?.)空值合并运算符(??)介绍

1.可选链运算符(?.) 允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符,不同之处在于,在引用为空 (nullish ) (null 或...

js 手写H5下滑滚动加载

业务场景: 页面每次加载十条数据,用户滑动到第十条数据时加载下一页数据的十条; talk is cheap show me the code: scrollEvent() { /* * 这里我们需要理解几个属性, * scrollY: 此属性可以返...

ESlint(2022年最新)快速配置笔记

1. 官网: https://eslint.org Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter 2. 安装 npm install eslint --save-dev 或者 yarn add eslint --de...

三面面试官:运行 npm run xxx 的时候发生了什么?

事情是这样的,直接开讲 面试官:npm run xxx的时候,发生了什么?讲的越详细越好。 我(心想,简单啊): 首先,DNS 解析,将域名解析成 IP 地址,然后 TCP 连接,TCP 三次握手... 面试官:停...

Vue3 (三): 速记笔记之Vuex (Vue3匹配4.x版本)

1. 简单的 store 模式: const store = { debug: true, state: reactive({ message: 'Hello!' }), setMessageAction(newValue) { if (this.debug) { console.lo......

Vue3(二):速记笔记之vue-cli & vue-router

1. ~/.vuerc 文件 如果你决定手动选择特性如下图, 在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset。 ~/.vuerc文件: 被保存的 preset 将会存在用户的 home 目录下一个名为...

Vue3(一): 基础快速入门笔记(基本与Vue2类似,补充一些不同)

1. vue 3.0 的源代码管理方式: monorepo 2. 指令: 2.1 v-once指令,只渲染一次: v-once:{{counter}} 2.2 动态改变dom的attr值 attr 动态改变...

nuxt3 components中组件无法自动引入

最近踩坑nuxt3时发现无法与3.0官网中那样,在components中创建base/foo/button.vue组件,然后自动引入时报错,网上搜索也无果... 后来实属无奈,病急乱投医升级了版本,得出解决: npx nuxi upgrad...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部