- 博客(26)
- 收藏
- 关注
RSS订阅原创 echart的环形图表中legend配置项中存在多个重复数据，页面展示的时候合并为一个数据展示问题
多个同名业务类型，但是key值不同，需要将所有业务类型都展示。
2022-07-25 14:21:35
1654
1
原创 vue2中定时器的使用与销毁
项目开发过程中总会使用到定时器，此次遇到一个根据服务器时间定时自动去更新北京时间的问题。其中用到定时器，之前用传统的清除定时器的方法都是几个定时器需要几个组件实例去控制（增加内耗），然后再统一在beforeDestroy去清除，还是比较麻烦的。...
2022-07-05 12:20:38
808
原创 Elementui去除type=number类型文本框后面的上下箭头
解决方案：/deep/ input::-webkit-outer-spin-button,/deep/ input::-webkit-inner-spin-button { -webkit-appearance: none !important;}/deep/ input[type='number'] { -moz-appearance: textfield !important;}
2022-02-16 10:46:48
723
原创 【分支拉取错误回退】
在本地分支误将git远程仓库上分支拉取下来解决方案问题描述： 在本地分支开发，本来想切回拉拉取远程仓库代码的指定分支，更新远程仓库代码数据，结果误操作，没有切回拉取远程仓库代码的分支，直接将远程仓库更新后的代码拉取到了当前开发分支。简直尴尬……问题解决方案： git回退到拉取远程分支前的状态解决操作：git reflog查看提交记录git reset --hard 编号回退到指定版本...
2022-02-09 10:11:41
314
原创 elementui去除表格表头的多选按钮，设置多选表格为单选
更改表格多选为单选问题描述： 项目开发过程中遇到将多选表格修改为单选的需求。实现了其功能便来记录一下。解决方案：将表头多选框全选功能关闭将列表中的多选改为单选实施代码：<template> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" :header-cell-class-name="cellClass" style="width: 100%"
2022-01-27 16:00:11
1803
原创 echart相关总结
echart相关总结echarts1.echarts图表初始化2.echarts屏幕自适应3.echarts数据重新加载，原图表数据依旧存在图表上问题4.echarts常用属性echarts1.echarts图表初始化<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="
2022-01-12 15:41:22
101
原创 webpack使用webpack-dev-server插件时遇到的问题
问题描述： 项目中通过命令npm i [email protected] [email protected] -D安装了webpack与webpack-cli,之后又使用命令npm i webpack-dev-server -D安装了插件webpack-sev-server，并进行了相关配置。之后运行命令npm run dev运行项目报错。报错信息： UnhandledPromiseRejectionWarning: TypeError: Class constructor ServeCommand cannot
2021-12-16 15:06:48
2505
1
原创 v-for使用中遇到的错误
错误提示：错误原因： v-for循环里，key值可能重复了，或者key值的赋值存在问题。错误代码：问题解决： key值是必须唯一的，如果重复就会报错可以把key值改为index或者id，避免这个情况（key值最好用id，才能达到key值唯一）...
2021-12-15 17:34:37
1088
原创 npm下载依赖包node-sass报错
npm下载依赖包node-sass报错 **报错信息：**node-sass@^4.12.0 scripts.postinstall run “node scripts/build.js” error: Error [RunScriptError]: Run “C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js”**问题原因：**node-sass 的数据源没设置**解决问题方案：**npm config set sass_binary
2021-12-09 10:54:23
1422
转载 解决 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。
全局添加cnpm命令行：npm install -g cnpm --registry=https://registry.npm.taobao.org
2021-06-16 10:39:51
347
2
原创 移动端input输入的时候底部固定的button被键盘顶上去解决方法
问题页面：解决demo：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>input输入导致的定位问题</title> <script src="ht
2020-07-09 14:52:35
873
原创 vue-cli项目中bootstrap的使用
vue-cli项目中bootstrap的使用1.安装依赖包2.在build文件webpack.base.conf.js文件的 `module.exports`中配置参数：3.在main.js中引入jquery：4在组件中引入bootstrap的js和css包：1.安装依赖包npm install jquery --savenpm install bootstrap --savenpm install popper.js --save//必须安装2.在build文件webpack.base.con
2020-05-25 10:09:48
263
原创 响应式开发以及Bootstrap使用
响应式开发以及Bootstrap使用响应式开发响应式开发原理响应式布局容器Bootstrap前端开发框架bootstarp使用布局容器bootstrap的栅格系统栅格选项参数栅格系统列嵌套栅格系统列偏移栅格系统列排序响应式工具响应式开发响应式开发原理通过媒体查询针对不同宽度设备进行布局和样式的设置，从而适配不同设备。设备屏幕大小划分：响应式布局容器通过父级布局容器，配合子元素实现变化效果。简单来说就是通过媒体查询改变布局容器大小，再改变布局容器中子元素的排列。平时响应式尺寸划分：超小屏（
2020-05-22 17:58:45
166
原创 我们一起学习less
less基础知识1.变量1.1 入门语法1.2 其他用法2.混合2.1入门语法2.2其他用法1.变量1.1 入门语法/*申明定义变量*/@width: 10px;@height: @width + 10px;#header {/*引用遍历*/ width: @width; height: @height;}/*编译为：*/#header { width: 10px; height: 20px;}1.2 其他用法一个位置控制多个地方的值// Variable
2020-05-22 11:25:19
185
原创 ES6相关修改
ES6 - ECMAScript 6.0（ES2015）ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 6 入门 阮一峰ES6也叫ES2015，前者根据版本号来说明，后者按照发布年份来说明ES7 -> ES2016ES8 -> ES2017ES9 -> ES2018
2020-05-20 17:16:50
166
原创 node.js包管理工具npm的命令详解
npm基本使用一、npm是什么？1.如何查找包？二、安装npm并管理npm版本1.从node.js官网安装node.js和npm2. 更新 npm三、安装本地包四、使用package.json创建package.json文件指定依赖项手动编辑 package.json在--save和--save-dev安装标志五、更新本地安装包六、卸载本地安装包一、npm是什么？npm是世界上最大的软件注册表，也是node.js的包管理工具。npm 由三个独立的部分组成：网站：是开发者查找包（package）、设
2020-05-20 15:17:34
312
原创 vue项目中使用less以及遇到的小问题
vue项目中安装使用less安装配置使用安装使用过程中的错误安装npm install less less-loader --save-dev安装成功，可以在package.json文件中看到less的相关依赖，如图：配置找到build/webpack.base.conf.js文件，找到module下的rules配置{ test: /\.less$/, loader: "style-loader!css-loader!less-loader"}如果没有module和rul
2020-05-18 17:39:24
1513
原创 IOS端获取焦点，页面放大问题？
问题描述:移动端输入框在点击后自动获取到焦点放大页面解决方案：在页面顶部添加如下代码： <meta content="yes" name="apple-mobile-web-app-capable"> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"><!--说明:1.
2020-05-15 11:09:37
415
原创 vue项目打包上线过程以及问题
vue项目打包上线过程以及问题1.打包上线过程1.1如何打包？2.打包期间遇见问题2.1 css,js等静态文件路径错误2.2 favicon图标问题1.打包上线过程1.1如何打包？A. 在项目的package.json文件中的build命令可以实现打包。B. 在终端执行命令npm run build,会在项目根目录下生成一个dist文件夹，打开文件夹如图。打开phpStudy服务，将dist文件夹放至phpStudy文件下的WWW文件夹下即可在本地访问查看。2.打包期间遇见问题2.1
2020-05-11 11:10:31
642
原创 vue脚手架项目引入使用zTree第三方插件问题
vue项目使用树形插件zTree1.下载jquery以及第三方插件zTree2.修改webpack配置文件3.配置入口文件main.js4.在树形组件文件中进行配置setting等1.下载jquery以及第三方插件zTreenpm install jquery --savenpm install ztree2.修改webpack配置文件文件地址：build/webpack.base.conf.js'use strict'//1.在文件顶部引入webpackvar webpack = req
2020-05-09 13:56:37
475
原创 iOS上网页滑动不流畅问题
H5网页touch滑动的时候在苹果手机上出现不流畅的问题-webkit-overflow-scrolling 用来控制元素在移动设备上是否使用滚动回弹效果.解决办法：给所有网页添加如下样式body { overflow:auto; /* 用于 android4+，或其他设备 */ -webkit-overflow-scrolling:touch; /* ...
2020-05-07 15:04:58
302
原创 axios请求方式实例
##axios 发送请求1 GET 请求axios.get(url[, config])【axios.get(‘接口地址’,{params{参数}}).then((res)=>{})】axios .get("http://localhost:3000/categories", { params: { _page: 1, _limit: 2 ...
2019-01-14 21:17:17
851
转载 TCP协议标识
TCP协议中部分标识TCP的三次握手是怎么进行的了：发送端发送一个SYN=1，ACK=0标志的数据包给接收端，请求进行连接，这是第一次握手；接收端收到请求并且允许连接的话，就会发送一个SYN=1，ACK=1标志的数据包给发送端，告诉它，可以通讯了，并且让发送端发送一个确认数据包，这是第二次握手；最后，发送端发送一个SYN=0，ACK=1的数据包给接收端，告诉它连接已被确认，这就是第三次握手...
2018-12-12 14:23:59
833
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人