浏览器vue day 43
Vue 2中实现数字滚动效果
代码： <template> <div class="statistics-num"> <!-- 显示当前数字，不使用逗号分隔符 --> <span class="num">{{ currentVal.toString() }}</span> <!-- 显示当前数字，用逗号分隔符 --> <!-- ......
Vue引用富文本编辑器
1.在package.json加上并安装依赖 "devDependencies": { "@jsdawn/vue3-tinymce": "^1.1.7", } 2.在页面中引入 import Vue3Tinymce from "@jsdawn/vue3-tinymce"; 3.使用 <vue3-ti ......
vue 使用 导出 Excel
import * as XLSX from "xlsx"; exportExcel() { var wb = XLSX.utils.table_to_book(document.querySelector('#data-table2'), { raw: true}); var wbout = XLS ......
day3 函数的定义和调用，练习编写简单的程序（记录3）
0331.h #ifndef _0331_H #define _0331_H /******************************************************************* * 文件名称：0331.h * 功能描述：函数的定义和调用的头文件 * 创建作者：w ......
day3 函数的定义和调用，练习编写简单的程序（记录1）
一、函数的定义 可以分为以下两种： 1、函数声明和函数定义分离 这种方法将函数声明和函数定义分开，通常在头文件中先声明函数原型，然后在源文件中实现函数定义。 例如，头文件 example.h 中声明了一个函数 add： #ifndef EXAMPLE_H #define EXAMPLE_H int ......
【vue : 无法加载文件 G:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本】问题解决
问题 全局安装vue-cli后,安装没问题,但是执行vue -V查看版本时出问题 出现这个报错的原因：在电脑上启动 Windows PowerShell 时，执行策略极大可能是 Restricted（默认设置）。Restricted 策略不允许任何脚本运行，防止执行不信任的脚本。 解决问题 1、可以 ......
day3 函数的定义和调用，练习编写简单的程序（记录2）
一、值传递、指针传递、引用传递 值传递： 在值传递中，函数的形参是由实参的副本初始化的，也就是说，函数内部操作的是实参的一个拷贝。值传递适用于传递简单数据类型（如整数、浮点数、字符等）以及小型结构体等，可以避免意外的修改和副作用，但代价是需要进行大量的拷贝操作，可能会影响程序性能。 指针传递： 在指 ......
vue3创建工程
创建 Vue3 项目的步骤如下： 安装 Node.js Vue3 需要依赖 Node.js 环境，因此需要先安装 Node.js。可以从官网下载 Node.js 的安装包并安装，也可以使用包管理器安装，例如在 Ubuntu 上可以使用以下命令安装： sudo apt-get update sudo ......
vue页面加全屏背景/背景平铺
<div id="building"></div> <style> #building{ background:url(""); width:100%; height:100%; position:fixed; background-size:100% 100%; transform:transla ......
Vue中import的模块未使用有何影响
在Vue应用程序中，如果你导入了一个模块但未使用它，这通常不会产生任何直接影响或错误。 然而，它可能会增加代码库的大小，导致加载时间变慢，因为未使用的模块仍然会被打包进最终的应用程序包中。 另外，未使用的模块也可能会给开发人员带来困惑，因为他们可能会认为某个功能已经被引入，而实际上并没有使用它。 为 ......
vue组件推荐
推荐组件 参考：https://zhuanlan.zhihu.com/p/542740566 图表：https://zhuanlan.zhihu.com/p/594968212 ......
Vue使用echarts环形进度条
要在Vue中使用Echarts环形进度条，您需要使用Echarts库和Vue-Echarts插件。 安装Echarts和Vue-Echarts插件： npm install echarts vue-echarts --save 在Vue组件中导入Vue-Echarts组件： import EChar ......
vue3 ant-design-vue datePicker/calendar 日期组件设置值显示错误
如下, 使用:value 给 calendar 设置默认值, 按照官方文档要求的格式, 引入 moment, 设置值 <template> <a-calendar v-model:value="date1" :fullscreen="false" @select="selectDate" /> </ ......
获取浏览器窗口尺寸及监听浏览器变化
原JS获取：窗口可视高度：window.innerWidth窗口可视宽度：window.innerHeight 窗口文档高度：document.body.clientWidth窗口文档宽度： document.body.clientHeightJQuery获取：窗口可视高度：$(window).he ......
谷歌浏览器安装--Dependency issue installing google-chrome-stable through Ubuntu docker
1.ubuntu安装谷歌浏览器找不到安装包libu2f-udev，记录一下解决办法 Creating a dummy package which provides libu2f-udev fixes the issue. I followed below steps for Ubuntu 16.04 ......
vue+leaflet示例:克里金插值渲染显示(附源码下载)
demo源码运行环境以及配置 运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。 运行工具：vscode或者其他工具。 配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i （2）启动demo命令：npm run ......
解决videojs 在Chrome浏览器下报：A network error caused the media download to fail part-way.
记录一下videoJS在Chrome浏览器下有时候出现播放一半或者回退的一个恶心bug，错误提示如下:A network error caused the media download to fail part-way.经过一下午的折腾查找，终于在GitHub上看到他们官方的一个解决方案，这个方案目 ......
谷歌Chrome浏览器内直接打开编辑保存Office Word、Excel、PPT 文档，可离线部署！
谷歌Chrome经过开发团队不断优化，凭借运行界面简单，打开速度最快及扩展插件众多，Chrome已经成为了世界上最受欢迎的浏览器。不过有一点非常可惜，由于微软Office不是开源程序，所以Chrome一直无法直接打开微软Office文档。 虽然后来有一些国内厂商通过调用微软免费开源的ActiveX控 ......
google chrome 浏览器 禁用 禁止 自动更新
因为使用python做爬虫时，会常用到Selenium+chormedriver来控制浏览器。 但chormedriver和本地Chorme版本有版本依赖关系，每次本地chrome一升级，就导致要下载配套版本的chormedriver。在chorme中还找不到停止更新的选项。 解决方案： 在C盘中把 ......
vue-cli/webpack4.x 打包--webpack配置--chainWebpack
webpack-chain是啥 针对Webpack的流式配置方案 webpack-chain优势 动态修改配置信息 链式调用，避免深层的嵌套配置 跨项目共享 webpack 配置对象 webpack-chain 中的核心 API 接口之一是 ChainedMap, 返回对象也都是 ChainMap， ......
vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】
1.背景 与vue2组件不一样，没有那么随意，如果想要支持vite，那么不要使用webpack专属语法，如defide 和 require 等 2.解决 在 package.json 文件 属性 main 配置为插件入口文件位置 ，至于是js还是ts随意 目录 简单做了个组件 入口文件内容如下 im ......
day8| 344.反转字符串；541.反转字符串II；剑指offer 05.替换空格；151.翻转字符串里的单词；剑指offer 58.左旋转字符串
344.反转字符串 题目简述： 编写一个函数，其作用是将输入的字符串反转过来。输入字符串以字符数组s的形式给出。不要给另外的数组分配额外的空间，你必须原地修改输入数组，使用O(1)的额外空间解决这一问题。 解题思路： 没什么好说的，直接双指针 代码如下： class Solution: def re ......
vue或者react中的hooks的理解
我们听过react 里面有hooks的概念，那么怎么理解hooks呢？ 其实vue2中，我们没有hooks的概念，vue3中我们引入了组合式函数（也就是用组合式api写的），它其实就是vue的hooks。 总结下来，hooks有以下特点： 1、hooks其实就是个函数，只是实现它的方法比较特殊，利用 ......
day31 打卡455.分发饼干 376. 摆动序列 53. 最大子数组和
day31 打卡455.分发饼干 376. 摆动序列 53. 最大子数组和 455.分发饼干 455题目链接 class Solution { public int findContentChildren(int[] g, int[] s) { int count = 0; Arrays.sort( ......
Vue整合EsMap
一、EsMap地图 1.1. 生成EsMap本地文件 1.1.1. 进入EsMap数字孪生三维可视化云平台 打开链接https://www.esmap.cn/esmapv/content/cn/member/index.html 1.1.1. 新建三维场景 点击新增三维场景，输入信息，点击下一步即可 ......
机器学习基础09DAY
分类算法之逻辑回归 逻辑回归（Logistic Regression），简称LR。它的特点是能够是我们的特征输入集合转化为0和1这两类的概率。一般来说，回归不用在分类问题上，因为回归是连续型模型，而且受噪声影响比较大。如果非要应用进入，可以使用逻辑回归。了解过线性回归之后再来看逻辑回归可以更好的理解 ......
代码随想录day 31 455.分发饼干 | 376. 摆动序列 | 53. 最大子序和
455.分发饼干 假设你是一位很棒的家长，想要给你的孩子们一些小饼干。但是，每个孩子最多只能给一块饼干。 对每个孩子 i，都有一个胃口值 g[i]，这是能让孩子们满足胃口的饼干的最小尺寸；并且每块饼干 j，都有一个尺寸 s[j] 。如果 s[j] >= g[i]，我们可以将这个饼干 j 分配给孩子 ......
Vue2电商实战项目
单页面应用 分为3层 结构层(template) 样式层(style) 行为层(script) 入口文件main.js:程序最开始执行的文件 babel:就是翻译官,比如ES6语法转换成ES5语法 脚手架使用 - 命令行创建项目: vue create 项目名称 - node_modules:放置项 ......