adsense广告google vue
Vue脚手架分析
1 创建脚手架 1、在目标目录创建vue脚手架。vue create vue_test。 2、选择vue2版本。 3、创建成功 4、运行 5、使用浏览器查看 6、停止工程 crtl+c停止工程。 2 目录分析 ......
GitHub、Google等镜像加速地址收集
摘要 本文用于收集GitHub、Google等镜像/加速地址。 GitHub GitHub加速地址一览 fastgithub Https://www.fastgithub.com/（推荐） 站源 地址 缓存 github.com www.fastgithub.com 无 raw.githubuser ......
去除：Vue项目打包后生成的.map文件&文件hash值命名
在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicP ......
Vue3实战 - 第一章 node.js/npm安装、配置
一、node.js 安装（windows） 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
gin-vue-admin 接口错误Error: Request failed with status code 500
本地运行以后登录出现： 控制台检查发现是请求getMenu出现500错误，并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误，那就是数据库casbin_rule的表引擎不是Inn ......
软件分类——博客园标签分类以及“博客网页编辑博客，如何插入Excel中的表格，并且可在网页上编辑？”以及“Airtable和Google在线表格”
.NET技术： 后端开发： 软件设计： 前端开发： 企业信息化： 移动端开发： 软件工程： 数据库： 操作系统： 其他分类： .NET新手区 Java 架构设计 Html/Css BPM Android开发 敏捷开发 SQL Server Windows 非技术区 ASP.NET Python 面向 ......
直播平台搭建，vue中实现图片懒加载的几种方法
直播平台搭建，vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy，可以实现图片懒加载。使用方式如下： <img v-lazy="imageSrc" /> 其中，imageSrc是需要懒加载的图片路径。当图片进入可视区域时，Vue会自动加载图片。 二、 ......
直播系统源代码，Vue 禁止输入框输入空格
直播系统源代码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
【vue2】swiper插件自动循环失效（loop失效）
可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"） <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......
vue-cookie的原理与使用
cookie及session的原理： cookie工作原理： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无 ......
若依vue启动报Error: error:0308010C:digital envelope routines::unsupported
解决：若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述： 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可 ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
Vue中Pinia简介
Pinia是一个进行vue状态管理的组件，他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......
vue项目中读取外部静态文件改变标题以及图标
默认情况下，由vuecli创建的项目，其/public下会存在index.html这一入口文件（若是vite的话会存在根目录和src同级），public下的文件不参与打包过程，因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后，可以在剩下vue组件中通过window.gl ......
Google 向中国开发者开放数百份 TensorFlow 资源
Google 的机器学习框架 TensorFlow 自 2015 年开源后，已然成为 AI 领域最受欢迎的框架。 据统计，在广受欢迎的 Python 编程语言在线软件知识库 PyPi 上，TensorFlow 的下载次数已超过 90 万，其中有 15% 来自中国。谷歌官方博客也表示，清华大学 自然语 ......
vue中el-upload结合vuedraggable实现图片的上传、排序、删除以及预览等功能_element upload
<template> <div> <ul class="el-upload-list el-upload-list--picture-card" style="display:flex;"> <div> <!-- start：拖拽开始 end：拖拽结束 imageLists：需要展示图片的数组--> ......
【Vue】组件传值的六种方法
Vue 组件之间的通信大概归类为： 父子组件通信: props；ref；$attrs / $listeners；$parent / $children 兄弟组件通信: eventBus；vuex 跨级通信: eventBus；Vuex；$attrs / $listeners 一、props/$emi ......
vue 实现文件切片上传
在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入，首先我们使用 elementUI 也好，原生的 ......
vue2项目打包后index空白路径报错
我目前是vue2版本5.0.8，记录自己遇到打包后的路径问题 使用的环境是nodejs，vue2@cli脚手架 因为打包默认配置是/绝对路径，这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......
vue3 父组件传值给子组件 子组件修改后回传给父组件
父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也可以修改父组件传递过来的数据。 子组件 const props = ......
第二十二篇 - Vue3中el-table篇
今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
vue3 子组件修改父组件的两种方法
<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
vue-大文件分片及断点上传
最近开发过程中，有一个大文件分片上传的功能，借鉴于网上的思路，结合自己后端的逻辑，完成了这个功能，在此记录如下： 界面展示： 一、将大文件分片上传写为一个组件，可以全局注册该组件，也可以在使用的页面注册该组件，使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传，所以我是在App.v ......
vue+element项目部署到线上，所有icon图标不显示，解决方案
build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
Vue轻量级富文本编辑器-Vue-Quill-Editor
先看效果图：女神镇楼 1.下载Vue-Quill-Editor npm install vue-quill-editor --save 2.下载quill（Vue-Quill-Editor需要依赖） npm install quill --save 3.代码 <template> <div clas ......
Vue 2.x脱坑记-查漏补缺
Q: 组件的通讯有哪几种啊! 基本最常用的是这三种; 父传子: props 子传父: emit 兄弟通讯: event bus: 就是找一个中间组件来作为信息传递中介 vuex: 信息树 传送门: 基本通讯 Vuex Q: 为什么我的 npm 或者 yarn 安装依赖会生成 lock文件,有什么用! ......
[Vue warn]: <transition-group> children must be keyed: <ElTag>
记录今天遇到的bug 解决方法，一个网友说的是 我试了，不行，然后在他的评论里面看到一个人回复的 这个是可以的，我用了很多v-if和v-else，所以加了key就解决了问题，下面是我加的 ......
vue实现文件的分片上传
const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i ......