自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 响应式布局之相对浏览器垂直居中

此文仅仅作为知识点的积累,涉及到的小知识如下:viewport :浏览器的可视窗口vw :Viewport宽度,1vw 等于viewport宽度的1%vh : Viewport高度,1vh 等于viewport高的的1% 页面中元素的响应式布局是前端开发工作者经常运用到的,bootstrap的栅格系统虽然很适合响应式布局,但仅仅是用于页面宽度变化时的响应,此文承接上一篇,仅在CSS文档中做配

2017-08-17 16:33:43 2532

原创 calc()实现CSS响应式布局

calc()是CSS3新增的一个功能,可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值,仅在css中就可以实现响应式布局,不用再担心元素把盒子撑破,页面也响应浏览器窗口变化,想想就感觉美好。注意事项方法的表达式中有“+”和“-”时,其前后必须要有空格,如”widht: calc(100%-20px)”这种没有空格的写法是错误的;

2017-08-11 16:00:43 556

转载 React component lifecycle生命周期管理

工作中经常应用React组件的生命周期方法,今天看到了一个比较不错的React的生命周期方法,记录一下。 此文仅作为工作中的知识积累!!!

2017-08-11 15:26:57 322

原创 使按钮不相应leaflet的地图事件

此文是博主原创,仅做为工作积累背景系统应用了leaflet的地图库,库自带的zoom、fullscreen、layers等也都有用到,业务需要自己添加了几个按钮,样式为:class='leaflet-control leaflet-bar'与leaflet库自带功能的按钮样式一样,看上去很漂亮,但是在自添加按钮上点击、双击、拖动时会产生地图事件。解决方法给leaflet的dom添加事件监听,若自添加

2017-08-04 13:47:48 2882

空空如也

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除