- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 景区河道监测管理系统设计
目录前言系统介绍技术使用介绍数据库的增删改查操作openlayers使用静态图片做地图底图openlayers显示多个标注点 并点击显示弹窗结语前言开发这个系统纯粹是为了入门学习react hook和node.js。该系统属于一个入门级别的web 全栈项目。这篇文章主要是对整个项目的复盘。系统介绍系统有两个子系统分别为用户端和管理端。用户端为一个PC端的可视化界面，管理端就是后台管理系统了。用户端使用vue框架搭建，管理端使用了react框架搭建，在可视化显示方面使用了echarts，地图数据的访问
2021-05-12 16:21:59
452
原创 解决h5页面键盘顶起浮动元素
解决h5页面键盘顶起浮动元素@param btn被顶起的元素idfunction dealLayout(btn){ var oHeight = document.documentElement.clientHeight ||document.body.clientHeight; //浏览器当前的高度 $(window).resize(function(){ var resizeHeight=document.documentElement.clientHeight || docume.
2020-10-12 13:53:42
581
原创 css-自定义字体（LED）
字体的获取先来看一下实现效果:字体的可以在defont网站中找到自己需要的字体 。然后通过fontsquirrel将下载好的字体文件转换为eot格式和woff格式。如果你需要做LED字体的话，也可以通过我的百度网盘获取（格式已经转换好了哟）。链接：https://pan.baidu.com/s/1VjfVgsyisA-T1u4FRqW_Vg提取码：d59j生成字体在拿到字体之后，我们把字体放到我们的项目，就可以通过@font-face自定义字体了。代码如下： /* 自定义led字体 *
2020-06-28 23:21:16
2120
2
原创 vue实现单选取消和多选双击取消效果
vue单击选中和取消和多选效果单击选中二级目录三级目录单击选中我们在日常项目中经常需要实现，点击一个导航栏高亮，或者点击显示遮罩层展示信息。先来看一下效果。二级目录三级目录...
2020-05-18 11:07:02
1544
原创 js笔记--变量和作用域
变量和作用域变量的基本类型和引用类型的值复制变量值执行环境及作用域没有块级作用域变量的基本类型和引用类型的值复制变量值 复制基本类型值 ：var num1 = 6;var num2 = num1; num2中的6与num1的6是完全独立的。 复制引用类型值 ：var object1 = new Object();var object2 = obj
2020-05-14 11:43:16
190
1
原创 读书笔记---深入理解“margin：auto”
深入理解“margin：auto”"margin:auto"填充规则"margin:auto"的计算规则触发"margin:auto"计算的条件"margin:auto"填充规则 1.如果一侧定值，一侧auto，则auto为剩余空间大小 2.如果两侧均是auto，则平分剩余空间 。"margin:auto"的计算规则 "margin:auto"的计算规则可以被总
2020-05-08 21:07:53
866
原创 JavaScript基础知识思维导图
JavaScript基础知识思维导图(个人总结，仅限参考)小结1.ECMAScript中的基本数据类型包括Undefined，Null，Boolean，Number和String。2.与其他语言不同，ECMScript没有为整数和浮点值分别定义不同的数据类型，Number类型可用于表示所有数值。3.ECMAScript中也有一种复杂的数据类型，即Object类型，该类型是这门语言中所有...
2020-05-04 22:10:43
559
原创 echart入门 地图加散点图
echart地图加散点图初始环境设置基本结构图表配置建立地理坐标系绘制散点图，填充数据添加提示框和视觉映射组件部分完整代码初始环境设置 创建好项目后，输入npm install echarts --save安装echart包,安装完成后，打开我们的vue项目。我们可以在项目中的package.json里的dependencies下看是否安装成功。...
2020-04-30 20:30:43
2853
原创 星星评分的实现
星星评分的实现实现原理js实现星星评分代码Vue实现星星评分代码小程序实现星星评分代码实现原理 首先看一下实现的效果图和代码。 function f1(data, star) { var result = []; var score = Math.floor(data * 2) /...
2020-04-25 18:48:58
575
原创 load方法实现头部底部复用
load方法实现头部底部复用我什么不用iframe标签load方法的使用前端文件如何以服务器模式打开js文件失效问题我什么不用iframe标签 在我们的项目开发时，我们经常遇到这样的三栏式布局，所有的页面头部和底部的样式一样，只有中间的内容不同。 这个时候，如果我们在每个页面都把头部，底部的代码的复制...
2020-04-21 22:15:37
578
1
原创 Vue 路由配置和二级路由配置
Vue 路由配置和二级路由配置路由配置二级路由默认首个页面二级路由导致一级路由下的高亮失效路由配置我们初始化我们的Vue项目后，打开工程目录src/router下的index.js。我们可以把工程默认的helloworld.vue文件名，已经组件名更改。同样也需要在index.js文件中更改引入的文件名和组件名。/*index.js 需要更改的地方*/import Home from '@...
2020-04-18 22:14:41
2054
原创 形象理解文档流？
什么是文档流？ 很多人一定听过文档流这个概念，那么css中的的"流"是什么呢？“流"实际上是csss当中的一种基本定位和布局机制，就是浏览器默认的排版方式。 如何更加形象的理解"流”？，div标签和span标签就是 &n...
2020-04-17 10:05:03
114
转载 visibility：hidden和display：none
visibility：hidden和display：none的区别简单的说，display：inline就是不占位隐藏,
2020-04-09 15:12:10
571
原创 css3，水平垂直居中
日常项目中我们经常需要给元素添加水平垂直居中的样式。这里有三种方式实现。第一种方式：<style> .div1 { background: red; width: 500px; height: 500px; line-height: 500px; text-align: center; ...
2020-04-07 10:47:03
346
原创 如何利用css给文字加渐变色
如何利用css给文字加渐变色在日常项目中你或许遇到了这样的UI设计图。在这个时候如果采用图片来替换文字的方式，在不同的版块遇到同样的渐变色，文字却不一样，一张张的替换图片的方式实在太麻烦。这个时候就可以用我们强大的css3来为文字加上渐变色。下面就是实现渐变色的代码 .world { font-size: 36px; font-weight: bold; backg...
2020-04-06 10:42:03
2046
原创 css3实现鼠标移入图片变色
css3实现鼠标移入图片变色方法一：准备两张图片，直接更改hover后的背景图片。这种方法简单粗暴，我就不过多赘述了。方法二，利用css3的filter滤镜。...
2020-04-05 12:14:21
5543
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人