顾以南歌-优快云博客

原创两点经纬度计算距离

微信两点经纬度计算距离const distance = (la1, lo1, la2, lo2) => { let La1 = (la1 * Math.PI) / 180.0 let La2 = (la2 * Math.PI) / 180.0 let La3 = (la1 * Math.PI) / 180.0 - (la2 * Math.PI) / 180.0 let L...

2019-09-04 11:46:13 261

原创 vue cli 3.0中markdown富文本编辑插件

vue 3.0中使用mavon-editor1.执行2.在main.js中全局引入mavon-editor3.在组件中使用mavon-editor4. 运行效果1.执行npm install mavon-editor --save2.在main.js中全局引入mavon-editorimport mavonEditor from 'mavon-editor'import 'mavon-...

2019-08-26 16:48:08 2241 3

原创 ES6 的let 作用域

let 的作用域解决方法如图代码for (var i = 0; i < 3; i++) { setTimeout(function () { console.log(i); }, 1000);}输出结果为什么不是输出 0 1 2 呢1.因为settimeout为异步执行，每隔1000秒添加一次执行任务，等待主线for循环任务执行完才开始执行解...

2019-05-29 21:28:13 453

原创微信小程序第一天

七亿少女的劫丨1.wxml<view class="container"> <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo

2018-12-25 17:46:43 286

原创 vue 中第三方动画插件的使用

七亿少女的劫丨效果gif：代码：1.引入velocity.min.js &lt;!-- velocity JavaScript --&gt;&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.min.js"&gt;&lt;/script&gt;

2018-12-17 17:44:39 2477

原创 vue 中watch监听和简单的axios请求

七亿少女的劫丨效果：源码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="vi

2018-12-13 17:45:58 2701

原创 vue 组件注册与使用

七亿少女的劫丨效果gif：1.引入需要用到的vue.js ,dynamics.js&amp;lt;script src=&quot;https://cdn.bootcss.com/vue/2.5.18-beta.0/vue.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;script src=&quot;

2018-12-11 17:43:34 250

原创 vue 中 filter 的使用与注册

七亿少女的劫丨![https://img-blog.csdnimg.cn/20181210155905764.png)1.filterBy 输入过滤与orderBy 排序过滤2.字符串的filter操作&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt

2018-12-10 16:02:53 581

原创 RGB颜色值与十六进制颜色码转换

七亿少女的劫丨&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt; &amp;lt;meta http-equi

2018-12-07 10:15:05 3149 2

原创 nginx部署图片服务器

七亿少女的劫丨三里清风，三里路，步步清风，再无你1.一台自己的ESC（云服务器）2.一个自己的域名（已经绑定在ESC上的）3.下载新版nginx4.解压nginx5.配置conf目录下的nginx.conf#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error...

2018-12-04 10:30:48 1299

原创 vue 脚手架 firstDemo

七亿少女的劫丨学习Vue js 2.0 第一天学习Vue js 2.0 第一天使用vue-cli（脚手架）创建vue项目目录结构：主要关注src目录Todos.vue 代码：&amp;lt;template&amp;gt; &amp;lt;ul class=&quot;list-group&quot;&amp;gt; &amp;lt;li cla

2018-11-13 16:59:50 311

七亿少女的劫丨学习Vue js 2.0 第一天学习Vue js 2.0 第一天&amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;a

2018-11-13 13:47:23 201

七亿少女的劫丨