自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (2)
  • 收藏
  • 关注

原创 一些常用JQuery语句转为基于Vue的HTML原生写法汇总

一些常用JQuery语句转为基于Vue的HTML原生写法汇总

2022-09-07 14:01:05 211

原创 Vxe-table使用技巧总结

最近项目中需要用到多层树table+checkbox勾选功能,选了一些组件,最终决定使用vxe-table。Vxe-table功能丰富、api也多。官方例子很多比较粗浅,我花了很多精力才弄通了一些功能点及细节。在此汇总给大伙铺铺路。

2022-06-01 16:08:25 7783

原创 超图隐藏地球、太阳、大气层、阴影方式

首先获取viewer:var viewer = new Cesium.Viewer('cesiumContainer');然后获取scene:viewer.scene;最后进行修改:地球:viewer.scene.globe.show=true(打开,false关闭);太阳:viewer.scene.sun.show=true(打开,false关闭);大气层:viewer.scene.skyAtmosphere.show=true(打开,false关闭);阴影(太阳投射而成的阴影):

2021-12-14 16:07:09 462 6

原创 超图iserver发布服务小结

1、服务归纳最近负责的项目需要发布大量的三维、数据、地图服务,并且每个服务可能有多个版本迭代。如果不对这些服务加以归纳,可能会导致服务管理混乱、误删等。这里我采用先按日期归类文件夹,再按版本归类文件夹中的服务名称的方式。比如:文件夹为“2021-12-13”、“2021-12-14”,文件为“宗地红线图层-1.zip”、“宗地红线图层-2.zip”。在确定某些服务不再使用后及时删除iserver上已发布的对应服务及其对应的原始数据文件。2、个人建议尽量使用windows服务器部署window

2021-12-14 15:08:09 1015

原创 原生input标签滑块功能及样式修改实现

现在很多现成的前端组件非常受欢迎,以至于越来越多的HTML原生标签渐渐被忽视。但现成组件功能局限性较大,有些情况下无法支撑实际的需求,这时候还是得靠HTML原生标签实现。最近参与玄览组件开发时就遇到了这种情况:有多个滑动条,它们分别对应一个或多个图层,移动滑动条时要能实时修改对应图层的透明度,并且要修改滑动条样式。常见的一些现成滑块组件样式修改容易,但提供的属性值和绑定的方法只适用单个滑块使用场景。在多滑块相互影响、联动的场景面前显得捉襟见肘,并且有时候该滑块对应功能限制了滑块使用方式。比如超图

2021-12-02 15:15:43 1369

原创 Vue项目中使用iframe和postMessage实现跨域通信传输数据

之前项目有个需求:想在父页面中嵌入的子iframe里用父页面的登录信息进行二次登录。当时采用iframe和postMessage实现了这一功能:1、父页面中的子iframe:2、父页面中使用contentWindow.postMessage方法向子iframe传入“username”和“password”两个参数:3、子页面中使用window.addEventListener方法监听获取父页面传过来的“username”和“password”两个参数:...

2021-10-24 21:21:44 758

原创 装饰者模式(Decorator Pattern)在Vuex中的应用思考

装饰者模式又称装饰器模式,在不改变原对象的基础上,通过对其添加属性或方法来进行包装拓展,使得原有对象可以动态具有更多功能。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。理解一:在Vuex中,单一状态树作为唯一数据源,Store对象相当于原对象。State、Getters、Mutations、Actions、Modules相当于这单一状态树的装饰器,通过这些装饰器来提供额外功能,如获取状态、.

2021-06-29 09:08:03 144

原创 Canvas动态改变宽高解决拉伸问题

之前开发模型渲染功能时,有一个特效是通过给目标canvas添加、修改filter属性实现。当时我发现一个问题:仅仅添加、修改filter一个属性后,canvas内容会被拉伸,导致滚动条出现(如下图,外层div宽高为337.5*745,但内层canvas宽高却为1012*2235),就算添加固定高度也没效果。昨天处理移动端适配,发现这个问题在移动端影响更大。最终我是通过动态改变canvas宽高完美解决了此问题。首先使用window.getComputedStyle()方法获取canvas父级容器宽高;

2021-05-19 13:57:10 1434

原创 Vue项目中使用sortablejs实现拖放排序功能

首先通过npm install sortablejs --save在项目中安装依赖;然后在想要实现该功能的页面中引入它:最后,在当前页面中定义rowDrop方法(可以在mounted生命周期触发它或在一个监听函数中触发它,我是后者),我是想在antd的table组件中使用该功能,由于要拖放排序的是tr元素,所以选择tbody元素作为目标节点,即dragTr。接着通过new Sortable()方法传入dragTr完成sortable对象的构建,可以在该方法中传入相关配置项(具体见官网),以及在o

2021-04-28 15:33:30 1346 1

原创 Vue项目使用v-drag实现拖拽功能

无意间发现一年半前使用的拖拽功能,感觉挺实用的,分享给大伙。首先需要创建一个自定义指令“drag”;然后直接按照下图代码将dom元素的鼠标点击、拖动、松开事件方法定义好(这里的el是指令所绑定的元素,可以用来直接操作 DOM);最后在想要拖动的元素的根节点标签中加入“v-drag”即可,此时,自定义指令中的el就是类名为“contrast-con”的div元素。...

2021-04-27 09:39:00 5508 4

原创 Antd修改Table表格行间距

我们在使用Antd的table表格时,可能需要增大每行间距。如果直接在tr或td标签中使用margin或padding不会生效。像下图我把margin-top设置了1000px,页面明显可以看出没生效。这时候可以给td设置一个白色的有宽度的底部border,如下图红框处:...

2021-04-13 17:08:04 3461 2

原创 CSS使用注意事项之word-break

有一次我发现无论怎么设置都无法实现行内文字换行,当时我测试的文字是一段很长的纯数字,比如11111111112222222222......888888888899999999999。后来是加了word-break:break-all;才实现。原来网页在识别连续纯数字或连续多个字母时会将其作为一个长单词,需要用word-break:break-all;将其分开。...

2021-04-13 15:12:37 80

原创 Antd单独隐藏Modal对话框的默认ok或cancel按钮

有时候我们需要单独隐藏Modal对话框的默认确定或取消按钮,设置:footer="null"会把两个按钮都隐藏。Antd有提供两个参数用于单独修改确定、取消按钮:对于确定按钮,设置:ok-button-props="{style:{display:'none'}}";对于取消按钮,设置:cancel-button-props="{style:{display:'none'}}"。这样就能快速隐藏对应按钮了。...

2021-04-13 14:30:02 7985 3

原创 Antd树型选择控件TreeSelect搜索功能

有时候我们需要在TreeSelect中添加搜索功能,Antd是有提供对应的配置选项,两步即能实现:1、在a-tree-select标签中添加show-search参数,这能在下拉中显示搜索框,需要注意的是仅在单选模式下生效;2、在a-tree-select标签中添加tree-node-filter-prop参数,其值为tree-data参数绑定的数组(图中接口返回的整个data数组)的title值。我们在搜索框中输入想要查找的内容,TreeSelect就会自动过滤搜索结果并展示,如下图:

2021-04-13 10:54:13 5863 1

原创 Vue项目中使用gif.js方法及注意事项

前言:最近遇到一个需求,要将canvas转换成gif动图。网上大部分解决方案是利用gif.js(官方地址:https://github.com/jnordberg/gif.js)。由于没有现成的npm库,官网说明只能直接引入js。由于每个Vue项目用的版本不同,静态资源存放路径也不同,所以我就以Vue2.0为例教大伙正确引入gif.js及gif.worker.js。首先,在项目index.html文件中引用外部js<scripttype="text/javascript"src="ht..

2021-04-12 16:28:31 2172 8

原创 基于Vue的微信公众号开发及选型研究

目录1、背景介绍1.1微信公众号简介1.2Vue框架简介1.3组件库简介2、开发流程2.1申请微信公众号2.2申请微信测试号及配置2.3安装微信开发者工具2.4创建Vue项目2.5选择合适的组件库并引入项目2.6拼接访问链接2.7使用微信开发者工具进行页面调试2.8配置自定义菜单2.9部署到服务器3、选型研究3.1开发框架选型3.1.1React简介3.1.2对比Vue与React的不同,及Vue的优势3.1.3Nux...

2021-03-31 15:18:23 1074 2

原创 Nginx服务问题总结

2018年6月25日遇到的问题描述:XX系统外网访问时,上传800k以上文件会出现413错误、IO错误等等,但是其内网上传正常。周末排查了Tomcat和Nginx配置都没问题。解决办法:原来是服务器上同时开启了多个Nginx服务,全部关闭后重启一次Nginx服务解决此问题。2018年8月24日遇到的问题描述:由于XX单位信息科重新安装杀毒软件,导致所有服务器重新启动,我们在院里面发布新版本后无法通过外网访问8090端口域名。解决办法:经排查,部署的Nginx服务配置文件没问题,网站服务器的.

2021-03-30 16:59:21 39

原创 Vue项目入口文件的两种写法

无意中翻出两年前学习Vue时做的总结,欢迎大伙指正。Vue有两种写法:1、main.js搭配App.vue;2、一个HTML搞定。第一种格式:main.js文件:import Vue from ’vue';import App from './App';Vue.config.productionTip = false;new Vue({el: '#app',template: '<App/>',components: { App }});A

2021-03-30 15:52:30 1121

原创 数据库学习笔记

每个SQL语句都是由一个或多个关键字构成的。 SQL语句不区分大小写,且以分号分隔。 在处理SQL语句时,其中所有空格都会被忽略。 可以用*通配符检索出名字未知的列。 DISTINCT关键字指示数据库只返回不同的值(它必须直接放在列名的前面,并且作用于所有列,不仅仅是跟在其后的那一列)。 在指定一条ORDER BY子句时,应该保证它是SELECT语句中最后一条子句。 DESC关键字只应用到直接位于其前面的列名,表示降序。如果想在多个列上进行降序排序,必须对每一列指定DESC关键字。还可以用它的全

2021-03-30 15:34:58 29

原创 高德地图Amap开发实践

一、简介:高德开放平台是国内技术领先的LBS(Location Based Services,基于位置的服务)服务提供商,拥有先进的数据融合技术和海量的数据处理能力。高德开放平台向广大开发者提供覆盖移动端和Web端的开发工具,开发者通过调用开发包或接口即可在应用或网页中实现地图显示、标注、位置检索等功能。使得LBS应用的开发过程更加容易。高德地图JS API是一套JavaScript语言开发的地图应用编程接口,移动端、PC端一体化设计,一套API兼容众多系统平台。目前JS API免费开放使用。J

2021-03-30 14:27:35 940

原创 CSS实现区域(局部)可点击

前言:项目采用antd的table组件,鼠标点击每行tr会进行跳转。最近遇到一个需求:table组件在进行多选时,鼠标能正常勾选,但点击绿色箭头所指区域时不做跳转。可以将绿色箭头所指标签添加pointer-events: none样式,再给红色箭头所指标签添加pointer-events: fill样式实现,见下图。...

2021-03-26 16:15:15 549

原创 Modelo(模袋)引擎使用流程及基于Vue开发时注意事项

模袋引擎简介Modelo是集美观与性能为一体、基于WebGL的三维轻量化BIM引擎。其中,Modelo API是Modelo所有产品的核心框架。基于Modelo API可以非常方便的创建功能丰富的BIM行业应用。 开发者只需专注在业务逻辑的开发,将数据存储、处理和显示等基础功能交给Modelo API完成。将模袋引入Vue项目一个开发者账号可以承载一个应用程序的开发,每一个应用程序都有相应的密钥,即App Token。这个密钥是访问此应用程序相关数据的口令。首先,我们需要登录模袋官网https...

2021-01-26 09:03:48 2299 2

前端Vue面试题.docx

该面试题分为选择题、判断题、简答题三部分,总分为100。涵盖了大部分Vue及其全家桶相关知识点。

2021-03-30

俄版team viewer

俄版 teamviewer,可随时随地修改本机id,无限制访问!直接解压安装即可。

2019-03-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除