cordova定位 + 仿钉钉打卡功能

最近在研究hybridApp,使用vue+cordova,现在需要实现一个钉钉打卡的功能大致要实现这4个需求:地图显示、定位、地图覆盖效果、距离测量 定位定位相对而言比较复杂所以优先考虑,关于定位,我尝试了3种办法 第一个尝试了cordova自带的插件,结果是报错:code:2,message:network provider is not available,原因是新版的插件已经删掉了关于Android版定位的代码,改为基于系统浏览器(chrome内核)进行定位,但经测试发现因为国内网络原因根本无法定位 第二个是用的高德地图的JavaScript API,定位虽然成功但是定位和实际位置有几百米的误差这个肯定不行 第三个是用的cordova的baidumaplocation插件,误差在几十米之间还可以接受 首先附上插件github的连接 第一步你得先去百度创建一个应用 创建andro...

39272018-08-20 18:10
vue+ECharts4.x地图下钻/散点分布以及热力图

最近用到了echarts,实现三个功能国家到省级的地图下钻和散点分布以及热力图显示 网上资料蛮少的,记录一个给后面的小伙伴一些参考 demo效果如下中国地图下显示为热力图,显示精确分布点只是demo所以数据是自己写的假数据只有几条点击进入省份地图,在地图之外还有那个小箭头是数据的原因不是bug改下数据就好 先上官网http://echarts.baidu.com/option.html#title,表白echarts,文档真的很详细,良心官网 demo代码如下下钻到市级县级道理也是如此12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808...

25052018-08-15 09:35
python操作mysql/mysql增删查改语句

PyMySQL安装/方法介绍PyMySQL是由python编写的,速度上比不上 MySQLdb,但是他安装非常方便同时也兼容 MySQL-python pip install pymssql 基本方法介绍close():关闭此connect对象commit():提交当前事务rollback():取消当前事务cursor():创建游标对象 关于游标游标是一段私有的SQL工作区,也就是一段内存区域,用于暂时存放受SQL语句影响到的数据。通俗理解就是将受影响的数据暂时放到了一个内存区域的虚表中,而这个虚表就是游标。 也就是说在commit之前你操作的都是这个游标,操作错误你可以使用rollback()方法回滚,如果在增删改之后没有commit所有操作都是白搭 操作游标的方法close():关闭此游标对象fetchone():得到结果集的下一行fetchmany([size = cursor...

41k2018-08-09 15:00
mpvue小程序以及微信直播踩坑总结

前段时间刚写完一个mpvue的小程序,现在得闲必须赶紧记录和总结一下,不然很多东西又要忘了 我是比较熟悉vue的语法,但是也犹豫过是用原生还是用mpvue,因为那时候原生小程序已经相当成熟而mpvue才刚出来(踩坑和填坑的前人还很少) 所以我学习了几天原生的框架和语法,果断选择了mpvue,真的是没有对比就没有伤害,对比原生体验不要太好 mpvue是一个使用 Vue.js 开发小程序的前端框架,他是将我们写的vue文件重新编译成wxml等文件,最后的底层实现还是用的小程序语法,所以原生小程序语法也是比较重要的,而且像很多下拉刷新,到底部请求下一页什么的等等很多地方也是要用到小程序api的,所以建议大家在入坑之前还是了解一些小程序语法比较好 附上官方文档 项目配置使用官方的5分钟上手,生成一个基本框架,后来开发也没有手动修改过他的配置 用到了4个插件 mpvue-weui ui库...

61.5k2018-08-07 17:31
python爬虫之爬取掘金网首页存入mysql数据库

博主是个前端小白,最近在学习爬虫,写个实战系列也是想记录自己学习的过程,以便后续回顾 欢迎大家一起交流学习、共同进步 这篇文章达成的效果是爬掘金网的首页的数据存到mysql数据库里 做这个实战你需要具有一点点python的基础知识,当然没有也行可以复制代码先跑一跑感受一下会有动力一点 爬取的网站:https://juejin.im/timeline 系统:win10 python版本:3.7 MYSQL安装包下载:https://dev.mysql.com/downloads/windows/installer/ mysql-installer-web-community 15.9M那个是在线安装 mysql-installer-community 推荐下载第二个离线安装 现在这个安装包好像不分32位还是64位,我是64位的安装成功,MSI安装版安装挺简单的我就不赘述了(其实...

51.4k2018-08-07 14:51
UI和平面设计的区别

前段时间自告奋勇的给新项目做UI设计,项目包括一个网站一个app还有一个后台,后台没有设计套用以前的模板主要是将就前端也就是我还有我的小伙伴们,总的花费时间共一周左右 作为曾经的一只平面设计狗,这是我UI处女作 哈哈哈哈!!! 在没做前端之前一直觉得平面和UI都是根据客户的需求设计画图嘛也都是平面图也没什么太大的区别,而且UI还不用像平面设计海报那样做一些复杂抓人眼球的效果,毕竟现在的页面为了追求速度用户体验什么的都是扁平化趋于简洁 这次呢是深切感受到了UI和平面的区别 在学习css开始我就知道UI画的图都是需要前端实现的,设计的时候,除了好的创意,还应该考虑到技术上的可行性,就像这次设计页面的时候是自动把自己代入了前端这个角色所以在设计时更多的考虑到css样式布局js的特效数据渲染什么的还有组件模块的复用问题等等,设计方面远不如平面设计那么自由洒脱 大部分平面设计的作品都是以印刷...

26932018-06-24 22:58
git常用命令(备忘)

克隆库到相对路径git clone https://github.com/stiekel/hexo-theme-random.git themes/random https://help.github.com/articles/removing-sensitive-data-from-a-repository/工作区:电脑里的目录,不包括隐藏的git目录暂存区:add提交到暂存区版本库:commit提交到版本库的分支上 指定用户名和邮箱git config –global user.name “”git config –global user.email “” 创建版本库Cd 版本库的位置/进入文件Mkdir 版本库名pwd(pwd将显示版本库目录和位置)git init(将这个目录变成git可以管理的版本库) 添加文件将文件放在版本库目录下git add files (...

31k2018-05-23 11:10
Cordova add android 报错4种解决方法

方法一:可能网络有问题,换一个源(对我没有用)npm i nrm -g 安装nrm nrm ls 查看当前nrm内置的npm源 nrm use cnpm 切换源 方法二:可能版本有问题(对我没有用)npm view cordova-android 查看可选版本 cordova platform add android@7.0.0 切换版本 方法三:卸载cordva重新安装(对我没有用)运行命令:npm uninstall cordova -g删除文件夹:C:\ Users \ your-name \ .cordova重新安装cordova:npm install -g cordova现在转到项目文件夹,然后再试一次:cordova platform add android方法四:修改环境变量(解决)在环境变量path内加入C:\Windows\System32 如果以上方法对你...

12192018-05-16 16:29
阿里云服务器

新手入门弄了一个阿里云服务器自己学习使用 在官网上点击远程链接出现了终端管理的画面,安装官网的步骤一步一步的在本机尝试远程连接(系统win7),输入ip地址,用户名,点击确定,弹框输密码 然后就告诉我:你的凭据不工作,之前用于链接到***的凭据无法工作,请输入新凭据 之后各种百度,尝试各种方法 可能导致此故障的原因 1、客户端本地网络异常 [出现概率:3%] 这个就… 2、重置实例密码,未重启实例 [出现概率:7%] 找到原因,自己手贱改了密码不知道要重启故障现象:有实例密码修改记录,但无重启实例记录。 可能原因:您修改了实例密码,但是未重启 ECS 实例。 解决方法: 登录云服务器管理控制台。单击左侧导航栏中的 实例。单击页面顶部的地域。选择需要的实例。单击 重启。在弹出的提示框中,选择 重启,单击 确定。 3、防火墙配置异常(Windows 2008&2012)[出现概率...

26952018-05-13 13:13
angular之constant和filter

背景介绍angular是什么:AngularJS最初由Misko Hevery和Adam Abrons于2009年开发,后来成为了Google公司的项目。AngularJS弥补了HTML在构建应用方面的不足,其通过使用标识符(directives)结构,来扩展Web应用中的HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。 constant,可以算作angular的全局数据,想要使用的话,只需要在控制器注入即可。 $filter,angular的过滤器,如果想要在控制器里面使用,也是注入,然后调用,而html中的数据过滤,直接键入过滤器名称和对应值即可。 知识剖析每当搜索constant时候,总会连带出现value的说明。 两者都可以作为全局变量使用,但是有两点不同: 1.value不可以在config里注入,但是constant可以。 ...

61.5k2018-01-31 20:58