摘要: 以下内容为大漠大大的书籍《图解css3核心技术与案例实战》观看后的总结。 css2.1中定义了四种布局模式,由一个盒与其兄弟、祖先盒的关系决定其尺寸与位置的算法 块布局 行内布局 表格布局 定位布局 css3引入的布局模式flexbox布局,主要思想是让容器有能力让其子项目能够改变其宽度、高度,以最 阅读全文
posted @ 2017-04-18 18:38 绵绵面包 阅读(398) 评论(0) 推荐(0) 编辑
摘要: app.js是首页面,路由放此。 sagas在此页面被引用。 import rootSaga from './sagas' const store = configureStore(initialState) store.runSaga(rootSaga); import rootSaga from 阅读全文
posted @ 2016-11-23 16:20 绵绵面包 阅读(3150) 评论(0) 推荐(1) 编辑
摘要: # Awesome## 最佳实践* [React + Redux 最佳实践](https://github.com/sorrycc/blog/issues/1)* [Redux 最佳实践-译](https://segmentfault.com/a/1190000005757189?utm_sourc 阅读全文
posted @ 2016-11-02 17:47 绵绵面包 阅读(1020) 评论(0) 推荐(0) 编辑
摘要: 事件委托:利用冒泡的原理,把事件加到父级上,触发执行效果 好处:1.提高性能 2.新添加的元素还会有之前的事件 event对象:事件源:不管在哪个事件中,只要你操作的那个元素就是事件源 兼容问题:ie:window.event.srcElement 标准:event.target nodeName: 阅读全文
posted @ 2016-02-17 16:02 绵绵面包 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 直接从word里面贴过来的 随便看看吧 (注意:在测兼容性时,chrome可能显示不了,实际是因为安全问题,chrome只能在服务器环境下执行。) 1. 父级操作子级对象 (两种获取子级iframe对象) var oIframe = document.getElementById('iframe1' 阅读全文
posted @ 2016-02-17 11:36 绵绵面包 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 这个功能其实主要针对下载功能来说的, 安卓下载地址肯定和ios下载地址不一样, 如何在不同设备访问下载地址时就能根据用户的设备进行相应的跳转。 同时,微信访问的地址如果是下载地址的话,微信本身是会屏蔽跳转的。 需要识别微信,并给出提示用其他浏览器打开此网址。 代码很简单。完整代码如下: 1 <!DO 阅读全文
posted @ 2016-02-16 18:18 绵绵面包 阅读(1544) 评论(1) 推荐(0) 编辑
摘要: 两者看着很像。 函数声明:function 函数名(){} 函数表达式:function 函数名(可写可不写)(){} :命名函数表达式/匿名函数表达式 举几个例子: function aaa(){} :函数声明 var a=function aaa(){} :命名函数表达式 var a = fun 阅读全文
posted @ 2016-02-16 17:32 绵绵面包 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 最近有一个需求,就是当屏幕往下一定像素时,下方会有一个隐藏的模块马上显现出来,向上运动后带有回弹效果。然后屏幕滚回去时这个模块能够原路返回其实这个效果css3就可以很轻松实现,但是公司要求最低兼容ie7,只能说是无缘了后来,利用jq的animate也能够实现,但是不知道怎么回事 当滚回去时有延迟,好... 阅读全文
posted @ 2015-12-30 11:47 绵绵面包 阅读(3283) 评论(4) 推荐(1) 编辑
摘要: 涉及到css以及JavaScript。最终显示效果:点击红色按钮,会有视屏弹出 并带有遮罩层点击黄色区域可以关闭视频 并回到最初的状态。页面主要代码:main中主要包含一个a,控制显示的按钮。设置有id值。 以下代码就是用来控制视频的显示效果,.video-btn 包含了视频显示区域以及右边黄... 阅读全文
posted @ 2015-12-18 19:44 绵绵面包 阅读(8314) 评论(0) 推荐(1) 编辑
摘要: 1、元素屏幕居中对齐相信很多人对margin:0 auto并不陌生,但是margin设置只能对齐左右,不能做到屏幕居中对齐。正确的做法是设一个position:absolute;top:50%;left:50;然而此时元素只是左上角居中了,设一个margin-left:-100px;margin-t... 阅读全文
posted @ 2015-12-17 16:00 绵绵面包 阅读(338) 评论(0) 推荐(0) 编辑