紫藤萝yu - 博客园

2019年4月10日

摘要： 1、拖动元素代码：使用html5原生拖拽属性，在需要拖拽的图片中添加draggable="true"属性，并使用v-on添加拖动事件 2、被放置的区域事件代码：使用html5原生拖拽属性，在需要放置的区域使用v-on添加放置事件 3、methods代码：阅读全文

posted @ 2019-04-10 15:18 紫藤萝yu 阅读(10308) 评论(0) 推荐(0)

vue自定义拖动指令

摘要： 1、在项目开发中，需要对div进行拖动。因为需要自定义组件 a》定义全局拖拽指令：定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会在外部新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令：（1）、新建dr 阅读全文

posted @ 2019-04-10 14:59 紫藤萝yu 阅读(5573) 评论(0) 推荐(0)

2019年3月27日

使用pm2启动nodejs+express+mysql管理系统步骤

摘要：背景：由于个人兴趣，了解了一下nodejs+express+mysql项目。在项目搭建完成并开发完成并部署时，遇到一个尴尬的问题，就是后台的servive服务启动问题。日常开发时，打开2个cm窗口，分别npm run dev启动前端代码，以及node app.js启动后台服务代码。使得前后台代码可阅读全文

posted @ 2019-03-27 21:57 紫藤萝yu 阅读(1788) 评论(0) 推荐(0)

2019年2月24日

重新学习html和css

摘要：当初学习前端的时候，属于快速入门那种，没有好好深入学习html和css。如今，在空闲时间重新拿起基础书学习，都会写到一些新的知识。 1、css实现圆角、渐变功能。使用border-radius以及linear-gradient属性。阅读全文

posted @ 2019-02-24 21:35 紫藤萝yu 阅读(229) 评论(0) 推荐(0)

2019年1月24日

vue监听页面大小变化重新刷新布局

摘要： # 更新 2020-07-27 start 监听页面大小变化，可以在main.js文件中使用window.addEventListener方法进行监听处理。例如：监听页面大小变化，进行字体处理 function onResize() { let htmlBaseFontSize = 50; let 阅读全文

posted @ 2019-01-24 14:53 紫藤萝yu 阅读(31341) 评论(0) 推荐(3)

2019年1月23日

acgis地图初始化并根据经纬度进行标注

摘要：根据项目要求，需要对指定的位置进行标注。 1、初始化地图服务 2、根据地图服务接口信息进行标注 3、根据经纬度信息进行标注展示接口截图：以下代码并不能直接粘贴跑起来，因为代码所涉及的文件地址都是内网的地址。需要自行更改对应的IP 如截图所示： 1、红色的是todoLabel 方法，根据经纬度值直阅读全文

posted @ 2019-01-23 11:42 紫藤萝yu 阅读(1205) 评论(0) 推荐(0)

2019年1月22日

vue 如何清除定时器

摘要： // 更新于2020.09.21 START 以下清除定时器的旧方法： 1、在data函数里面进行定义定时器名称 2、在beforeDestroy()生命周期内清除定时器这种做法的缺点是：（1）vue实例中需要有这个定时器的实例，感觉有点多余; （2）创建的定时器代码和销毁定时器的代码没有放在一阅读全文

posted @ 2019-01-22 09:29 紫藤萝yu 阅读(27920) 评论(4) 推荐(0)

2019年1月14日

我的第一个arcgis地图应用

摘要：步骤： 1、设置一个基本的html文档 2、引入arcgis相关的script和css样式，在<head></head>标签中引入以下脚本 3、arcgis API的模块引用，使用<script>从API加载特定的模块。不需要让这个脚本标记引用URL，而是直接在其中添加JavaScript代码。 4 阅读全文

posted @ 2019-01-14 22:23 紫藤萝yu 阅读(201) 评论(0) 推荐(0)

2018年12月28日

vue v-for下图片src显示失败，404错误

摘要：阅读全文

posted @ 2018-12-28 09:12 紫藤萝yu 阅读(394) 评论(0) 推荐(0)

2018年12月20日

vue与animate.css的结合使用

摘要：在vue项目中，由于页面需要动画效果，使用动画其实有多种方式，可以使用vue中的过渡transition，可以使用animate动画与transition配合使用，也可以单独使用animate动画库。下面我们开始介绍在vue中单独使用animate动画，其实也非常简单，两步留可以实现：第一步：安阅读全文

posted @ 2018-12-20 09:23 紫藤萝yu 阅读(1728) 评论(0) 推荐(0)