Day: September 17, 2015

使用SourceTree

SourceTree是个git的GUI软件。 教程将“使用Git”那个小节可视化,更为直观。 第一次启动的时候选择忽略,然后直接进入界面。 填入git地址与注册邮箱即可 例如mindset这本书的git地址是:http://182.92.1.69:10080/openmind/mindset.git 其它的书,仿照这种格式,将mindset.git替换成相应名字即可,可在书籍管理界面找到git地址 注意:请新建一个独立的空文件夹,如图中的“reading”,防止文档混乱,增加学习成本和出错概率。 完成后是这样 进入主界面 这时候可以在本地文件夹中操作,任何操作,sourcetree都会察觉到,然后显示在窗口,这… Read More

使用js实现思维导图

本文主要阐述使用js实现思维导图的关键技术点,如果还不知道什么是思维导图的同学,请自行度娘。以下是demo和源码的传送门: demo:http://sources.ikeepstudying.com/mindmaptree-master/ 源码:http://github.com/RockyRen/mindmaptree/tree/master 下载:mindmaptree-master 在源码中我使用了svg绘制思维导图。与canvas相比,svg将图像当成对象,我们可将思维导图中节点和线等图形表现为对象,而且svg更适合用于动态交互的应用 下面介绍几个关键技术点: 子节点位置的重绘 一个基本的思维导图工… Read More

JavaScript数据结构和算法简述——数组

为什么先讲数组 数据结构可以简单的被分为线性结构和非线性结构。 线性结构大致包括: 数组(连续存储); 链表(离散存储); 栈(线性结构常见应用,由链表或数组增删和改进功能实现); 队列(线性结构常见应用,由链表或数组增删和改进功能实现); 非线性结构大致包括: 树; 图; 其中,数组是应用最广泛的数据存储结构。它被植入到大部分编程语言中。由于数组十分容易懂,所以它被用来作为介绍数据结构的起点非常合适。 JavaScript数组基础知识 在ECMAScript中数组是非常常用的引用类型了。ECMAScript所定义的数组和其他语言中的数组有着很大的区别。那么首先要说的就是数组在js中是一种特殊的对象。 特点: 数组是一组… Read More

JavaScript数据结构和算法简述——前言

为什么要使用数据结构和算法(程序=数据结构+算法)         数据结构是对在计算机内存中(有时在磁盘中)的数据的一种安排。包括数组、链表、栈、二叉树、哈希表等。        算法是对这些结构中的数据进行各种处理。比如,查找一条特殊的数据项或对数据进行排序。 举一个简单的索引卡的存储问题,每张卡片上写有某人的姓名、电话、住址等信息,可以想象成一本地址薄,那么当我们想要用计算机来处理的时候,问题来了: 如何在计算机内存中安放数据? 所用算法适用于100张卡片,很好,那1000000张呢? 所用算法能够快速插入和删除新的卡片吗? 能够快速查找某一张卡片吗? 如何将卡片按照字母进行排序呢? 事实上,大多数程序… Read More

jQuery实现多条件筛选

我们在电商平台购买商品时,在商品列表页根据品牌、款式、价格范围等条件进行筛选查询,当点击某个条件时,在页面上会显示用户所选择的条件集合,并且将对应的符合条件的商品信息展示出来。那么今天我们使用jQuery来实现这一前端效果。 查看演示下载源码 HTML 首先,我们将查询条件分类,在页面中布置条件容器li.select-list和已选择的条件容器div.select-result。 <ul class="select"> <li class="select-list"> <dl id="select1"> <dt>上装:</dt>