meishanxu-CSDN博客

原创 margin合并问题思考

最近做任务的时候发现margin-top存在一个很奇怪的现象，就是父级盒模型不加padding或border的时候内部文档流中第一个子集的margin-top会将父元素向下拉去，导致父级“下陷”，如下图所示：从图一中可以看出，子集盒模型已设置margin-top值，但从图二中可以看出父级盒模型的content顶部明显下降，并非是我们想要的效果。这是常见的margin合并

2018-02-01 21:50:59 480

原创基于D3.js的数据可视化前端实现方案

近几年随着大数据逐渐火热，数据可视化也就显得格外重要，Ben Fry在他的著作《Visualiziing Data》中将数据可视化的过程分为七个步骤：获取分析过滤挖掘表现改善交互前面4步分别属于数据采集、数据分析、数据处理和数据挖掘领域，数据可视化的处理范围主要是后面三步。（一）技术选型本文是基于实验室做的智能客运公交wifi系统对后台数据进行可视化处理，分析业务需求主要是将新增关注

2017-11-24 16:43:54 16555 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 2961

从开始做任务九到最终完善全部代码大约花了2天时间，零零散散，从刚开始看到题目心想：“这么怎么复杂”，看到其他同学完成的优秀代码时心想：“肯定是用了插件”的不可思议情绪后，到最后自己一步步完美完成，才发现自己之前在山脚下看山峰是有多幼稚，一步一个脚印往上爬，看到山顶太阳的时候，恍然大悟，心旷神怡！谢谢自己的坚持，慢慢地感受和享受着自我提升的过程。总的来说，惊喜的有以下几点： 1、利用input标签中

2017-11-09 17:18:24 859

原创 css居中解决方案及思考

这段时间在做百度前端技术学院的任务，自己总结了许多细节方面的改进和体会，css中主要分为两部分：一是如何利用css进行布局，具体内容请看我上一篇博客《css布局总结》；二就是如何解决css居中布局。简单来说，css布局有以下三个方案：（一）text-align和vertical-align 对父元素设置text-align: center或vertical-align: middle，只对子元

2017-11-09 17:14:56 401 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 420

原创 PS切图技巧

为什么要切图？了解iphone界面和Android图标的尺寸在实际设计过程中，为了降低设计成本，一般选择分辨率最高的设备作为设计稿的原始尺寸，因为1倍图放大成为2倍图远比2倍图缩小成1倍图来的模糊！Android开源自由的代价就是设备规范的不可控，市面上充斥着各种品牌的android手机，有着各种各样的尺寸和分辨率，为了适配各种不同分辨率的设备，同一个图标需要切成N份，每一份对应一个尺寸。另外需要注

2017-07-28 13:30:11 1953

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-07-28 13:03:51 228

xumeishan的博客