2016年12月_JesusAllen30

原创 Echarts3.0使用中遇到的问题总结——tooltip提示框大小样式问题

tooltip样式大小不符合预期在使用Echart的时候，使用一个bar图时，单独写demo的时候tooltip提示框的样式没有问题：样式、大小都是内置的符合要求。但是把图表放到项目中时就出现了，提示框大小过大的问题：官方的文档对于tooltip的说明也没有指出：如何修改大小。那么tooltip是个什么呢？f12打开控制台发现： tooltip并非是canvas绘制，而

2016-12-29 15:15:56 21050 8

原创浅谈Echarts3.0

最近公司的项目，主要涉及的是大数据分析方面，数据可视化变成了项目的重点。前端这边需要完成将大量的数据，实现可视化。现在是大数据和云计算的时代，所以数据可视化逐渐变成一种趋势。而ECharts和d3.js则是可视化的成熟框架。对于制作的图表可以说是满足你的创造力。两者相比，D3 它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用

2016-12-27 21:09:41 12584 3

原创 Sublime Text和WebStorm中配置LESS

LESS的强大在这就不多说了，有兴趣的可以去官网学习:http://less.bootcss.com/，github上也有先关的资源:https://github.com/less/less.js 在这就不多提，直接进入主题:sublime配置less 1. node js首先，配置less得在node的前提下，所以我们得先安装node js，安装包地址：https://nodejs.org/e

2016-12-14 17:50:32 1706

原创谈谈layer弹窗自定义样式，防止样式冲突问题(实习第七天)

如果在一个页面中存在两个以上的layer弹窗，那么当我们修改其中一个弹窗的默认样式的话，其他的弹窗就会受到影响，今天就来谈谈怎么样去避免样式冲突。layer自定义弹窗样式问题情境：在一个全局页面中存在多个layer.open({});layer.open({ type: 2, title: '创建群',

2016-12-13 21:01:32 11876

原创 github入门简介

作为一名程序员没有一个自己的github账号有点说不过去吧，上面的开源项目可以说是多到看花眼，各种流行的，还是经典的框架、类库都是萌生在github上。简介 GitHub 是一个面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。 GitHub 于 2008 年 4 月 10 日正式上线，除了 Git 代码仓库托管及基本的 Web 管理界面

2016-12-12 18:55:09 854

原创实习第五天

今天是第一周的最后一天，最近的项目中一个类似QQ聊天系统为最重要的任务，师傅交给我的任务是用layer完成三个界面，添加好友界面、查找好友界面以及发送好友添加请求界面。先说明一下layer的基本页面模板：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>发送好友请求</title>

2016-12-09 23:19:43 642

原创实习第四天

layer口号是：由职业前端倾情打造，面向所有层次的前后端程序猿，中国最容易使用的前端UI解决方案。可以看出layer是一个用户界面设计框架，弹出层是他的一大特点，我们公司现在的项目对于弹框，弹出层的设计都是使用layer。使用方法也是非常的简单好理解。layer.open({ type: 2, title: '聊天室', area: ['500px', '600px'], fi

2016-12-08 21:13:11 584

原创 JavaScript：表单序列化后的数据转换成json格式

写了一个类似QQ聊天室的页面，主要需要实现的功能是：实现点击父级菜单，显示全部的栏目（手风琴模式）。这边是一段jQuery实现的代码$("a.opening").click(function(){ $(this).next().slideToggle('fast', function(){ $(this).prev("a.opening").toggleClass("active")

2016-12-07 22:29:13 6160 1

原创实习第二天

公司在做一个关于安全的大数据项目，给我任务完成半个页面，主要是两个模态框，以bootstrap为css框架。这边就先讲一下bootstrap的介绍： bootstrap是一个css框架，响应式它的特点，难度在栅格。如同他的标题：“简洁、直观、强悍的前端开发方法框架，让web开发更迅速、简单”。要使用bootstrap就要引用几个文件。bootstrap.cssbootstrap.jsjq

2016-12-06 22:26:32 565

原创实习第一天

说一下自己装的软件，两个编辑器：sublime中量级编辑器以及webStorm重量级编辑器。这边推荐一下sublime对于颜值控来说完全符合要求。高亮选择多样而且舒服。 sublime和webstorm比起来更加轻巧，所以打开速度可以说是极速响应，但是webstorm自带前后台更加的庞大。这边讲讲sublime需要安装的过程和所需要的插件。首先需要安装的是package control

2016-12-05 22:19:54 724

ALLEN的博客