- 博客(40)
- 资源 (1)
- 收藏
- 关注
原创 JAVA环境共存
注意:第三步 %JAVA_HOME%\bin 需要在 C:\Program Files\Common Files\Oracle\Java\javapath之上(这个是默认最新的)打开环境变量配置 JAVA17_HOME 和JAVA8_HOME。新建一个JAVA_HOME 变量: 版本。java8需要添加一个CLASSPATH。不然会出现切换失败的问题。
2024-06-12 22:32:13
331
原创 微信小程序的原生组件Canvas的优先级太高
微信小程序的canvas的优先级太高,当你做一个遮罩层查看数据的时候,canvas会覆盖你的遮罩层里面的内容方法二》可以在你点击打开那个遮罩层的时候,把页面里面的canvas隐藏掉,在等退出的时候在显示。这个就解决了。这是我目前感觉最可靠的,不会影响你用其他的组件...
2022-06-16 11:44:37
553
原创 canvas
cancav1.是 HTML5 新增的元素,用于绘制图形2.canvas 的元素类型是 inline-block3.不兼容 ie9 以下(最好在外面的套一个 div 宽度设置 canvas 等高)4.画布的大小设置 使用属性 不使用样式 let canvas =document.getElementById("#canvasStyle"); let ctx = canvas.getContext('2d'); //平面绘图 // 立体绘图 参数是 'webgl' 3d有一个three.
2022-04-22 15:41:48
137
原创 history和has的区别
history和has的区别**vue-router 中**hash**模式和*history*模式。在vue的路由配置中有mode选项,最直观的区别就是在url中hash 带了一个很丑的 # ,而history是没有#的。vue默认使用hash。vue2的写法mode:'hash'mode:'history'hash即地址栏 URL 中的 # 符号比如这个 URL:http://www.aaa.com/#/hello,hash 的值为 #/hello。它的特点在于:hash 虽然出现在
2022-04-16 00:06:41
923
原创 span之间的间距
span之间的间距:分析:首先出现这种问题是我们正常代码规范,里面换行了,就相当于有了空格 <div class="all"> <span class="a">284</span> <span class="b">+</span> </div> 解决方法一 <div class="all"><span class="a">284</span><
2022-04-12 23:29:23
1723
原创 Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93
问题描述一般常见的错误就是node js版本和node-sass sass-loader 版本兼容导致的不一样 我的node js 是16+的 要下载这两个版本 "node-sass": "6.0.1", "sass-loader": "10.2.0", npm install node-sass[@6.0.1] --save-dev npm install sass-loader[@10.2.0] --save-dev...
2022-04-07 09:46:48
407
原创 底部按钮遮挡内容解决
app底部按钮遮挡内容解决:方法一 在内容最下面添加一个空的div用来站位方法二 在外面最大的盒子下添加padding-bottom:xxx<template> <view style="padding-bottom: 120rpx"> <!-- 方法二 --> <view class="heads"> 你是谁啊猪 </view> <view class="nextText">
2022-03-02 10:32:11
501
原创 elment 菜单栏(Meun)组件,点击外面取消菜单栏的点中样式
一、方法利用到的方法是 handleItemClick()这个方法官方没有给出来,需要你自己去查看的怎么查看呢 <el-menu class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff" active-text-color="blue" @select="handleSelect" ref="menu".
2021-12-31 15:35:41
1210
原创 [Vue warn]: Invalid prop: custom validator check failed for prop “index“
相信很多人在用element UI组件库的时候用到Meun的时候碰到这个情况 <el-menu-item v-for="item in allSortDate" :key="item.materialLabelId" //:index="item.materialLabelId" 错误写法 :index="JSON.stringify(item.materialLabelId)" //正确写法
2021-12-29 21:12:23
582
原创 To install it, you can run: npm install --save core-js/modules/es.regexp.dot-all.js
To install it, you can run: npm install --save core-js/modules/es.regexp.dot-all.js解决方法 cnpm i core-js@3.19.1 --save 这个就好,,这个其实就是版本问题,你可以去看package.json中的版本
2021-12-20 17:02:10
743
原创 浅拷贝和深拷贝
浅拷贝和深拷贝的区别:总结: 总结如果一个对象中都是基本类型的数据,浅拷贝修改不会改变原数据,但是里面有引用类型等的话,引用类型修改后就会原数据会被修改,简单说就是浅拷贝只是拷贝了第一层,引用类型还是会被影响的。深拷贝就是解决引用类型的影响浅拷贝 使用方法 ES6 对象 Object.assgin 合并对象 数组中的 concat() 和 slice() let obj = { a: 2, b: 3, c: { d: 2, } }let obj2 =
2021-11-30 16:54:37
535
原创 bash: webpack: command not found
项目场景:如果你使用webpack只是简单的运行发现在集成终端中用 webpack显示找不到方法一:你可以直接 npx webpack 这种 npx是什么网上自己查查看方法二:在package.json中添加 调试 "scripts": { "build": "webpack" },之后运行 npm run build...
2021-11-22 15:18:12
774
原创 简单的接口
简单接口书写一个简单的接口文件首先 连接数据库const mysql = require('mysql');const pool = mysql.createPool({ connectionLimit: 10, //限定书写的参数长度 host: 'localhost', //下面三个都是默认的 user: 'root', password: 'root', database: 'mydb' //数据库,需要自己改});function query(sql
2021-11-08 10:58:17
172
原创 Vue warn]: Unknown custom element: <van-cell> - did you register the component correctly? For recurs
项目场景:问题描述:使用vant主键库,去使用Indebar索引栏按照文档引入,需要修改一个地方出现这个问题Vue warn]: Unknown custom element: (van-cell) - did you register the component correctly? For recursive components, make sure to provide the “name” option.直接引入 import { Cell } from "vant"; Vue.us
2021-11-06 10:36:45
3131
2
原创 router-link
问题描述:你在使用 vuer中 知不知道里面有个属性是tag修改标签名, 默认情况是标签 a,但众所周知 a 需要自己设置一定的样式才更加美观,并且之后后台会跳出来一片黄色的警告,你会在上面看到,.....vue 4之后的版本在不支持tag这个属性。下面就来了解一下新的router的写法,自己定义跳转的标签名。解决方案:- 使用到了插槽的方法,并且原先的版本中,active-calss修改class的名字,在下面改为了isActive返回的是一个boolean值。这个书写方案优点在于,可以自定义
2021-11-01 10:33:41
334
原创 vue-cli小手架
vue小手架一、第一次创建项目1.安装vue-cli2.命令行3.选择模4.选择配置5.是否使用路由的history模式:6.选择css预处理器:7.选择Eslint代码验证规则:8.选择什么时候进行代码规则检测:9. 把babel,postcss,eslint这些配置文件放哪10.是否保存配置:一、第一次创建项目1.安装vue-cli- 需要安装 node js环境 - $ npm install -g @vue/cli // 安装cli3.x2.命令行vue create filena
2021-10-29 10:43:58
118
原创 git 参数
GIt一、安装二、配置git环境三、创建 git init四、查看状态 $ git status五、将文件或目录添加到 本地的暂存区 $ git add六、# 将暂存区的内容移出 git rm --cached filename七、# 将暂存区的内容添加到本地仓库 git commit -m ' '八、查看提交日志 $ git log九、 恢复历史版本 $ git reset --hard十、恢复文件 git checkout filename十一 后期文档,远程仓库和分支一、安装git安装:h
2021-10-14 19:31:55
308
原创 GIt的远程操控
GIt的远程操控一、复制远程项目二、设置远程服务器地址三、将本地仓库推送到远程服务器五、将文件或目录添加到 本地的暂存区 $ git add六、# 将暂存区的内容移出 git rm --cached filename七、# 将暂存区的内容添加到本地仓库 git commit -m ' '八、查看提交日志 $ git log九、 恢复历史版本 $ git reset --hard十、恢复文件 git checkout filename十一 后期文档,远程仓库和分支一、复制远程项目一般使用的 git
2021-10-14 19:30:03
97
原创 画布
Canvas画布一、canvas是什么?二、介绍1.获取Context2.矩形绘制总结画布提示:以下是本篇文章正文内容,下面案例可供参考一、canvas是什么?HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.元素类型是行内块元素 一个页面可以有多个canvas画布大小设置,用属性,不使用样式,那样有些场景会影响到,其他的都不变canvas 元素的图形绘制 依赖于它的绘图API绘图API 被封装在一个 上下文对象中(context)二、介绍.
2021-10-11 08:43:27
96
原创 利用原型判断类型
判断元素的类型 function z(obj) { let objs = Object.prototype.toString.call(obj).slice(8, -1); console.log(objs); //判断输入的值的类型,是Object还是Araay还是string等 }
2021-09-27 14:36:49
83
原创 JS的事件兼容
JS的事件兼容一、事件冒泡兼容二、阻止事件默认行为三、获取事件目标兼容四、事件滚轮的兼容五、事件监听兼容一、事件冒泡兼容示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。 //1.事件冒泡兼容 function el(e) { e = e || event; //事件对象兼容 if (e.stopPropagation) { e.stopPropagation()
2021-09-24 19:15:18
136
原创 document的visibilitychange事件
有时,你跑到另外一个页面去,回来发现自己的页面出了个bug,如轮播图写出来当你从别的页面在进去,原先的定时器还是会再运行,这样里面的一些值就会改变,看到的效果就不一样, 下面就是解决这个问题的方法。...
2021-09-08 09:12:51
2119
原创 运动函数!
运动函数前言一、第一版二、第二版三、最终版四、 js运行代码前言自定义运动函数,让定制的盒子非匀速的运动,纯js编写,练练思维提示:以下是本篇文章正文内容,下面案例可供参考一、第一版 function move(el, type, target) { const timer = setInterval(function () { // 当前位置 let current = parseInt(window.
2021-09-07 13:51:00
263
原创 JS去除重复数的三种方法
JS去除重复数的三种方法一、原始方法二、比较好用的三、最好用的,Es6方法一、原始方法 let arr = [2, 2, 3, 4, 3, 12, 54, 12, 54, 66, 3, 2]; let newarr = []; for (let i = 0; i < arr.length; i++) { for (let j = i; j < arr.length; j++) { if (arr[i] == arr[j + 1]) {
2021-09-06 15:37:52
3809
原创 对象获取和修改
对象获取和修改 let obj = { left: '200px' } // obj.left = '300px'; //对象这种获取的是直接改值,如果里面没有这个对象,则创造这个对象 // obj.top = '300px'; // 但是如果是下面这种情况 ,.样式,这样就不行了,这样会认为给你加上这个样式,而想修改这个样式就的以下面这种形式写。 // let type = 'left'; // obj[type] = '1
2021-09-04 11:49:52
67
原创 滚轮事件!
滚轮事件 滚轮事件(也有兼容) type=mousewheel chrome / ie 只有这两个浏览器才有这个类型 属性 wheelDelta(wheelDeltaX wheelDeltaY 一般都是y轴变)滚动方向的距离 => 值大于0 表示向上滚动 => 值小于0 表示向下滚动
2021-09-04 09:50:56
225
原创 惰性函数#
惰性函数就是很懒,不知道自己的作用,它的作用由第一次的执行来决定例子:function fn(type) { if (type == 1) { fn = function () { console.log(1); } //返回后调用fn(type)=fn() } else if (type == 2) {
2021-09-03 10:41:34
54
原创 选项卡的不同方法
选项卡的不同方法HTML <div class="wrapper"> <ul id="first"> <li class="active">选项1</li> <li>选项2</li> <li>选项3</li> <li>选项4</li> </ul&g
2021-08-30 10:07:21
105
原创 轮播图效果
轮播图效果HTML<div class="wrapper positions" id="wrap"> <div class="banner" id="banner"> <div class="_lt" onclick="lts()"><</div> <div class="_gt" onclick="gts()">></div>
2021-08-28 15:40:30
72
原创 forEach()Map() filter() reduce()
通俗讲就是:forEach() 是中心,一般只能遍历,其他的则是当想改变数组的时候用map,想对数组进行过滤用filter,累加数组用reduce。说白点,就是一个源码,之后延伸的判断filter() 赋值map() 累加合并归纳的reduce()Array.prototype.forEach() 数组的每一个元素执行一次提供的函数。var arr = [1,2,3,4,5];var newarr = arr.forEach(function(x){ return x > 1;}
2021-08-27 10:21:47
107
原创 关于childNodes和children区别
关于childNodes和children区别一、parentNode和parentElement区别?二、childNodes和children区别1.区别HTML共同 <ul id="uu"> <li>1</li> <li>2</li> <li id="li">3</li> <li>4</li> <li&
2021-08-23 21:35:52
1033
原创 电话号码自动生成
自动生成电话号码:html <div id="box"></div> <button id="btn" onclick="time()">生成</button> <button id="btn" onclick="stop()">停止</button>css#box { width: 200px; height: 300px; backg
2021-08-23 16:14:05
2263
原创 定时器setTimeout setInterval 区别
定时器setTimeout setInterval 区别前言二、使用步骤1.引入库setInterval 区别)前言setTimeoutsetInterval两个的区别,前者执行一次,适合函数里面有参数的调用,有点类似于递归函数,(自己调用自己)而后者则是一直循环着,一般不适合在函数里添加参数,下面可以对比下面两个相同例子的,不同实现。二、使用步骤1.引入库代码如下(示例): // 方法一 var seconds = document.getEleme
2021-08-23 10:05:49
80
原创 js定时器和案例
定时器和案例: 1.定时器语法简单 setTimeout() setInterval() 前者执行只执行一次代码,后者循环执行 2.clearTimeout() clearInterval()清除相应的全部代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
2021-08-21 15:41:33
63
原创 JS内置对象集
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档内置对象五大对象一、Number二、string三、Array四、Math五、Date1.引入库2.读入数据总结五大对象一、Number 1. 注意一个 toFixed(数值) 通俗使用就是保留多少位小数二、stringlength 获取长度indexOf ()获取值在字符串首次出现的位置 lastindexOf 获取值在字符串最后出现的位置代码如下(示例): var str = "hello
2021-08-21 11:54:06
184
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人