依米__-CSDN博客

原创 vs code 代码保存自动格式化

vs code安装插件Prettier - Code formatter配置settings.json文件按照路径：file->preferences->settings，输入eslint配置json文件文件粘贴代码，根据自己需要可在文件中增加或修改{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, /

2021-03-14 23:37:38 2054

原创组件化：7. 手势与动画 | 实现鼠标操作

学习课程，简要做下记录。鼠标mouse事件：let element = document.documentElement;element.addEventListener("mousedown",event=>{ let mousemove = event => { console.log(event.clientX, event.clientY) } let mouseup = event => { element.remo

2021-02-06 21:58:44 170 1

原创组件化：2. 组件的基本知识 | 为组件添加JSX语法

搭建JSX环境安装webpack webpack-climdkir jsx #创建目录cd jsx #进入文件夹npm init #初始化（一直按enter即可）npm install -g webpack webpack-cli #全局安装webpack webpack-cliwebpack --version #查看版本若用的是vs code终端，可能会有以下报错：webpack : 无法加载文件 D:\Program Files\nodejs\webpack.ps1……；

2021-01-30 12:06:14 290 2

原创 webpack打包报错：Invalid configuration object. Webpack has been initialized using a configuration……

报错内容：注意看报错提示中有：configuration.module.rules should be an array:也就是rules应该是一个数组。回到代码，看rules的配置：将rules改成数组即可，如下：此时在运行webpack就没有报错了

2021-01-30 10:58:20 7453

原创 webpack : 无法加载文件 D:\Program Files\nodejs\webpack.ps1……；set-ExecutionPolicy : 对注册表项“HKEY……”的访问被拒绝

原因：权限的问题1、get-ExecutionPolicy2、set-ExecutionPolicy RemoteSigned执行这个命令后依然报错3、跟着报错提示运行：Set-ExecutionPolicy -Scope CurrentUser4、根据提示，在ExecutionPolicy后填入RemoteSignaed;5、这时候再运行webpack就没有报错了...

2021-01-29 10:08:40 4386 6

原创 echart 点击事件获取series下多个系列的数据,以及echart横坐标换行

需求：有多个series系列，点击其中一个系列某个值时，获取点击类目轴值对应的其他系列的value；解决方法：通过点击参数找到点击都索引值dataIndex，根据索引值去找其他系列的值。

2021-01-28 13:53:02 4458 1

原创 Oracle 生成未来三天的整点时间

Oracle 生成未来三天的整点时间需求：X坐标轴时间都为整点时间，展示未来三天内的预测（x轴展示未来三天的整点时间），每3个小时一个刻度，横坐标共计24个刻度步骤一：取当前时间SELECT SYSDATE FROM DUAL步骤二：取24个点SELECT TO_NUMBER(ROWNUM - 1) AS RN,sysdate FROM DUAL CONNECT BY ROWNUM<25步骤四：Oracle时间加减SELECT SYSDATE + 1/24 FROM DUALSY

2021-01-27 17:37:42 380 2

原创 vue+qrcode+html2canvas生成二维码，并将二维码及其文字描述下载为图片

vue+qrcode+html2canvas生成二维码，并将二维码及其文字描述.。使用插件： qrcode: 用来生成二维码 html2canvas：用来创建画布，将二维码和其描述生成canvas画布

2024-03-19 16:52:31 282

原创 vue实现走马灯--动态文字横向无限滚动

核心内容：使用animation + @keyframes来实现；js计算外容器及滚动容器宽度实现根据文字长度动态设置动画

2024-03-19 16:24:18 951

原创后端Java spring 根据excel模板导出excel

后端Java spring 根据excel模板导出excel之前工作需要前端写了一堆导出，感觉导出结果样式受限。换个思路，实现了后端导出

2024-03-19 16:21:09 430

原创前端vue导出excel(标题加粗+表头自定义样式+表格边框+单元格自定义样式)

前端vue导出excel(标题加粗+表头自定义样式+表格边框+单元格自定义样式) 使用xlsx xlsx-style file-saver插件做前端导出

2024-01-18 15:43:10 1822 2

原创 npm ERR! gyp verb `which` failed Error: not found: python2

都准备号之后，直接改pages.json,如果有package-lock.json,也需要改。先看page.js文件中是否有node-sass。嘚，我的node是18，直接8.0.0。

2023-07-29 20:54:29 204

原创创建项目之后全灰或全红，java: 错误: 无效的源发行版：17，java: 无法访问…… apache-maven-3.0.5，运行有中文路径的项目报错: Cannot find……

创建项目之后全灰或全红，java: 错误: 无效的源发行版：17，java: 无法访问…… apache-maven-3.0.5，运行有中文路径的项目报错: Cannot find……

2023-06-09 17:25:09 1226

原创 vue+element，form循环嵌套表单、动态添加表单、嵌套表单自定义校验规则

动态嵌套校验的难点主要是如何绑定prop属性，自定义方法的难点主要是如何在嵌套的基础上设置自定义方法以及如何将v-for的索引传入校验

2022-12-28 08:42:46 4895

原创 Oracle编码

查看相关参数SELECT * FROM NLS_DATABASE_PARAMETERS 修改字符集：ALTER DATABASE character set INTERNAL_USE ZHS16GBK;

2021-04-06 14:42:25 129

原创 vue项目使用fastmock模拟数据请求

备注此项目通过vue create programname创建（不是基于webpack模板创建）首先fastmock官网准备一个项目注册登录之后我的项目，新增新增接口编辑好接口之后复制地址vue项目中配置src下新增api文件夹，然后新增index.js文件（需要先安装axios插件）配置vue.config.js文件（没有就在根目录下新建一个）target的地址就是之前复制的地址vue文件中发出请求最后运行项目： npm run serve打开网站，在控制台中即可看到打印的

2021-03-15 00:08:14 1524 2

原创 eslint检测代码规范

eslint官网本文纯属小白学习记录，希望大佬们多多指教项目创建现在流行的前端框架大多用到eslint来规范代码风格，对于熟练者来说当然大大有利于开发，但是对于我这样的小白，真是给我造成了不少困扰，于是二话不说开始学习吧mkdir eslint-demo #新建一个项目文件夹cd eslint-demonpm initnpm install eslint --save-dev #安装eslint插件npmx eslint --init #初始化使用npmx eslint --init 的

2021-02-28 23:22:27 928

原创 vue Mock数据模拟后台数据

准备data.json 文件放在主目录下然后在webpack.dev.conf.js中引入在const portfinder = require(‘portfinder’)后添加const express = require('express')const app = express()var appData = require('../data.json');//加载本地数据文件var seller = appData.seller;var goods = appData.goods;v

2021-02-27 19:21:54 135

原创 1.项目目录设计

用Vue 脚手架创建好项目之后，目录下会有个src文件夹可以看到，在component文件夹下，默认创建了HelloWord.vue组件。为了就近保护，在我们创建组件的时候最好在目录下在创建文件夹，在文件夹下在创建组件，这样非常有利于代码的维护另外，在src下创建common目录，主要包含一些公共资源在common中创建三个文件夹，stylus是一个css预处理器将准备好的fonts文件拷贝到fonts文件夹下，将style.css拷贝到stylus下（fonts生成）拷贝后结果如下

2021-02-27 12:55:23 405

原创 0. IcoMoon图标制作字体

打开官网：点击IcoMoon App然后点击Import Icons导入自己的svg文件选中导入的文件，点击Generate Font按钮来生成图标字体点击页面跳转之后，鼠标放到图标下方，有一个Get Code按钮，点击它可以查看图标使用点击Preferences按钮弹出一个框，可以修改名字。Font Name是生成图标字体名称，还有一些其他信息，Class Prefix类名前缀和一些浏览器的情况，可根据自己的需求修改设置好以后，点击download即可下载解压后的文件即可用于项目

2021-02-27 12:21:27 152

原创单元测试工具

单元测试工具Mocha(一)当下最流行的两个工具：MOcha 和 Jest安装Mochanpm initnpm install --global mocha简单示例add.jsfunction add(a, b){ return a + b;}module.exports = add;//exporttest/test.jsvar assert = require('assert');var add = require('../add.js')it('1 + 2

2021-02-22 22:06:47 320

原创 Echart隐藏下载图标

很多时候我们是不需要下载功能的，需要隐藏下载图标解决方案：注释saveAsImage属性即可补充：toolbox工具栏。内置有导出图片，数据视图，动态类型切换，数据区域缩放，重置五个工具。toolbox. featureObject：各工具配置项。toolbox.feature. saveAsImage：保存为图片。toolbox.feature. restore：配置项还原。toolbox.feature. dataView：数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新

2021-02-20 12:09:20 2386

原创 Vue 检测不到数组或对象的变化怎么办？

对于这个问题，官方有给出详细的解决方案：使用 Vue.set(object/array, propertyName/indexOfItem, newvalue) 方法可解决“Vue 无法检测 property 的添加或移除”和“Vue 不能检测数组利用索引直接设置一个数组项变动”问题。例如：当我在vue中直接改变数组项时，数组值已经变化，但是页面并未更新；此时将赋值行改成用Vue.set设置即可：Vue.set(this.ds_monitor[index], 3, "selrunbox1");

2021-02-19 17:07:23 2416

原创 Vue面试题

本文主要用于查缺补漏，对面试题需要理解背后的原理。Vue.js 中是如何检测数组变化?答案：使用函数劫持的方式，重写了数组的方法Vue将data中的数组，进行了原型链重写。指向了自己定义的数组原型方法，这样当调用数组api时，可以通知依赖更新.如果数组中包含着引用类型。会对数组中的引用类型再次进行监控。那为什么说vue无法监听数组的变化尼，这又是怎么回事：注意事项由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如： vm.items[

2021-02-09 10:17:22 137

minmin_web的博客