会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
catXiao
博客园
首页
新随笔
联系
订阅
管理
[置顶]
一些css魔法
摘要: 一.超出隐藏点点显示: 1.一行超出隐藏点点显示 2.多行最后一行超出隐藏点点显示 二.上下左右居中: 1.知道固定宽高(兼容IE8) 2.transform法,不知道父和自己的高度(不兼容IE8) 3.知道父级的高度 4.table-cell实现不固定宽高文字垂直居中 三.卡片hover过放大:
阅读全文
posted @ 2018-05-16 17:55 天满
阅读(1141)
评论(9)
推荐(1)
2019年9月2日
React 16.8.6 Hooks小结
摘要: 1.useEffect 模拟 componentDidmunt: useEffect(() => { document.title = `XXXX`; // 数据请求 }, []) 2.模拟 componentDidUpdate: useEffect(() => { // 处理 }, [props属
阅读全文
posted @ 2019-09-02 17:42 天满
阅读(813)
评论(0)
推荐(2)
2018年6月15日
自定义vue-awesome-swiper的pagination分页器样式
摘要: 环境: vue^2.4.2 vue-awesome-swiper^2.6.7 swiper^3.4.2 成品图: 功能:拖动或者切换下一个pagination点点宽度跟着过渡变换 代码: js: css: 收工~~~
阅读全文
posted @ 2018-06-15 17:36 天满
阅读(11428)
评论(3)
推荐(3)
2018年6月1日
关于移动端h5开发小总结
摘要: 1.input标签: 页面背景图安卓机上input调起键盘css属性值不能用vh单位(安卓4.4以下不支持vh),input不能是absolute,否则压缩背景图或者背景图不和input一同被顶起。 input调起键盘遮挡输入框解决办法: 2.一些好用第三方插件: h5跳app魔窗mLink.JS:
阅读全文
posted @ 2018-06-01 16:26 天满
阅读(1906)
评论(0)
推荐(0)
2018年4月19日
js捕捉网络请求异常
摘要: 一.try,catch try{内容是异步的,同步捕捉错误无效} 二. axios 方法一:axios.interceptors.response统一获得错误信息 方法二:用.catch单个处理错误信息 三.Raven.js > 前端代码异常监控
阅读全文
posted @ 2018-04-19 17:37 天满
阅读(8486)
评论(1)
推荐(0)
2018年4月18日
redux VS mobx (装饰器配合使用)
摘要: .babelrc配置: 当使用react native的时候,下面这个预设可以代替 transform-decorators-legacy reducer.js文件: index.js入口文件: 某子组件: 二. mobx 这里推荐使用mobx-state-tree的写法,有兴趣的可去github上
阅读全文
posted @ 2018-04-18 12:06 天满
阅读(904)
评论(0)
推荐(0)
2018年2月6日
react中父级props改变,更新子级state的多种方法
摘要: 子组件: 方法一:巧用key 这种方法是通过key变化子组件会重新实例化 (react的key变化会销毁组件在重新实例化组件) 方法二:利用ref父组件调用子组件函数(不符合react设计规范,但可以算一个逃生出口嘻嘻~) 注:wrappedComponentRef是react-router v4中
阅读全文
posted @ 2018-02-06 17:35 天满
阅读(25143)
评论(3)
推荐(7)
2018年1月25日
js的作用域链,原型链,以及闭包函数理解
摘要: 代码一: 解析:之所以输出10,可以把 arrow function(箭头函数) 里的 this 和 arguments 关键字理解为函数作用域里的变量(因为自身没有),他访问变量沿着作用域链向上找而不是直接访问对象属性走原型链,代码中的init上头的作用域就是window,所以他的this指向wi
阅读全文
posted @ 2018-01-25 12:00 天满
阅读(343)
评论(0)
推荐(0)
2018年1月23日
react中运用event事件触发子元素<a>标签进行下载
摘要: 或者自己生成一个<a>标签直接点击下载: 注:只有 Firefox 和 Chrome 支持 <a>标签的download 属性,如果想兼容其他浏览器,请用<form>
阅读全文
posted @ 2018-01-23 10:29 天满
阅读(4831)
评论(0)
推荐(0)
2018年1月15日
react单页面开发向新窗口传数据
摘要: 前言:‘_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 天满
阅读(3464)
评论(0)
推荐(1)
2017年12月11日
基于antd的react开发(后台管理系统)
摘要: 一. js 控制跳转页面: 可用 <Link to={{ pathname: `url`, state: someData }} > | | this.props.match.history.push('url', state) | | <Redirect to={url}>路由组件 import
阅读全文
posted @ 2017-12-11 16:28 天满
阅读(24415)
评论(4)
推荐(1)
下一页
公告