随笔分类 -  个人总结

something about myself
echarts图例全选功能实现
摘要：需求说明 图标涉及图例较多，为方便操作，故新增全选/全取消功能，通过全选框控制全选/全取消 实现思路 主要用到echarts > legend > selected属性以及legendselectchanged方法。当全选/全取消时通过selected属性动态赋值，改变图例选中状态。legendse 阅读全文
posted @ 2020-02-11 19:11 南韵 阅读(3820) 评论(0) 推荐(0)
完整开发vue后台管理系统小结
摘要：最近业余帮朋友做两个vue项目，一个是面向用户纯展示系列的（后统称A项目），一个是后端管理系统类的（后统称B项目）。两者在技术上都没难度，这里对开发过程遇到的问题、取舍等做一个小节。 关于项目搭建 目前vue-cli脚手架已经很成熟，创建项目很方便，按照官网文档或网上相应教程即可快速搭建（https 阅读全文
posted @ 2019-08-23 18:31 南韵 阅读(8324) 评论(0) 推荐(0)
多状态组件封装有感
摘要：实际项目开发中，多以封装UI组件为主。最常见的是大体相似下面的小差异。以下图为列。 弹窗在不同状态下展示不同背景或者提示文案间距、字体大小等有差异。这种比较理想的是通富文本形式来解决，产品想要什么样子，就让后端返什么样的富文本。但这样的不足之处是，一般后端都不太熟悉css样式，也不会像前端那样去调整 阅读全文
posted @ 2019-07-11 17:46 南韵 阅读(299) 评论(0) 推荐(0)
h5定位geolaction无法调试解决方法
摘要：昨天接到一个在h5获取经纬度的需求，看了文档后，代码其实很简单，但在浏览器上调试就比较蛋疼了... 代码： function successfulCallback(position) { console.log(' successfulCallback ',position) alert("获取地理 阅读全文
posted @ 2019-03-13 21:28 南韵 阅读(1184) 评论(0) 推荐(0)
关于弹出蒙层禁止背景可滑动的实现方法
摘要：我们在业务处理中，时常遇到这样的情况： 在当前页弹出一个蒙层，在蒙层上仍然可滑动底部背景，解决这个最通用的方法是，通过条件判断，给底部背景动态添加或去除一个css类hidden .hidden {width: 100vh; overflow: hidden} 在vue里有个便捷的方式： <view 阅读全文
posted @ 2019-01-09 18:11 南韵 阅读(1796) 评论(0) 推荐(0)
简话h5唤起本地app
摘要：在没接触这个功能之前，查询各种文档后也只是似懂非懂，做过之后，发现其实很简单，简言之就是通过一个iframe或者a标签来跳转app端提供的URL schema（至于这个URL schema的组成格式，前端可以不用管，如果确实想要知道，可以自行百度），经测试用iframe标签的兼容性比a标签要好，故此 阅读全文
posted @ 2019-01-09 17:52 南韵 阅读(386) 评论(0) 推荐(0)
背景图填充注意事项
摘要：如果背景是用一张图片来填充，那么第一个元素的定位，不要用top、margin，而要用padding。否则图片会出现变形（会按一定比例，不规则缩放） 阅读全文
posted @ 2018-08-14 17:12 南韵 阅读(198) 评论(0) 推荐(1)
前端常见问题及引起原因（一）
摘要：JS部分： 1.引用公共模板页（该模板一般引用了其对应的JS文件）到某页面，部分函数功能不可用且控制台不报错。 查错方式：看其他引用该模板页的功能是否可用，如果其他页面可用，对比当前页面与模板页引用的js文件是否冲突；如果其他页面该功能依然不可用，则查看该功能函数是否有误。 （引用JS冲突，常见的是 阅读全文
posted @ 2016-09-11 17:58 南韵 阅读(416) 评论(0) 推荐(0)