ouruixi - 博客园

React+webpack

摘要： webPack + React 步骤： 4. webpack.config.dev 安装包配置loader 在项目创建.babelrc，写好预设(presets) yarn add babel core babel loader babel preset env babel preset rea 阅读全文

posted @ 2017-12-22 23:06 ouruixi 阅读(345) 评论(0) 推荐(0)

fullPage插件使用

摘要： fullPage插件 fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、阅读全文

posted @ 2017-12-21 21:26 ouruixi 阅读(179) 评论(0) 推荐(0)

拖动盒子demo

摘要： ```html Document 从这个盒子 111 222 到这个盒子 ``` 阅读全文

posted @ 2017-12-21 19:59 ouruixi 阅读(113) 评论(0) 推荐(0)

百度地图api的简单应用

摘要：百度地图api 获取经纬度（通过浏览器的）引地图 1. 引入百度地图的api 2. 准备div 3. 实例化通过百度的api 根据ip定位当前城市 http://developer.baidu.com/map/jsdemo.htm i8_2 搜狐的api 阅读全文

posted @ 2017-12-21 19:56 ouruixi 阅读(233) 评论(0) 推荐(0)

video相关简单的api

摘要： video 关键api 1. video.pause() 2. video.play() 3. video.webkitRequestFullScreen() //全屏 4. video.currentTime //当前进度 5. video.duration //总进度监听方法： video.o 阅读全文

posted @ 2017-12-21 19:38 ouruixi 阅读(301) 评论(0) 推荐(0)

html5和css3的笔记

摘要： h5+c3 W3C盒子模型和ie盒子模型文档<!DOCTYPE html 加上的话，所有浏览器都按照W3C的盒子模型，否则ie会按照ie的盒子模型，它的content包括了padding border box sizing: content box/border box text shadow文字阅读全文

posted @ 2017-12-21 17:34 ouruixi 阅读(158) 评论(0) 推荐(0)

CORS

摘要： CORS IE8中在IE8中用XDR来实现安全可靠的跨域通信 1. cookies不会随请求发送，也不随响应返回 2. 只能设置请求头的content type字段 3. 不能访问响应头信息 4. 只支持get,post 这些变化可以使CSRF和XSS的问题得到缓解它的open只有两个参数 xd 阅读全文

posted @ 2017-12-21 11:06 ouruixi 阅读(154) 评论(0) 推荐(0)

创建异步对象XHR的兼容写法、get、post上传数据的方式

摘要：兼容ie7以下，创建异步对象的函数 javascript function creatXHR(){ if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else if(typeof ActiveXObject 阅读全文

posted @ 2017-12-20 23:00 ouruixi 阅读(387) 评论(0) 推荐(0)

swiper套路

摘要： swiper插件 quick start 基本结构一般选项方法阅读全文

posted @ 2017-12-20 14:25 ouruixi 阅读(183) 评论(0) 推荐(0)

用opcity模拟zindex渐变的效果

摘要： github地址: https://github.com/echoorx/opacity Gradient zindex好像不能渐变改变，所以用opcity来模拟阅读全文

posted @ 2017-12-20 13:36 ouruixi 阅读(217) 评论(0) 推荐(0)