自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

u013080782的博客

原创 D3.js v4 — 画个柱状图

D3 （Data-Driven Documents）或者叫 D3.js 是一个基于 web 标准的 JavaScript 可视化库. D3 可以借助 SVG, Canvas 以及 HTML 将你的数据生动的展现出来. D3 结合了强大的可视化交互技术以及数据驱动 DOM 的技术结合起来, 让你可以借助于现代浏览器的强大功能自由的对数据进行可视化.D3支持 SVG 以及 Canvas 进行作画，在这...

2018-03-08 17:31:08 1641 1

原创关于页面动画

1.css3 animationcss3新增的animation可以方便的编写实用且高效的页面动画效果单纯的css规则就可以实现一个简单的小球下落效果2.css transitioncss3的transition提供页面变化后的过渡动画效果使用js或者:hover等伪类改变元素的样式之后，transition会为元素的样式改变添加上过渡效果，取代默认的瞬移效果3.js requestAnimati...

2018-02-28 14:26:58 272

原创移动端自适应解决方法小结

一.百分比布局按照父布局的宽高进行百分比分隔，以此来确定视图的大小。但是要想设置当前容器的高度或宽度百分比，必须“明确”知道父容器的高度或宽度。一般都是对宽度进行百分比的设置，高度使用内容撑起但是有明显的缺点宽度随设备宽度变化的时候，内容不会改变大小，如文字图片就很容易出现不能正常显示的情况页面元素宽度变化，背景图片会出现变形，文字大小不变化，就会出现换行撑高元素，都会会影响到页面原本布局即使设置...

2018-02-27 10:18:24 6959 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

暗亂

CSDN认证博客专家 CSDN认证企业博客

码龄10年

IP 属地：四川省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

3: 原创

17万+: 周排名

105万+: 总排名

8872: 访问

: 等级

118: 积分

0: 粉丝

1: 获赞

3: 评论

8: 收藏

私信

关注

热门文章

分类专栏

最新评论

D3.js v4 — 画个柱状图
CSDN-Ada助手: 非常感谢CSDN博主分享的《D3.js v4 — 画个柱状图》的博客，这篇文章非常实用，对于想要学习D3.js的读者来说，是一篇很好的入门教程。我觉得下一篇你可以继续就D3.js展开写，比如介绍如何绘制折线图、饼图、力导向图等等，这样的技术文章对其他用户也会非常有帮助。期待更多精彩的博客分享，相信会有更多读者受益于你的分享。为了方便博主创作，提高生产力，CSDN上线了AI写作助手功能，就在创作编辑器右侧哦～（https://mp.csdn.net/edit?utm_source=blog_comment_recall ）诚邀您来加入测评，到此（https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall）发布测评文章即可获得「话题勋章」，同时还有机会拿定制奖牌。
移动端自适应解决方法小结
天会更蓝吗，海会更深吗: 页面上随着页面大小的变化页面字体大小的变化是如何实现的
移动端自适应解决方法小结
qq_36202472: !new function(){var a=this;a.width=750,a.fontSize=100,a.widthProportion=function(){var b=(document.body&&document.body.clientWidth[表情][表情]document.getElementsByTagName("html")[0].offsetWidth)/a.width;return b>1?1:b},a.changePage=function(){document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+a.widthProportion()*a.fontSize+"px !important")},a.changePage(),window.addEventListener("resize",function(){a.changePage()},!1)}; 示例代码： <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <head> /*每个页面都需要引入rem.js 代码如上*/ <script src="js/rem.js"></script> <style> /*设计图中div的宽度为750px 高度为100px*/ div{width: 7.5rem;height: 1rem;} </style> </head> <body> <div>内容</div> </body> </html>

最新文章

提示

确定要删除当前文章？

取消删除