路由 程式vue js

vue适配移动端

vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem 下面我们分别将这两个工具 ......
vue

Vue中使用 vue-i18n 进行国际化支持

前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
国际 vue-i Vue vue 18

React-router v6 路由总结

React-router v6 路由总结 组件 BrowserRouter:整个前端路由以 history 模式开始,包裹根组件 HashRouter:整个前端路由以 hash 模式开始,包裹根组件 Routes:类似于 v5 版本的 Switch,主要是提供一个上下文环境 Route:在 Rout ......
路由 React-router router React v6

使用JS代码触发window.resize事件的处理办法

手写JS代码来触发window.resize事件(代码): const resizeEvent = new Event('resize'); window.dispatchEvent(resizeEvent); 相关文档: Event EventTarget.dispatchEvent Custom ......
事件 代码 办法 window resize

vue前端导出excel

<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
前端 excel vue

js获取json的健与值

let myObj = { name: '张三', age: 18,sex:'女' } let tempArr = Object.keys(myObj) console.log(tempArr) for (let key in myObj) { console.log(key);//健 consol ......
json

路由问题

**问题:**按照视频安装路由npm install vue-router --save,安装成最新版路由配置好之后运行报错 "export 'default' (imported as 'VueRouter') was not found in 'vue-router' 解决方案:版本不对应导致的 ......
路由 问题

jquery.js升级后,原来的方法报错

找到了 <script src="http://code.jquery.com/jquery-latest.js"></script>// 换成你的jQuery版本 <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></scri ......
方法 jquery js

如何创建electron-vue项目?

简介 electron是一个开源的桌面端框架,上手快,界面美观,跨平台,但由于是封装的网页,性能一般,适用于一些追求外观,对性能要求不高的项目,此处记录基于electron-vue创建项目的全流程,前端使用vue,后端使用python,方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
electron-vue electron 项目 vue

全网最详细中英文ChatGPT-GPT-4示例文档-从0到1快速入门翻译编程语言应用——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT不仅能够进行流畅和有趣的对话,还能够执行一些复杂的语言任务,例如翻译编程语言。ChatGPT可以根据用户的指令,将一种编程语言转换成另外一种语言,例如从Python转换成Haskell。这样,开发人员就可以利用ChatGPT的能力,快速学习和使用不同的编程语言,从而极大提高开发人员工作... ......

'vue-cli-service' 不是内部或外部命令,也不是可运行的程序

‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 产生原因: 项目下的node_modules文件损坏。 解决方案: 第一步:删除图片中的文件 第二步:在Terminal中运行yarn install或者npm install; 可能会报缓存问题: 清缓存:yarn cac ......
vue-cli-service 命令 service 程序 39

全网最详细中英文ChatGPT-GPT-4示例文档-从0到1快速入门计算时间复杂度应用——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

使用时间复杂度来估算算法的性能,是许多开发人员需要考虑的重要因素。 时间复杂度是一个衡量算法的度量,它表明了算法在执行时所需的运行时间和空间(内存)。 对于特定问题,算法的时间复杂度可以用“大O表示法”来表示,其中“O”是一个代表数量的常数。 例如,最简单的线性搜索算法的时间复杂度为O(n),其中n... ......

vue设置input不可编辑切换

<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
input vue

Vue3中KeepAlive的使用

我们在开发一个功能是,经常会遇到从一个列表页面,点击列表项跳转到详情页面的需求,理想的情况下,从详情页面返回到列表页,应该回到跳转前的状态,可以继续浏览其他内容;但是在没做任何处理的情况下,返回列表页后,列表页会被刷新,回到初始的状态,这就与我们的预设不符;为了实现这样的需求,我们需要使用keep- ......
KeepAlive Vue3 Vue

js 当天零点到当前时间的数组

getNowDate() { let date = new Date() let year = date.getFullYear() let month = date.getMonth() + 1 let day = date.getDate() let hour = date.getHours() ......
数组 时间 js

vue2的全屏插件--"screenfull": "^4.2.0",

安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......
quot screenfull 插件 vue2 vue

全网最详细中英文ChatGPT-GPT-4示例文档-从0到1快速入门Movie to Emoji 应用——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT可以将电影标题转换为表情符号,这是一种利用ChatGPT的文本生成和图形理解能力的有趣应用。用户可以输入任意的电影标题,ChatGPT会根据电影的类型、风格、角色、情节等特征,为其匹配合适的表情符号,并以一种简洁而有趣的方式展示电影的核心内容。这样,可以激发用户的想象力和创造力,也可以... ......
全网 示例 源代码 ChatGPT-GPT 中英

Vue.js 作用域插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......
作用 Vue js

全网最详细中英文ChatGPT-GPT-4示例文档-从0到1快速入门python代码解释应用——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT可以对python代码进行解释,这意味着ChatGPT可以根据python代码的语法和语义,为每一行或每一段代码添加相应的自然语言解释,帮助用户理解和学习python代码。这样,ChatGPT可以提高用户的python编程能力和兴趣,以及用户的编程思维和逻辑。 ......
python 全网 示例 源代码 ChatGPT-GPT

Vue-002基础知识

Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 ......
基础知识 基础 知识 Vue 002

全网最详细中英文ChatGPT-GPT-4示例文档-从0到1快速入门条目分类应用——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT可以根据条目的特征或属性,将它们分成不同的类别或组别。比如,ChatGPT可以将水果按照颜色、形状、口味等分类;或者将动物按照种类、食性、栖息地等分类。这样,ChatGPT可以帮助用户更好地理解和组织条目的信息,以及发现条目之间的相似性和差异性。 ......
条目 全网 示例 源代码 ChatGPT-GPT

Vue

1、MVVM 思想 M:即 Model,模型,包括数据和一些基本操作 V:即 View,视图,页面渲染结果 VM:即 View-Model,模型与视图间的双向操作(无需开发人员干涉) 在 MVVM 之前,开发人员从后端获取需要的数据模型,然后要通过 DOM 操作 Model 渲染 到 View 中。 ......
Vue

Android WebView使用方法详解 附js交互调用方法

目前很多Android app都内置了可以显示web页面的界面,会发现这个界面一般都是由一个叫做WebView的组件渲染出来的,学习该组件可以为你的app开发提升扩展性。 先说下WebView的一些优点: --可以直接显示和渲染web页面,直接显示网页--webview可以直接用html文件(网络上 ......
方法 使用方法 Android WebView

js获取当前时间并设定返回格式

1、 /** * 返回当前时间字符串 * @param {any} fmt 格式化格式 yyyy-MM-dd hh:mm:ss */ function us_date_getnow(fmt) { var mydate = new Date(); return this.us_date_format( ......
格式 时间

全网最详细中英文ChatGPT-GPT-4示例文档-从0到1快速入门解析非结构化数据应用——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT可以利用自然语言理解和生成的能力,来处理非结构化数据。非结构化数据是指没有预定义的数据模型,不方便用数据库二维逻辑表来存储和查询的数据。ChatGPT可以将非结构化数据解析成结构化数据,例如表格、图表、列表等,从而方便用户进行分析和决策。例如,ChatGPT可以从一篇文章中提取出关键信... ......
全网 示例 源代码 ChatGPT-GPT 中英

js获取两个时间的差值

1、两个时间差值 /** * //获取两个日期的相差日期数 * @param {any} firstDate 开启时间 2022-03-23 00:03:00 * @param {any} secondDate 结束时间 2023-03-23 00:04:00 * @param {any} diff ......
差值 两个 时间

HTML+JS+CSS实现图片文件上传界面设计的例子

在Java Web应用程序设计中文件上传功能的实现是一项非常重要的工作,本文中的例子程序实现了文件上传功能的界面设计。在Java Web应用程序设计中涉及到上传图片文件功能时,往往都需要对图片文件进行预览,如新闻稿件编辑、证件照片上传等,以便查看上传文件是否正确和效果是否适合,但是Windows系统 ......
界面设计 例子 界面 文件 图片

js对时间格式化

/** * @function * @name us_date_format * @param {string} date - 时间字符串 2023-03-23 01:20:03 * @param {string} fmt - 格式化样式 yyyy-MM-dd hh:mm:ss * @desc 返回 ......
格式 时间

找不到模块“@/xxx/xx.vue”或其相应的类型声明 - ts(2307)

使用路径别名引用相关组件时,报出了TS错误提示! 错误信息(图片): Vite中路径别名相关的配置: import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import path from 'path'; ......
模块 类型 2307 xxx vue

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载的对象接口

在基于vue-next-admin 的 Vue3+TypeScript 前端项目中,可以整合自己的 .NET 后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......