Fork me on GitHub
摘要: 一.超出隐藏点点显示: 1.一行超出隐藏点点显示 2.多行最后一行超出隐藏点点显示 二.上下左右居中: 1.知道固定宽高(兼容IE8) 2.transform法,不知道父和自己的高度(不兼容IE8) 3.知道父级的高度 4.table-cell实现不固定宽高文字垂直居中 三.卡片hover过放大: 阅读全文
posted @ 2018-05-16 17:55 天满 阅读(1122) 评论(9) 推荐(1) 编辑
摘要: 1.useEffect 模拟 componentDidmunt: useEffect(() => { document.title = `XXXX`; // 数据请求 }, []) 2.模拟 componentDidUpdate: useEffect(() => { // 处理 }, [props属 阅读全文
posted @ 2019-09-02 17:42 天满 阅读(798) 评论(0) 推荐(2) 编辑
摘要: 环境: vue^2.4.2 vue-awesome-swiper^2.6.7 swiper^3.4.2 成品图: 功能:拖动或者切换下一个pagination点点宽度跟着过渡变换 代码: js: css: 收工~~~ 阅读全文
posted @ 2018-06-15 17:36 天满 阅读(11216) 评论(3) 推荐(3) 编辑
摘要: 1.input标签: 页面背景图安卓机上input调起键盘css属性值不能用vh单位(安卓4.4以下不支持vh),input不能是absolute,否则压缩背景图或者背景图不和input一同被顶起。 input调起键盘遮挡输入框解决办法: 2.一些好用第三方插件: h5跳app魔窗mLink.JS: 阅读全文
posted @ 2018-06-01 16:26 天满 阅读(1885) 评论(0) 推荐(0) 编辑
摘要: 一.try,catch try{内容是异步的,同步捕捉错误无效} 二. axios 方法一:axios.interceptors.response统一获得错误信息 方法二:用.catch单个处理错误信息 三.Raven.js > 前端代码异常监控 阅读全文
posted @ 2018-04-19 17:37 天满 阅读(8325) 评论(1) 推荐(0) 编辑
摘要: .babelrc配置: 当使用react native的时候,下面这个预设可以代替 transform-decorators-legacy reducer.js文件: index.js入口文件: 某子组件: 二. mobx 这里推荐使用mobx-state-tree的写法,有兴趣的可去github上 阅读全文
posted @ 2018-04-18 12:06 天满 阅读(881) 评论(0) 推荐(0) 编辑
摘要: 子组件: 方法一:巧用key 这种方法是通过key变化子组件会重新实例化 (react的key变化会销毁组件在重新实例化组件) 方法二:利用ref父组件调用子组件函数(不符合react设计规范,但可以算一个逃生出口嘻嘻~) 注:wrappedComponentRef是react-router v4中 阅读全文
posted @ 2018-02-06 17:35 天满 阅读(24691) 评论(3) 推荐(7) 编辑
摘要: 代码一: 解析:之所以输出10,可以把 arrow function(箭头函数) 里的 this 和 arguments 关键字理解为函数作用域里的变量(因为自身没有),他访问变量沿着作用域链向上找而不是直接访问对象属性走原型链,代码中的init上头的作用域就是window,所以他的this指向wi 阅读全文
posted @ 2018-01-25 12:00 天满 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 或者自己生成一个<a>标签直接点击下载: 注:只有 Firefox 和 Chrome 支持 <a>标签的download 属性,如果想兼容其他浏览器,请用<form> 阅读全文
posted @ 2018-01-23 10:29 天满 阅读(4782) 评论(0) 推荐(0) 编辑
摘要: 前言:‘_blank’打开新窗口页面,state算内存传值,用<Link to={{pathname: url, state: data}}></Link>或者this.props.match.history.push(urlName, state)都失效 解决办法: 1:window.postMe 阅读全文
posted @ 2018-01-15 18:19 天满 阅读(3412) 评论(0) 推荐(1) 编辑
摘要: 一. js 控制跳转页面: 可用 <Link to={{ pathname: `url`, state: someData }} > | | this.props.match.history.push('url', state) | | <Redirect to={url}>路由组件 import 阅读全文
posted @ 2017-12-11 16:28 天满 阅读(24268) 评论(4) 推荐(1) 编辑