摘要:
站点地图不外乎就是罗列一个网站的层次结构,提炼地讲就是一个关系结构图。那么我们如何巧用ECharts图表组件内的简单关系结构图来实现一个站点的地图结构呢?另外如何点击某个节点的时候实现页面跳转呢? 针对上述所提出的疑问,我琢磨了一下ECharts图表组件。找到官方这样的一个适合的简单关系图:http://echarts.baidu.com/doc/example/force1.html 通过观察ECharts图表组件的简单关系图的数据结构,得出我要实现一个站点地图需要做哪些工作: 1、引入echarts图表组件相关的js文件,主要用到esl.js和echarts.js两个文件 阅读全文
摘要:
当一棵树的部分节点根据登入用户角色不同而决定是否启用节点前的checkbox选择框的时候,我们应该如何做呢?也或者如何在页面加载的时候动态根据当前登入用户角色动态切换节点前的checkbox的禁用状态? 针对上列一系列问题,今天这里将做一个统一的讲解: 关于节点前的checkbox选择框是否禁用,是通过属性chkDisabled来决定的,值为true则表示禁用;反之表示启用; 一、初始化设置节点禁用 示例代码如下所示: 阅读全文
摘要:
一、什么是ECharts图表的皮肤(主题)? 针对这个问题我只能这样回答,ECharts图表的主题(皮肤)就犹如人的衣服一样,是用来衬托和渲染主体,使其变得更加美观好看的目的。你去过ECharts图表组件的官网应该都看到每一个示例都支持皮肤切换的。我们更深入的理解,皮肤其实就是一些样式的定义集合。 图表有很多部分组成,比如:标题、坐标轴、Series数据、Legend图例等。每一个部分我们可以为其设置style样式,形如:字体颜色、字体大小、旋转角度、背景图片、背景颜色、是否渐变等。 二、如何将其皮肤(主题)应用到ECharts图表上去? 犹如一件衣服我们设计和裁剪缝制好了,那么好不好还得找个人穿上才能够有所体现。ECharts图表也是如此,这里我们定义了一套纯绿色的皮肤option集合,示例代码如下所示: ... 阅读全文
摘要:
昨天有一个zTree的使用者在实际的项目中有着这样一个特殊的需求,要求同级树节点能够水平显示,根据设定的宽度自动换行,效果图如下所示: 通过在浏览器调试模式下观察其同级节点的css为: li { display: list-item; text-align: -webkit-match-parent; } 这个display属性就注定了其节点都会像item一样垂直显示的。我们知道了这一点所以问题解决方案就出来了。 解决思路: 1、彻底修改zTree树所配备的zTreeStyle.css文件; 2、打开文件主要修改前第二、三行; 1)、需要给zTree设定一个固定宽度且能够支持超出宽度值自动换行,于是我们修改后的zTree类的样式为: .ztree { ... 阅读全文
摘要:
今天有一个zTree的朋友遇到一个非常棘手的问题,才研究zTree树控件两天就被上头催着看成果,很是苦恼。他面对的问题就是页面内多个地方需要下拉在其文本框下方加载zTree树,由于对zTree下拉加载树的一些关键配置以及原理的不太深入导致问题无从查起。今天就来一起聊聊这样一个下拉加载zTree的问题。 一、几个关键的配置需要注意 1、针对不同的下拉选择需要有自己独立控制zTree显示位置以及隐藏相应标签的方法; 2、需要根据所点击事件定位zTree的显示位置; 3、zTree树选择后需要加以判断是显示在哪一个对应的文本框内; 4、对于多个下拉需要加载不同zTree的情况我们需要创建多棵独立的zTree树且执行上面的1、2、3三个步骤。 二、针对对个下拉加载同一个zTree的情况 ... 阅读全文
摘要:
当我们在使用ztree树组件的节点编辑功能时,只要我们引入了ztree相关节点编辑的js脚本文件: 接着配置setting内的edit节点: var setting = { edit: { enable: true, showRenameBtn: true, showRemoveBtn: true }, 当我们ztree树加载完成后,我们将鼠标移动至每一个树节点上,节点... 阅读全文
摘要:
是否可以借助于zTree实现文本框输入关键词自动模糊匹配zTree下拉树,然后选择下拉树内节点显示在文本框内且隐藏下拉树。 看到这个需求脑子里头大致已经想到了要如何实现这样一个需求,当时是限于时间问题所以没有动手处理。今天闲来无事琢磨了一下这个需求。我的解决思路如下所示: 1、监听文本框的onkeyup事件;实时传递其值到某个函数; 2、编写某个函数接收文本框的值通过zTree的模糊查找方法getNodesByParamFuzzy(key,value)获得; 3、将匹配到的节点列表结合重新赋值给zTree且显示在文本框下方; 4、通过zTree的onClick事件实现选中节点后将其节点名称显示在文本框内。 5、当关键词... 阅读全文
摘要:
谈起Wookmark我想做过前端的大侠都不会觉得陌生,它就是远近闻名的流布局jQuery插件,这个插件使用起来非常简单,需要引入两个js: 因为Wookmark是基于jQuery编写的插件,自然是少不了jQuery.js文件且必须在wookmark.js之前已入,否则将会报错。 接着就是html内图片容器的布局讲究了: 1、容器需要指定position为relative相对位置; 2、必须指定图片的高度和宽度; 示例代码如下所示: ... 阅读全文
摘要:
当树节点的名称有些很长时,全部显示出来显得很拥挤的情况下,我们会想到用省略节点名称来代替,当鼠标移入节点时能够显示该节点的全称。这样我们应该如何做呢? 首先,我们要在树的节点内多增加一个属性用于设置该节点的全称,这里我们以title名称为例吧,示例代码如下所示: { id:233, pId:23, name:"叶子节点233...",title:"叶子节点23333434343434"}, { id:234, pId:23, name:"叶子节点...",title:"叶子节点打工撒干撒嘎斯"}, { id:3, pId:0, name:"父节点3 - 没有子节点",title:"卧槽", isParent:true} 其次需要设置setting内data旗下key的title关键属性对应的属性名称。 官方API内... 阅读全文
摘要:
如果与你的创业伙伴之间的关系恶化,应该怎么办 本文的作者Elad Gil是Twitter企业战略总监,同时也是多家创业公司的创始人,对于如何处理与创业伙伴之间的关系,Elad Gil颇有心得。 钱烧光了和团队内讧是创业公司失败的两大主因。Y Combinator的一位创始人曾经告诉我,大约有20%的创业公司会在进入Y Combinator后的9至12个月间,因为创始人问题而失败。 一旦发现你发现与你的创业伙伴之间的关系恶化,就要考虑如下问题: A、你能否解决这个问题?每家公司的创始人之间都或多或少存在一些问题。你们的问题能否弥合?你是否为创业伙伴提供过反馈?他们作何反应?有时,坦诚对话是解决问题的最佳途径。 如果还没有与创业伙伴坦承交流过,就不要进入到步骤B。 B、谁应该离开?如果矛盾... 阅读全文
摘要:
时至今日,Cell组件仍是应用广泛的商业报表组件 作者:人生三毒 编者注:本文作者人生三毒为知名网站及网页游戏公司创始人,此前曾为IT类媒体资深编辑,见证了中国互联网早期的发展。 认识T君之前先认识的是他的软件,那是在1997年末的一个晚上,我和大学同学在家用15.5的Modem上网寻找资源并编写我们的软件。若干年之后,我才知道当时我们正在被大学老师利用来完成他的商业软件。而在那个时刻,我们只是面对这些程序世界的挑战而废寝忘食。 我们在网站上发现了一个中间件Cell组件。利用Cell组件,只需要简单的一些编程知识,就能完成一个像Excel一样的软件,这对我们来说,几乎就是原始人用上机关枪。而这个软件就是当时在世界领域内,也是绝对原创和领先的。 所以在我成为媒体编辑去北京出差,我便联络了偶像Cell软... 阅读全文
摘要:
一个天气应用,曾被认为是要挑战国家气象局,网站也莫名其妙地被封,两个合伙人先后离开。创始人金犁是如何把这么一款工具类应用做到人所共知的? 采访 | 郑江波 翟文婷 文 | 翟文婷 出生时间:1982年12月30日 籍贯:沈阳 教育背景:大连交通大学毕业 创业城市:北京 创业次数:1次 首次创业年龄:26岁 前不久,“墨迹天气”的商务部接到个陌生来电,对方自称是湖南电视台《天天向上》节目组,邀请墨迹天气的创始人金犁上节目。接电话的人第一反应是,“又是骗子吧?”出于礼貌,此人象征性地请对方先发封信函。 没想到,对方很靠谱,没几天金犁便跑去电视台录制节目。这是一期移动端最热门App在电视荧屏的大会师,与金犁同去的还有唱吧、大众点评、Camera360... 阅读全文
摘要:
发现很多朋友创业的心里很矛盾,有着创业单干的激情,却又有担心失败后悲惨命运的考虑,所以很多朋友思考了很长时间,最后还是决定等等再看,一月过了一月,一年过了又一年,岁月流逝,光阴不再,沉浸在打工的生涯中难以自拔,结婚供房,身上的经济枷锁日益沉重,无力再搏,最后只好认命,打工一辈子。 中国温州人号称中国最富有的人群,我认识好几个温州的年轻朋友,在她们还在上大学时,理念就与众不同,最喜欢挂在嘴边的话就是:“宁愿睡地板,也要做老板”或者“宁愿做生意一个月只赚1000元,不愿打工一月赚3000元”。 这些原则就是一些理念,这种理念与其他众多地方的思维理念有很大差别的,即便现在有类似的选择,我估计很多朋友恰恰与他们的选择相反。 但是这种理念却是很先进的,正是这样的理念使得温州人与众不同,成为中国最富有的人群。 ... 阅读全文
摘要:
最近有不少朋友在追问这样一个问题:我单序列的柱状图,我想让每一个根柱子的颜色都不一样,应该如何做?针对这个问题,其实我只想说你压根没有认真看完或者查找ECharts官方的示例,官方能够找到的示例有:1、http://echarts.baidu.com/doc/example/bar14.html2、... 阅读全文