- 博客(133)
- 收藏
- 关注
RSS订阅原创 【mars3d】基于vue3的marsgis通用UI库 mars-ui 的使用
一名脑残程序员的mars-ui心酸使用记录。通过mars3d的官网我们可以看到，有配套的UI库使用，那么我们如何使用到自己的项目中呢，跟着文章一步一步来吧！1、引入UI库① 安装ant-design-vuecnpm install ant-design-vue --save② 下载基于vue开发的mars3d的源码,直通车: git clone https://gitee.com/marsgis/mars3d-vue-project.git，如下图所示，将src/components/mar
2023-06-28 10:43:26
2199
2
原创 大前端基础【4-6笔记】Vue3基础
Vue3基础，setUp语法糖，ref、reactive、readonly，shallowReadonly响应式数据设置，侦听器，计算属性详解
2022-10-08 14:48:10
339
原创 【websocket】Node+Vue2+WebSocket实现前后端通讯
WebSocket是一个长连接，客户端可以给服务端发送消息，服务端也可以给客户端发送消息，全双工通信
2022-09-28 09:58:48
2077
1
原创 【前端小点】CSS之background背景属性详解
本篇文章我们讲一起学习css的background背景属性。一、结构创建DIV<div class="div1"> 1</div>样式width: 100px;height: 200px;font-size: 50px;color: #fff;background-color: #008000;二、属性解析1、background-color顾名思义，这个属性是为盒子添加背景颜色，可以是rgb值，也可以是16进制颜色值，也可以是颜色英文单词backg
2022-05-13 10:09:09
6087
1
原创 【前端小点】clearfix解决高度塌陷及外边距重叠
高度塌陷及外边距重叠解决：.clearfix:after,.clearfix:before{ content: ''; display: table; clear: both;}一、高度塌陷问题高度塌陷是浮动布局中比较常见的一个问题。在浮动布局中，父元素的高度默认是被子元素撑开的，但，当子元素浮动后，子元素会完全脱离文档流，无法撑起父元素的高度，导致父元素的高度丢失。父元素高度丢失后，其下的元素会上移，导致页面布局混乱。举个栗子：<body> <div cl
2022-05-12 15:27:48
564
转载 【Hbuilder X】解决Hbuilder X运行后进程崩溃的问题
感谢大佬： https://ask.dcloud.net.cn/article/37035问题使用Hbuilder X，建uniapp项目，运行时控制台报错：进程已崩溃，找了很多解决办法，最终在大佬的帮助下，项目成功运行。解决办法找到Hbuilder X所在安装目录，/plugins/node双击了node.exe执行，发现闪退，此时，找到node的安装目录，将node.exe复制并替换Hbuilder X中的node.exe，然后重启开发工具，重新运行，即见下边页面。问题解决！...
2022-04-25 12:01:55
2654
原创 【前端小技能】vue + highcharts 绘制世界地图及各个国家的地图
文章旨在介绍如何在vue环境下，运用highcharts绘制世界地图及各个国家的地图
2022-04-13 15:19:15
2652
原创 【前端小技能】--窗口间数据如何通讯，前端对大数据量如何存储~IndexedDB
在日常开发过程中，浏览器端的存储我们一般采用localStorage和sessionStorage，但是如果碰到大数据量需要存储话，前者则不能满足我们的需求（亲历工作中遇到的问题），所以我们可以尝试使用indexDB.以下是基本使用方法function openIndexDB(dbName, version = 1) { return new Promise((resolve, reject) => { // 兼容浏览器 let indexDB = window.indexedDB ||
2022-02-09 17:55:58
1792
原创 《前端小技能》-- vue中使用谷歌地图绘制一个或多个点（开箱即用）
如何在谷歌地图上添加点坐标,并动态设置图标样式,如何实现谷歌地图上的多点聚合,如何在页面中动态引入谷歌js
2021-12-08 18:28:41
2159
6
原创 《前端小技能》-- 前端如何实现断点续传，即大文件分片上传
在日常开发工作中，我们不免会遇到前端进行大文件上传的操作，如果碰到网络差或者网络中断的的情况，可想而知，`一整个文件全部上传`这种方式是不可取的，所以我们可以断点续传，即分片上传文件。
2021-12-02 16:12:04
3650
2
原创 【vue项目问题解决】如何用鼠标滚轮控制元素缩放？
记录在项目开发过程中遇到的问题，积累开发经验，欢迎大家一起留言探讨一个元素（例如div），如何通过鼠标滚轮来控制他的缩放呢，很显然，我们需要为元素绑定监听事件，在vue中如何实现这种效果呢？模板代码：<template> <div class="body" id="body"> <div class="content" id="content"> 我是缩放的元素 </div> </div></tem.
2021-11-25 17:46:00
2164
1
原创 【前端小技能~预览变下载】预览图片--＞通过链接地址下载文件
工作过程中，我们可能会遇到以下情况，当我们点击一个文件地址的时候，明明目的是要下载文件，但结果却是预览了文件内容，这个时候，我们可以找后端协商，让其配置修改，也可使用以下方式进行下载：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 可换成其他的文件类型 --&
2021-11-01 10:33:37
883
原创 【前端小技能】ElementUI表格双击可编辑--开箱即用
记录在项目开发过程中遇到的小问题，积累开发经验，欢迎大家一起留言探讨在工作中，碰到了双击可修改表格内容的需求，项目采用的是ElementUI前端框架1、在表格中声明双击事件<el-table ...... @cell-dblclick="tableDbEdit" ......</el-table> 2、编写方法实现功能tableDbEdit(row, column, cell, event) { console.log(row, colu.
2021-10-29 11:14:54
1790
4
原创 【零基础学习Webpack】source-map---常用打包模式
source-map配置在devtool选项中，与mode同级1、source-map打包后，会生成js文件对应的.map文件，并且在js文件末尾会添加# sourceMappingURL=index.bundle.js.map2、hidden-source-map打包后，会生成js文件对应的.map文件，但在js文件末不会添加与之对应的.map文件3、inline-source-map打包后，不会生成js文件对应的.map文件，会在js文件末尾追加映射信息：可以定位到錯誤的位置。//#
2021-10-26 10:11:21
516
原创 【零基础学习Webpack】webpack不同环境打包
Webpack区分环境打包1、通过环境变量区分webpack --env.productionwebpack.config.js中判断env打包命令：webpack --env=productionmodule.exports = (env, argv) => { if(env.production){ //生产环境的配置 }else{ //开发环境的配置 }}2、通过不同的配置文件区分cnpm install webpack-merge -D创
2021-10-22 16:45:13
1007
原创 【零基础学习Webpack】资源模块，webpack-dev-serve代理配置
1、webpack打包前清除上次打包文件安装： cnpm install clean-webpack-plugin -D配置文件中插件引入： const { CleanWebpackPlugin } = require('clean-webpack-plugin')插件配置：plugins: [ ..... // 打包之前，先删除历史文件 new CleanWebpackPlugin() .....]2、资源模块资源模块是一种模块类型，它允许使用资源文件，无需配置额外的loa
2021-10-22 11:26:25
230
原创 【零基础学习Webpack】webpack打包JS、图片
通过上一篇博文【零基础学习Webpack】webpack简介，打包css、html我们已经了解了webpack如何打包css以及html，接下来我们一起来了解webpack如何打包编译js1、Webpack编译JS默认情况下，webpack可以识别JS并进行打包，这里所说的打包JS，其目的如下：目的：将ES6+转成ES5，从而保证，JS在低版本浏览器的兼容性。安装：cnpm install babel-loader @babel/core @babel/preset-env -Dbabel-l
2021-10-21 17:55:42
212
原创 【零基础学习Webpack】webpack简介，打包css、html
Webpack1、功能将多个文件合并打包，减少http的请求次数，从而提高效率对代码进行编译，确保浏览器兼容性对代码进行压缩，减少文件体积，提高加载速度检测代码格式，确保代码质量提供热更新服务，提高开发效率针对不同环境，提供不同的打包策略2、发展历史2012年3月10号，Webpack诞生。2014年2月-Webpack1；2016年12月-Webpack2；2017年6月-Webpack3；2018年2月-Webpack4；2020年10月-Webpack53、核心概念入口：
2021-10-20 17:21:06
232
原创 【前端小技能】用CSS3动画制作呼吸灯效果
记录在项目开发过程中遇到的小问题，积累开发经验，欢迎大家一起留言探讨如何最简单的制作呼吸灯效果,之前的文章也有提到过,如何制作呼吸灯效果,本篇文章是通过CSS3来进行呼吸灯效果的制作的,话不多说,上代码<div> <img src="https://up.enterdesk.com/edpic/87/05/78/8705784b4c6ad3d2f70e643eef69fff3.jpg"/></div>stylediv{ height: 300px.
2021-10-17 23:35:18
1684
原创 【vue项目问题解决】如何做到webpack打包vue项目后，可以修改配置文件IP和端口
记录在项目开发过程中遇到的小问题，积累开发经验，欢迎大家一起留言探讨问题我们在vue项目中打包的时候，webpack会将我们的组件，html，js，css，jpg等其他文件进行打包，其中请求的ip和端口也是在开发过程中写好的，直接打包生成了相应的js，如果此时我们想要修改请求的IP和端口，需要修改打包后的文件，不好查找，并且也容易出错。期望效果打包之后，可以通过修改某个配置文件，进行ip和端口的配置代码实现1、public文件夹下创建config.js,将apiURL添加到window对象中.
2021-10-15 16:41:03
2235
3
原创 【vue项目问题解决】echarts，使用中提示undefined问题及重绘问题
记录在项目开发过程中遇到的小问题，欢迎大家一起留言探讨1、问题 ：引入echars，使用中提示undefined问题问题描述cnpm安装了echars,在main.js中全局引入，之后提示echarsundefined期望效果可以在组件中直接通过this.$echarts使用正确引入方式局部引入,组件中直接引入 import echarts from "echarts";安装cnpm install echars -S引入// 引入echartsimport echarts fr.
2021-10-15 12:18:34
6911
2
原创 【vue项目问题解决】跳转新路由，滚动距离不变问题
记录在项目开发过程中遇到的小问题，欢迎大家一起留言探讨问题在一个页面中改变scrollTop，再跳转新路由的时候，发现这个滚动距离依旧在预期结果在一个页面中改变scrollTop，再跳转新路由的时候，滚动距离变为0编码实现在App.vue中监听路由变化export default { watch: { $route() { // 路由变化的时候，让滚动数据变为0 document.body.scrollTop = 0 document.doc.
2021-10-15 11:56:34
226
原创 大前端基础【5-1笔记】react路由、嵌套路由、重定向、路由守卫、懒加载，，，你要的这里都有
1、路由基本使用安裝模块cnpm install react-router-dom -S index.js中引入import { HashRouter } from 'react-router-dom'ReactDOM.render( <React.StrictMode> <HashRouter><App /></HashRouter> </React.StrictMode>, document.getElemen
2021-08-28 09:55:08
204
原创 【前端小技能~CSS呼吸灯效果】兼容性倍儿棒的呼吸灯CSS实现
CSS呼吸灯实现可以是按钮，可以是图片，也可以是其他dom元素，替换你想要添加呼吸灯效果的元素即可下面以按钮为例：元素<body> <button class="myBtn">呼吸灯效果</button></body>基础样式添加动画.myBtn { margin: 100px; background-color: #008000; color: #fff; padding: 10px; border: 0;
2021-08-24 11:11:46
1875
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人