- 博客(8)
- 收藏
- 关注
原创 margin合并问题思考
最近做任务的时候发现margin-top存在一个很奇怪的现象,就是父级盒模型不加padding或border的时候内部文档流中第一个子集的margin-top会将父元素向下拉去,导致父级“下陷”,如下图所示: 从图一中可以看出,子集盒模型已设置margin-top值,但从图二中可以看出父级盒模型的content顶部明显下降,并非是我们想要的效果。这是常见的margin合并
2018-02-01 21:50:59
487
原创 基于D3.js的数据可视化前端实现方案
近几年随着大数据逐渐火热,数据可视化也就显得格外重要,Ben Fry在他的著作《Visualiziing Data》中将数据可视化的过程分为七个步骤:获取分析过滤挖掘表现改善交互前面4步分别属于数据采集、数据分析、数据处理和数据挖掘领域,数据可视化的处理范围主要是后面三步。(一)技术选型本文是基于实验室做的智能客运公交wifi系统对后台数据进行可视化处理,分析业务需求主要是将新增关注
2017-11-24 16:43:54
16606
1
原创 javascript解决for循环中i取值的问题
最近在做项目时遇到调用for循环中i取值问题,主要代码如下:function delete__listen() { var detNum=document.getElementsByTagName('li'); for(var i = 0; i < detNum.length; i++){ detNum[i].onclick = function(){
2017-11-16 16:00:09
2985
原创 使用HTML/CSS实现一个复杂页面--随笔
从开始做任务九到最终完善全部代码大约花了2天时间,零零散散,从刚开始看到题目心想:“这么怎么复杂”,看到其他同学完成的优秀代码时心想:“肯定是用了插件”的不可思议情绪后,到最后自己一步步完美完成,才发现自己之前在山脚下看山峰是有多幼稚,一步一个脚印往上爬,看到山顶太阳的时候,恍然大悟,心旷神怡!谢谢自己的坚持,慢慢地感受和享受着自我提升的过程。总的来说,惊喜的有以下几点: 1、利用input标签中
2017-11-09 17:18:24
873
原创 css居中解决方案及思考
这段时间在做百度前端技术学院的任务,自己总结了许多细节方面的改进和体会,css中主要分为两部分:一是如何利用css进行布局,具体内容请看我上一篇博客《css布局总结》;二就是如何解决css居中布局。简单来说,css布局有以下三个方案: (一)text-align和vertical-align 对父元素设置text-align: center或vertical-align: middle,只对子元
2017-11-09 17:14:56
423
1
原创 css布局总结
三栏式布局任务要求是完成如下图所示布局: 有两种方案可实现任务要求的效果:1、利用float实现浮动布局首先需要定义父元素的宽高,不定义也可以,不过这样会影响同级兄弟元素的布局,建议定义父元素宽高。.container{ margin: 2%; height: 500px; border: 1.5px solid rgba(37, 74, 86, 0.68);}对每个子元
2017-11-09 17:03:36
426
原创 PS切图技巧
为什么要切图?了解iphone界面和Android图标的尺寸在实际设计过程中,为了降低设计成本,一般选择分辨率最高的设备作为设计稿的原始尺寸,因为1倍图放大成为2倍图远比2倍图缩小成1倍图来的模糊!Android开源自由的代价就是设备规范的不可控,市面上充斥着各种品牌的android手机,有着各种各样的尺寸和分辨率,为了适配各种不同分辨率的设备,同一个图标需要切成N份,每一份对应一个尺寸。另外需要注
2017-07-28 13:30:11
1989
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-07-28 13:03:51
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人