Nuxt3请求封装数据 fetch的使用

Nuxt3更改meta信息（关键词、标题、描述）

npm ERR! gyp ERR! node -v v16.18.0npm ERR! gyp ERR! node-gyp -v v7.1.2npm ERR! gyp ERR! not ok

原生小程序用vant组件自定义底部导航。

1、先删除远程 Git 仓库。2、再添加远程 Git 仓库。3、最后git push origin master，这样就推送到自己的仓库了。

配置端口和目录vi /usr/local/nginx/conf/nginx.conf

修改远程仓库：git remote set-url origin https://gitee.com/XX/xx.git

不同手机顶部导航条的高度不同，这时候要动态定义导航条的高度，下面是代码案例，仅做参考。

http和https的基本概念http和https的区别及优缺点https协议的工作原理

如何修改echarts上的横线如图 yAxis: { type: 'value', splitLine:false },结果

1、建立公共的js matchType.js// 根据文件名后缀区分 文件类型 function getType(fileName) { // 后缀获取 var suffix = ''; // 获取类型结果 var result = ''; try { var flieArr = fileName.split('.'); suffix = flieArr[flieAr...

方法一：jspdf+html2canvas1.首先安装jspdf，html2canvas2.在utils下新建htmlToPdf.jsimport html2canvas from 'html2canvas';import JsPDF from 'jspdf';/** * @param ele 要生成 pdf 的DOM元素（容器） * @param padfName PDF文件生成后的文件名字 * */function downloadPDF(el

首选项-设置 搜索vetur 找到setting.json "[vue]": { "editor.defaultFormatter": "octref.vetur" // 使用 vetur 格式化规则},"vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, // 去掉分号 "singleQuote": true, // true 为使用单引号 .

<div class="videoDiv"><video id="videoPlay1" class="pause"><source src="https://zhipeifile.oss-cn-hangzhou.aliyuncs.com/storage/2021/October/week4/47249_e16fc9bb43950eef01903c3f121be25a.mp4" class="videoShow" type="video/mp4"></video.

wxml页面<scroll-view scroll-y="true" style="height:{{winHeight}}px" bindscroll="bindScroll" scroll-into-view="{{scrollTopId}}" scroll-top="{{scrollTop}}"><view class="selection" wx:for="{{cityList}}" wx:key="initial"> <view class=".

解决方法：引用 <script src="js/loaders/FBXLoader.js"></script>

js引用<script src="js/three.js"></script><script src="js/TrackballControls.js"></script>鼠标的控制 controls = new THREE.TrackballControls( camera, renderer.domElement ); //鼠标的控制 controls.rotateSpeed = 0.5;动画效果 requestAnim

layui.use(['laypage', 'layer'], function () { var laypage = layui.laypage; //调用分页 laypage.render({ elem: 'my_page' //分页的id , count: res.re...

html代码<table class="layui-table" id="table_user" lay-filter="table_user"> </table>js代码layui.use('table', function(){ var table = layui.table; table.render({ elem: '[lay-filter="table_user"]', height: .

终端执行yarn webpack或者在package.json中加入"scripts": {​ "build":"webpack" },开发模式yarn webpack --mode development原始模式yarn webpack --mode none 在webpack.config.js中增加mode的模式mode: 'development',这样执行的时候就不需要再写模式了yarn add css-loader --devyarn a

添加数组项数组[长度] = 数据：向数组末尾添加一个数据数组.push(数据): 向数组末尾添加一个数据数组.unshift(数据)：向数组起始位置添加一个数据，会导致数组每一项的下标向后移动数组.splice(下标, 0, 添加的数据): 从指定下标位置开始，删除0个，然后在该位置插入添加的数据，如果下标超过范围，则按照范围的边界进行处理。push、unshift、splice可以添加多个数据删除数据delete 数组[下标]: 这种做法不会导致数组其他的属性发生变化，因此，该做***

Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema. - options[0] should be an object: object { patterns, options? }ValidationError: Invalid options object. Copy Plugin has been initiali.

表现形式的区别 Hash 模式 https://music.163.com/#/playlist?id=3102961863 History 模式 https://music.163.com/playlist/3102961863 原理的区别 Hash模式是基于锚点，以及onhashchange事件 Hostory模式是基于HTML5中的History API History.pushState() IE10以后才支持 history.replaceSta

基于react、Vue等框架，客户端渲染和服务器渲染的结合 在服务端执行一次，用于实现服务端渲染（首屏直出） 在客户端再执行一次，用于接管页面交互 核心解决SEO和首屏渲染慢的问题 拥有传统服务端渲染的优点，也有客户端渲染的优点 如何实现同构渲染 使用Vue、React等框架的官方解决方案 优点：有助于理解原理 缺点：需要搭建环境，比较麻烦 使用第三方解决方案 React生态的Next...

asyncData()方法 基本用方法： 它会将asyncData返回的数据融合组件data方法返回数据一并给组件 调用时机：服务端渲染期间和客户端路由更新之前 注意事项： asyncData()只能在页面组件上使用 没有this,因为它是在组件初始化之前被调用的 代码案例<template> <div> <h1>{{ title }}</h1> .

Vuex基本结构import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { }, mutations: { }, actions: { }, modules: { }})StateVuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。使用 mapState 简化 State 在视图中的使用，mapSta

yarn的安装yarn global add @gridsome/clinpm的安装npm install --global @gridsome/clisharp的库所在位置：https://github.com/lovell/sharpsharp的官方网址：https://sharp.pixelplumbing.com在官网中找到安装选择Chinese mirrornpm config set sharp_binary_host "https://npm.ta

proxy对象实现属性监听 多层次属性嵌套，在访问属性过程中处理下一级属性 默认监听动态添加的属性 默认监听数组索引和length属性 可以作为单独的模块使用 核心方法 Reactive/ref/toRefs/computed effect track trigger Reactive函数 接收一个参数，判断这参数是否是对象 创建拦截器对象handler，设置get/set/deleteProperty..

两种方式一、全新项目：使用Vue CLI 脚手架创建Vue项目二、已有项目：添加Vue官方配置的TypeScript适配插件1.使用@vue/cli安装TypeScript插件vue add @vue/typescriptdependencies依赖依赖项 说明 vue-class-component 提供使用Class语法写组件 vue-property-decorator 在class语法基础之上提供了一些辅助装饰器 devDepende.

access_token作用：获取需要授权的接口数据expires_in作用：access_token 过期的时间refresh_token作用：刷新获取新的 access_token为什么access_token需要有过期时间以及比较短为了安全怎么处理？方法一：在请求发起拦截每个请求，判断token的有效时间是否已经过期，若已过期，则讲请求挂起，先刷新token后再继续请求 优点：在请求前拦截，能节省请求，省流量 缺点：需要后端额外

Vue Router创建视图（路由相关组件） 注册路由插件（vue.use） 创建路由对象（配置规则） 创建路由对象 通过router-view占位 router-link 创建链接import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'// 注册路由插件Vue.use(VueRouter)// 路由规则const routes = [ {

Mobx 介绍 简单, 可扩展的状态管理库 MobX 是由 Mendix，Coinbase，Facebook 开源和众多个人赞助商所赞助的 React 和 MobX 是一对强力组合，React 负责渲染应用的状态，MobX 负责管理应用状态供 React 使用 Mobx浏览器支持 MobX 5 版本运行在任何支持 ES6 proxy 的浏览器，不支持 IE11，Node.js 6 MobX 4 可以运行在任何支持 ES5 的浏览器上 MobX 4 和

下载 MobXnpm install mobx mobx-reactmbox工作流程MobX的基本使用1. 创建store 对象 存储默认状态02. 将store对象放在一个全局的 组件可以够的到的地方3. 让组件获取store对象中的状态 并将状态显示在组件中更正普通函数的this指向 @action.bound increment () { this.count = this.count + 1; } @action.bound decreme.

React Hooks 是⽤来做什么的对函数型组件进⾏增强, 让函数型组件可以存储状态, 可以拥有处理副作⽤的能⼒让开发者在不使⽤类组件的情况下, 实现相同的功能.类组件的不足缺少逻辑复⽤机制为了复⽤逻辑增加⽆实际渲染效果的组件，增加了组件层级 显示⼗分臃肿增加了调试的难度以及运⾏效率的降低类组件经常会变得很复杂难以维护将⼀组相⼲的业务逻辑拆分到了多个⽣命周期函数中在⼀个⽣命周期函数内存在多个不相⼲的业务逻辑类成员方法不能保证this指向的正确性Hooks使用Ho

Fomik增强表单处理能力， 简化表单处理流程npm install formik使用formik进行表单数据绑定以及表单提交处理import { useFormik } from 'formik';function App() { const formik = useFormik({ initialValues: { username: '张三', password: '123456'}, onSubmit: (values) => { console

chakra-ui介绍Chakra UI 是⼀个简单的, 模块化的易于理解的 UI 组件库. 提供了丰富的构建 React 应⽤所需的UI组件.⽂档: https://next.chakra-ui.com/docs/getting-startedChakra UI 内置 Emotion，是 CSS-IN-JS 解决⽅案的集⼤成者基于 Styled-Systems https://styled-system.com/⽀持开箱即⽤的主题功能默认⽀持⽩天和⿊夜两种模式拥有⼤量功能