- 博客(21)
- 资源 (9)
- 收藏
- 关注
原创 ES6开发环境搭建之babel
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。各大浏览器的最新版本,对 ES6 的支持可以查看kangax.github.io/es5-compat-table/es6/。依然有许多浏览器不支持ES6y语法,所以我们需要转换版本。Babel 通过语法转换器支持最新版本的 JavaScript 。 这些插件允许...
2018-08-31 18:45:15 1175
原创 一篇关于webpack的有趣文章
博主的文章是2016-12-25 发布的,至今node.je/webpack已经迭代了很多版本,但是依然不妨碍我们学习,可以从博主的文章中了解一下webpack打包发展史。文章链接:https://segmentfault.com/a/1190000007914129文章很长,目录结构如下。有兴趣可以自己去研读一下。写在开头 先说说前端打包方案的黑暗历史 上手先搞一个简单的 S...
2018-08-30 22:38:31 282
原创 如何使用ES6开发Three.js项目(一)
如何使用ES6开发Three.js项目(一)如何使用ES6开发Three.js项目(二)配置开发环境:node.js+webpack+webpack-dev-server+babel+ES6+three.jsnode.js webpack webpack-dev-server babel ES6 three.js 1、使用npm安装three.js。注意安装命令是thr...
2018-08-29 20:55:00 6368
原创 Git入门教程
Git是目前世界上最先进的分布式版本控制系统。在前端开发中经常用到,很有必要了解一下。不求深入,只求会用。1、安装git window 版本安装,直接去官网下载 https://git-scm.com/download/win 。默认安装即可。安装完成后,打开菜单中 Git->Git Bash,会弹出类似命令行窗口。之后就可以进行git 命令操作了。1、先配置用户信息 use...
2018-08-28 13:30:48 395
原创 3JavaScript数据结构与算法--栈
JavaScript数据结构与算法--栈栈类似数组,是一种遵从先进后出(LIFO)原则的有序集合。新添加的元素或者待删除的元素都保存在栈的一端,称为栈顶,另一端就叫栈底。ES5基本语法创建一个类表示栈。function Stack() { let items = []; this.push = function(element){ items.push...
2018-08-24 16:51:57 196
原创 1JavaScript数据结构与算法--JavaScript基础
JavaScript数据结构与算法 JavaScript类型检测typeof 类型 --返回值 typeof 100 --number typeof true -- bollean typeof function --function typeof undefined --undefined typeof object --object typefo [1,2] --...
2018-08-24 16:49:39 169
原创 6JavaScript设计模式--观察者模式\迭代器模式\状态模式
观察者模式//观察者模式 发布订阅//主题 保存状态,状态变化 触发class Subject{ constructor(){ this.state = 0 this.observers = [] } getState(){ return this.state } setState(state){...
2018-08-21 22:35:53 365
原创 5JavaScript设计模式--装饰器模式/代理模式/外观模式
装饰器模式演示代码class Circle{ draw(){ console.log('绘制一个圆形') }}class Decorator{ constructor(circle){ this.circle = circle } draw(){ this.circle.draw() ...
2018-08-21 00:10:10 577
原创 4JavaScript设计模式--工厂模式/单例模式/适配器模式
工厂模式 class Product{ constructor(name){ this.name = name } init(){ console.log('init') } fn1(){ console.log('fn1') } fn2(){ console.log('...
2018-08-20 18:41:51 317
原创 3JavaScript设计模式--设计模式之设计原则
设计模式五大原则S:单一职责原则 O:开放封闭原则 L:李氏置换原则 I:接口独立原则 D:依赖倒置原则
2018-08-20 18:40:43 184
原创 使用GitHub Desktop忽略整个文件夹
默认情况下整个文件夹中所有文件都会被同步到GitHub中。我们可以通过配置文件来设置过滤掉指定文件或文件夹。配置文件:.gitignore(在根目录中)。方法1 直接打开.gitignore文件进行修改。比喻过滤掉整个.idea文件夹。在软件中修改。在Repository菜单 Repository setting选项中。直接把文件名称或者文件夹名称写上去就可以。记得每个设置都需...
2018-08-18 15:24:55 7716
原创 JavaScript 事件流、事件处理程序及事件对象
JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式,支持页面的行为与页面的外观之间的松散耦合。本文将介绍JS事件相关的基础知识。一、事件流事件流描述的是从页面中接受事件的顺序。事件冒泡事件开始时由最具体的元素(文档中嵌套层次最深的那个节点...
2018-08-13 19:13:36 136
原创 4JavaScript数据结构与算法--队列
队列数据结构队列是First In First Out先进先出。队列的值保存在一个数组中,队列的方法很简单。enqueue(element):向队列中添加一个元素。只能向队尾添加。 dequeue():删除一个元素。只能删除队头的元素。 fount():打印队头的元素。 isEmpty():检查是否为空。 size():打印长度。 print():打印出数组所有的值。 ...
2018-08-10 22:38:18 183
原创 9JavaScript数据结构与算法--二叉搜索树
二叉树树是一种分层数据的抽象模型。二叉树是树中的一种特列。二叉树中最多只能有两个节点,一个左节点,一个右节点。二叉搜索树是二叉树的一种。它只允许,左侧节点的值小于父节点的值。右侧节点的值大于或等于父节点的值。function BinarySearchTree() { var Node = function(key){ this.key = key; ...
2018-08-10 17:10:00 225
原创 8JavaScript数据结构与算法--散列表(哈希表)
散列表(哈希表)散列算法的作用是尽可能快的在数据结构中找到指定的值。通常情况下我们需要遍历整个数据结构才能找到它。如果使用散列函数,就可以通过索引快速找到该值。类似于中华字典的目录一样。最常见的散列函数就是将每个键值名的每个字母的ASCII值相加,当然汉字也有ASCII值,也适用该方法。但是得到的值是一个非常大的数字(成千上万的数字),这样将导致生成一个非常大的数组。浪费大量的资源...
2018-08-10 16:53:20 219
原创 7JavaScript数据结构与算法--字典
字典顾名思义就是字典的意思,也称作映射,它包含键和值,[键,值]。字典中的元素是不重复的。JavaScript实现字典,包含一下方法。has(key):检查字典中是否包含某值,返回 true 和 false。 set(key,value):向字典中添加新元素。也可以覆盖旧的元素。 delete(key):删除某个值以及其键名。 get(key):通过键名key获取其对于的值val...
2018-08-10 00:39:00 268
原创 6JavaScript数据结构与算法--集合
集合一个数学概念:由一组无序且唯一的项构成。javascript(ES5.1)实现集合。实现以下方法。has(value)方法:是否包含该值。 add(value)方法:添加一个值。 remove(value)方法:删除一个值。 clear()方法:清除所有值。 size()方法:返回长度。 values()方式:返回包含所有值的一个数组。 union 并集: 存在于A 或者 ...
2018-08-09 18:58:45 178
原创 5JavaScript数据结构与算法--链表
链表用来存储有序元素的集合。function LinkedList() { let Node = function(element){ this.element = element; this.next = null; }; let length = 0; let head = null; this.ap...
2018-08-07 17:04:00 169
原创 PIXI.js 绘制可以拉长的矩形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>PIXI</title> <script type="text/javascript" src="pixi.js"></script>...
2018-08-01 17:25:00 1976
3d-force-graph.rar
2020-08-05
机器学习及其相关算法综述_陈凯
2019-01-02
基于WebGL的交互平台设计与实现_汪浩
2019-01-02
webgl-reference-card-1_0
2018-11-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人