Fork me on GitHub

获取地理位置

百度地图方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <!--引入百度 API，"ak=" 后面一串码是密钥，最好自己申请-->
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7a6QKaIilZftIMmKGAFLG7QT1GLfIncg"></script>
</head>
<body>
    <input type="button" onclick="getLocation()" value="确认" />
    <div id="position"></div>
    <script type="text/javascript">
    var x = document.getElementById('position');
    function getLocation() {
        // 创建百度地理位置实例，代替 navigator.geolocation
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(e) {
            if(this.getStatus() == BMAP_STATUS_SUCCESS){
                // 百度 geolocation 的经纬度属性不同，此处是 point.lat 而不是 coords.latitude
                x.innerHTML = '纬度：' + e.point.lat + '<br/>经度：' + e.point.lng;
            } else {
                x.innerHTML = 'failed' + this.getStatus();
            }
        });
    }
    </script>
</body>
</html>
more >>

展开全文 >>

对象

Object Origin Program

对象的属性

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
let obj = Object.create({},{
    a:{
        configurable:true,//是否可以通过 delete 删除并重新定义，是否修改它的访问属性
        enumerable:true,//是否可枚举
        writable:true,//是否可写
        value:'xxx',//实际值
    },
    b:{
    	configurable:true,
        enumerable:false,
        writable:false,
        value:'66'
	}
})
    
一、定义对象的属性方法
1、defineProperty
Object.defineProperty(obj,'a',{
    configurable:true,//是否可以通过 delete 删除并重新定义，是否修改它的访问属性
    enumerable:true,//是否可枚举
    writable:true,//是否可写
    value:'xxx',//实际值
})
2、defineProperties
Object.defineProperties(obj,{
    a:{
        value:'xxx',
    },
    b:{
        value:'66'
	}
})
//[注意]：省略不写的属性描述符默都是false

二、获取对象的属性的特性
1、getOwnPropertyDescriptor
Object.getOwnPropertyDescriptor(obj,'a');
//{
//   value:'xxx',
//}
2、getOwnPropertyDescriptors
Object.getOwnPropertyDescriptor(obj);
//{
//    a:{
//        value:'xxx',
//    },
//    b:{
//        value:'66'
//	  }
//}
//[注意]:Symbol类型的键名属性获取不了

3、Object.getOwnPropertySymbols 
//与getOwnPropertySymbols一样，针对Symbol类型属性

4、Object.getOwnPropertyNames
Object.getOwnPropertyNames(obj);//不管对象属性是否可枚举都能获取到

三、对象属性是否可枚举
Object.propertyIsEnumerable(obj); //true

四、对象是否拥有某属性
Object.hasOwnProperty(obj);//true
more >>

展开全文 >>

Rxjs

RxJS 是一个库，它通过使用 observable 序列来编写异步和基于事件的程序。它提供了一个核心类型 Observable，附属类型 (Observer、 Schedulers、 Subjects) 和受 [Array#extras] 启发的操作符 (map、filter、reduce、every, 等等)，这些数组操作符可以把异步事件作为集合来处理。 通常集成在 Angular技术栈中

可以把 RxJS 当做是用来处理事件的 Lodash 。

ReactiveX 结合了 观察者模式、迭代器模式 和 使用集合的函数式编程，以满足以一种理想方式来管理事件序列所需要的一切。

在 RxJS 中用来解决异步事件管理的的基本概念是：

  • Observable (可观察对象): 表示一个概念，这个概念是一个可调用的未来值或事件的集合。
  • Observer (观察者): 一个回调函数的集合，它知道如何去监听由 Observable 提供的值。
  • Subscription (订阅): 表示 Observable 的执行，主要用于取消 Observable 的执行。
  • Operators (操作符): 采用函数式编程风格的纯函数 (pure function)，使用像 map、filter、concat、flatMap 等这样的操作符来处理集合。
  • Subject (主体): 相当于 EventEmitter，并且是将值或事件多路推送给多个 Observer 的唯一方式。
  • Schedulers (调度器): 用来控制并发并且是中央集权的调度员，允许我们在发生计算时进行协调，例如 setTimeout 或 requestAnimationFrame 或其他。

官网 https://rxjs.dev/

https://www.youtube.com/watch?v=BA1vSZwzkK8

官网：https://rxjs-dev.firebaseapp.com/

图解rxjs: https://reactive.how/

rxjs可视化工具： https://rxviz.com/

使用

more >>

展开全文 >>

SortableJS

功能强大的JavaScript 拖拽库

可以实现同组内上下拖动元素，也可以实现不同组内互相拖动元素。

兼容性好

支持触屏设备和大部分浏览器

简单

简单的API，方便使用

原生

基于原生HTML5中的拖放API

CSS框架兼容性

支持所有的css框架，像Bootstrap

零依赖

不依赖Jquery等其他框架

SPA支持良好

支持多种框架（angular、vue、react等）

more >>

展开全文 >>

gojs

仅仅是一个前端插件

官网:https://gojs.net/latest/index.html

下载之后并不是所有的js文件都用的到，我们需要了解到只有三个

1
2
3
4
5
6
"""
go.js				 正常必须要导入的文件
go-debug.js  会展示报错消息 类似于debug模式 线上肯定不会使用
Figures.js	 扩展图表(go.js自带的图表比较少，如果出现图标显示不出来的情况)
"""
# 总结:使用的时候导入go.js和Figures.js就不会有任何问题了

简单的使用

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

侠客行
作者：李白
赵客缦胡缨，吴钩霜雪明。
银鞍照白马，飒沓如流星。
十步杀一人，千里不留行。
事了拂衣去，深藏身与名。
闲过信陵饮，脱剑膝前横。
将炙啖朱亥，持觞劝侯嬴。
三杯吐然诺，五岳倒为轻。
眼花耳热后，意气素霓生。
救赵挥金槌，邯郸先震惊。
千秋二壮士，烜赫大梁城。
纵死侠骨香，不惭世上英。
谁能书阁下，白首太玄经。