前端
文章平均质量分 85
此爱如少年
不学习就是落后
展开
-
前端开发中处理csv数据,也许你可以试试这个方法
前言在前端开发过程中,经常会用到一些静态的csv数据,最普通的处理方式就是把数据包含在自己的项目中,跟随项目统一部署到服务器,使用时直接去请求服务器的csv数据。但是这样处理有几个劣势:前端拿到的都是明文数据,可以在控制台中直接看到,数据保密性差。冗余数据比较多,数据体积相对比较大。关于数据冗余,举个例子:如这里有一个学校1000个学生的基本信息。每个学生的基本信息中,有性别、有年龄、有班级、有所在地等等。姓名,性别,年龄,班级,所在地王二小, 男, 13, 一年级3班, 福田区张三丰,原创 2022-05-16 21:30:32 · 1332 阅读 · 0 评论 -
element-ui 表格边框的动态切换并防抖
文章目录需求实现过程解决抖动抖动原因解决抖动的实现过程再优化需求需求是这样的:先前的需求,要求表格按UI设计图来,表格无边框。新来的需求,要求能支持表格列宽的能够支持拖动。按照官网,table组件的border属性,设置为true时可以显示边框。有了边框才能拖。但是显示了边框,与之前的需求相悖。同时,既然显示边框有属性border支持,那么动态的更新border的值,应该就可以实现显示表格边框的动态切换。基于此思路,采用比较折中的办法:默认状态下不显示边框当鼠标移动到表格头部时,显示原创 2022-03-17 08:34:39 · 2270 阅读 · 0 评论 -
nginx中部署vue项目
文章目录前言启动nginx服务部署Vue项目1 部署到根目录1)vue配置2)nginx配置及部署3)路由模式及地址匹配history模式hash模式2 部署到子目录1) vue配置2)nginx配置前言nginx是一个高性能的HTTP和反向代理web服务器。作为Web服务器,nginx处理静态文件、索引文件以及自动索引效率非常高。启动nginx服务nginx浏览器中输入: localhost:80说明服务起来了。部署Vue项目下面的示例,前端Vue项目使用Vue CLI3创建1 部署原创 2021-08-04 22:12:44 · 9929 阅读 · 0 评论 -
vue cli工程中的本地数据接口
1、常规请求使用Vue CLI新建的项目中,我需要使用本地数据进行测试,于是写了下面的数据请求: let url = '/src/assets/city.json' fetch(url).then(response => { return response.json() }).then(data => { conso...原创 2019-11-03 21:45:31 · 596 阅读 · 0 评论 -
Vue CLI脚手架使用笔记
文章目录前言1、安装vue、vue-cli1.1安装vue1.2 安装vue cli2、项目开发2.1 创建项目3、跑起来4、添加自己的组件4.1 定义组件4.2 修改路由配置4.3 修改App模板前言本次操作实例各软件版本如下:1、Node: v10.15.02、npm:6.4.13、webpack:4.41.24、@vue/cli:4.0.51、安装vue、vue-cli1....原创 2019-10-27 22:23:48 · 1045 阅读 · 1 评论 -
多个ajax异步请求调用同一个回调函数的实现
文章目录ajax异步请求常规写法链式写法.done().then()多个ajax并发且同一回调函数$.when()$.when.apply 将请求作为数组ajax异步请求先来看个简单的ajax异步请求常规写法 $.ajax({ url:"test.html", async:true, success: function(){ ...原创 2018-12-23 18:31:32 · 2675 阅读 · 2 评论 -
基于leaflet的反距离权重插值插件的地图数据可视化
1、概念反距离权重 (IDW) 插值显式假设:彼此距离较近的事物要比彼此距离较远的事物更相似。当为任何未测量的位置预测值时,反距离权重法会采用预测位置周围的测量值。与距离预测位置较远的测量值相比,距离预测位置最近的测量值对预测值的影响更大。反距离权重法假定每个测量点都有一种局部影响,而这种影响会随着距离的增大而减小。由于这种方法为距离预测位置最近的点分配的权重较大,而权重却作为距离的函数而减小,...原创 2019-07-06 20:01:00 · 3283 阅读 · 12 评论 -
分享自己最近做的一些前端地图可视化作品
1、动态风场核心算法来自网络上的leaflet风场插件,加以调整,迁移到openlayers地图中。2、空气质量渲染3、流线原创 2019-08-08 22:03:37 · 2469 阅读 · 4 评论