- 博客(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关注的人