- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue+element-UI实现跟随滚动条加载表格数据
el-table当数据量大的时候，实现滚动到底部后加载数据，直接上js代码，有其他需求请各自更改。第二步、在数据发生改变的方法中先循环存放一部分数据用于页面显示。第三步、在mounted监听滚动事件。第一步、在data中定义两个数组。
2023-07-21 17:01:52
2354
原创 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘indexOf‘)
vue Element-ui
2022-11-01 09:17:32
3092
原创 cesium 使用entities、primitives添加的模型并且改变模型颜色
cesium 使用entities、primitives添加的模型并且改变模型颜色
2022-08-23 18:06:03
6263
原创 npm install时cb() never called!错误解决方法
npm install时cb() never called!错误解决方法
2022-06-21 18:12:06
3391
原创 将vue项目使用electron-egg打包成桌面程序
使用electron-egg打包成桌面程序.exe格式的，electron-egg打包框架一直在进行维护，electron-vue现在不建议使用了，因为已经不维护了，使用这个打包会出现很多毛病，本人就是受害者呀，使用electron-vue打包后iframe、embed、webview都不兼容还有其他一些就不一一举例说明；第一步：先将vue项目执行指令打包成dist 文件夹npm run build第二步：新建一个文件夹使用git指令下载electron-egg框架# gitee.
2022-04-19 14:11:37
2932
1
原创 elementui组件中取消el-menu的选中状态
链接：https://www.jianshu.com/p/c2b6a6152ce9// 折叠当前展开的菜单栏。 this.$refs.elMenu.closeMenu(this.$refs.elMenu.openedMenus[0])// 取消菜单栏的当前选中状态。 this.$refs.elMenu.activeIndex = null我的开发中有个需求是当前el-menu-item选中打开路由页面时是选中状态，在关闭当前打开的路由页面恢复导航栏el-menu-item未选中的
2022-04-19 11:40:10
9333
2
原创 vue使用插件js-web-screen-shot完成局部截图并保存上传给后端
使用 js-web-screen-shot 插件完成屏幕局部截图带截图工具栏，然后将截取的图片上传给后端第一步、先下载js-web-screen-shot插件yarn add js-web-screen-shot# ornpm install js-web-screen-shot --save第二步、在vue页面引入import插件import ScreenShort from "js-web-screen-shot";第三步、在点击截图监听事件中实例化插件var
2022-03-18 11:22:27
10549
26
原创 vue打包，使用nginx运行打包好的项目，当多个端口号运行
第一、如何在nginx中运行打包好的项目将你打包好的文件放到html中就行；就是将这两个打包好的文件放入就行；第二、在打包好的项目使用nginx运行起来查看是发现有多个端口号是运行不起来，必须要在nginx中配置你项目中使用到的端口号；1.找到文件夹 conf => nginx.conf 文件，你在浏览器中运行的端口号也是在这里面修改；这里修改运行端口号的地方；在双击nginx.exe启动服务后在浏览器中你只需输入localhost:8083注意：当你第一次打..
2022-03-16 10:29:55
5341
原创 前端vue服务运行起来后，如何在其他电脑上打开
第一点：先确认你们连接的是一个局域网或者一个无线网，只有这样才能访问：第二点：在vue的package.json这个文件中加入一个东西就可以访问了--host 0.0.0.0接下来你就可以在其他电脑上输入运行服务电脑的ip来进行访问了！！！...
2022-03-16 10:06:00
4697
2
原创 superMap开源框架 使用Cesium实现截图
通过监听事件监听截图按钮,根据我的代码或者查看开源代码进行使用或修改！data(){ return{ url:'', viewer:window.viewer, scene:viewer.scene, }},methods: { // 截图 screenshotClick() { var promise = this.scene.outputSceneToFile(); Cesium.when
2021-12-02 11:22:34
599
原创 时间设置与时间转换及时间判断
对于时间单位的一系列计算与转换以及时间计算判断： toDateText(dateTimeStamp) { let result = '' let minute = 1000 * 60; //把分，时，天，周，半个月，一个月用毫秒表示 let hour = minute * 60; let day = hour * 24; let week = day * 7; let halfamonth = day * 15; let month = day
2021-11-05 08:46:26
184
原创 手机、邮箱、密码等等正则表达式封装
这里面有一系列正则表达式，有需要的可以选择，各取所需const regularList = { 'iphone': { rule: /^1[3456789]\d{9}$/, msg: '请正确输入您的手机号' }, 'password': { rule: /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/, msg: '6-16位字符的密码（数字和字母组成）' }, 'idCard': { rule:
2021-11-04 19:27:20
189
原创 多选TimePicker 时间选择器第一次不能选择解决Bug
实现一个添加时间，多选时间选择器<el-form ref="form" :inline="true" :model="form" label-width='0px' v-if="dataForm.avilTime == '2'" :style='{"margin-left":"0px"}'> <el-button type="primary" @click="addBusinessTime" >添加</el-b
2021-10-24 23:19:42
1242
原创 React 实现二级联动（楼梯效果）
模仿饿了么实现一个二级联动的效果；import "../css/Leftrightlinkage.less";import React, { Component } from "react";export default class Leftrightlinkage extends Component { constructor(...args) { super(...args); this.state = { list: [ { id: 1, t
2021-09-07 15:14:20
629
原创 React 实现图片延迟加载：
第一步：创建一个LazyLoad文件，在哪里创建都可以，以下代码复制进去即可；import React from 'react'const threshold = [0.01]class LazyLoad extends React.Component{ constructor(props){ super(props) this.state = { io: null, refs: null,
2021-09-01 16:19:25
435
原创 React-redux的使用
第一步：先下载插件npm i react-redux react -D第二步：在公共目录src下的index.js中进行路由与redux进行连接import {HashRouter as Router} from 'react-router-dom';import reportWebVitals from './reportWebVitals';import App from './App';//引入插件import {Provider} from "react-redux"im
2021-08-31 14:23:05
159
原创 React 双滑块交叉滑动
html代码：<body> <div id="root"></div></body>script代码：<script type="text/babel"> const root = document.querySelector('#root') class Comp extends React.Component { constructor(...args) { su
2021-08-24 19:01:42
486
原创 React 双直线滑块（移动端）
html样式：<body> <div id="add"></div></body>script代码：<script type="text/babel"> let rooter = document.querySelector("#add"); class Drag extends React.Component { constructor(...arge) { su
2021-08-24 15:29:11
315
原创 React实现选项卡
实现选项卡选项： class Table extends React.Component { constructor(props) { super(props); this.state = { current: 1 } } tabFn(index) { this.setState({ curren
2021-08-24 14:45:49
856
原创 React滑块拖拽（PC端）
实现PC端滑块拖拽；要引入三个js库；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src=".
2021-08-24 14:42:57
319
原创 React滑块拖拽（移动端）
实现移动端小球拖拽，使用底层语言编写；需要引入三个js库；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-
2021-08-24 14:40:03
509
原创 axios二次封装：
第一步：创建主文件创建一个vue.config.js 文件module.exports = { devServer: { proxy: { '/api': { target: 'url', //想要访问接口域名 changeOrigin: true, //开启跨域，在本地创建一个虚拟服务，然后发送请求的数据，并同时接受请求的数据，这样服务端和服务端进行数据交互就不会有问题 .
2021-08-23 15:37:52
227
原创 React安装步骤：
1.打开cmd命令行窗口，输入npm -version,查看当前的npm版本2.如果npm版本是5.2以上版本，在cmd中输入 npx create-react-app my-app，当前目录下创建一个名为my-app的工程，命令行窗口中将会显示依赖库的一些日志，看步骤4。3.如果npm版本低于5.2，则全局安装create-react-app，cmd输入npm install -g create-react-app；create-react-app下载完成后，cmd中输入create-..
2021-08-23 15:27:09
6939
4
原创 element-ui+vue2.0 实现登录并实现一定时间内密码
前期自行配置好element ul，然后在Login.vue页面进行编写；1.Login.vue 页面<template> <div class="home"> <div class="header" v-show="showLogin"> <div class="header-title">elm后台管理系统</div> <el-form class="header-bor..
2021-07-28 19:33:00
347
原创 vue解决ios橡皮筋回弹！ 禁止ios滑动回弹效果和安卓炫光效果
第一种方法：通过监听 touchmove 事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。// 禁止页面滚动 var forbidScroll = function (e) { e.preventDefault(); }; // 通过 $once 来监听生命周期 beforeDestroy 钩子 this.$once("hook:beforeDestroy", () => {
2021-07-13 19:50:02
4562
1
原创 vue error ‘scroll‘ is assigned a value but never used no-unused-vars 报这个错误是的解决办法
解决办法：在错误语句后添加注释// eslint-disable-line no-unused-vars这样就解决了问题： // 在dom元素渲染完成之后初始化better-scroll的实例 const scroll = new BScroll(this.$refs.wrapper); // eslint-disable-line no-unused-vars...
2021-07-08 14:50:14
383
原创 vue2.0 用swiper实现banner轮播图
第一步：先下载npmnpm install swiper@5.4.5第二步：在main.js引入import'swiper/css/swiper.css'第三步：在vue文件中（要实现banner的vue中）引入importSwiperfrom"swiper";第四步：下列代码HTML部分： <div class="swiper-container" id="banner"> <div class="swip...
2021-07-07 19:12:18
889
原创 点击添加类名改变背景图片
<template> <div class="carMany"> <div class="carMany-nav"> <div @click="mobileClick($event,index)" class="carManyNav-item" v-for="(item,index) in carList" :key="index"></div> </div> &.
2021-07-02 14:07:45
179
原创 HTTP的常见状态码
常见的状态码，在这里我分为了两种：一种是简化版，一种是详情版希望可以帮助到大家！！！一、简化版HTTP 400 – 请求无效HTTP 401.1 – 未授权：登录失败HTTP 401.2 – 未授权：服务器配置问题导致登录失败HTTP 401.3 – ACL 禁止访问资源HTTP 401.4 – 未授权：授权被筛选器拒绝HTTP 401.5 – 未授权：ISAPI 或 CGI 授权失败HTTP 403 – 禁止访问HTTP 403 – 对 Internet 服务管理
2021-06-09 17:16:36
187
原创 标准盒子与怪异盒子
盒子模型（Box Modle）可以用来对元素进行布局，包括内边距，边框，外边距，和实际内容这几个部分。 盒子模型分为两种 第一种是W3c标准的盒子模型（标准盒模型）、第二种IE标准的盒子模型（怪异盒模型） 当前大部分的浏览器支持的是W3c的标准盒模型，也保留了对怪异盒模型的支持，当然IE浏览器沿用的是怪异盒模型。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。一、标准盒模型与怪异盒模型的表...
2021-06-08 16:24:40
721
原创 字符串中出现次数最多的字符
第一种方法：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var str = "nininiha
2021-06-08 15:53:27
2367
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人