- 博客(10)
- 收藏
- 关注
RSS订阅原创 IE 中css的奇葩事
今天给 在IE 中使用 :after 伪元素，然后直接切了控制台F12看显示效果，结果 :after 的效果全打横线。表示样式没有生效。于是各种百度，然后越查越蒙蔽，看别人都是解决IE8 一下 伪元素不生效的，然后又去W3C上面看了，before和after 是支持到IE9，怎么到了我这IE11反而不行了呢？切换成IE 9的核心也不行，百度翻遍前三页就是没有找到任何头绪。无奈google去了，在Stack overflow上看到了相关的问题。看完一圈才发现这是 devtool的问题，after 的样式其实
2021-05-18 13:51:08
248
原创 Vuex 特定路径缓存组件
Vuex 路由特定路径缓存组件思路来源做法来源 : 详情本文主要利用链接文章的第三种做法。本文目的一是为了帮助自我记忆，二是给出详细步骤做法，以及一些点（本人对于Vue的认识不足所要记录的一些要点)具体做法总概述： 如链接文章所说，主要是引入Vuex 作为 全局变量来控制组件的缓存，以及利用 路由跳转涉及到的组件的钩子函数(beforeRouteEnter)。文档结构|--src |--components |-- A |-- B |-- C |
2021-05-15 00:26:18
208
原创 flex 使得 行内元素 的margin-top 能能作用
flex 和 inline元素起因: 在书写wx 小程序中，发现 text 模块的 margin-top 一直没起作用，而我跟着临摹打的效果图却表示 text 的margin-top 确实起作用了。这让我误以为 text标签是行内块元素(我也误认为span 也是 行内块元素了…),继而误以为是因为 flex 元素和 行内块元素排列导致的，然后测试一番，发现并非如此，margin-top依旧起作用了。 后面重新审查了一遍代码发现 container 被我打错了， .container 的类样式并没有起作用，
2021-04-05 11:36:37
805
原创 关于如何引入redux-DevTool
Redux-DevTools安装过程略，百度即可开发过程中引入Redux-Dev的检测具体link引入方法这里我因为用applyMiddleware中间件引入了，所以要引入中间检测机制要比起只使用redux创建store要复杂一些，具体做法如下:首先引入从 redux 里面引入compose.代码:import { createStore, applyMiddleware, com...
2019-12-18 01:41:57
261
原创 如何理解Redux中的action
例子1: const { createStore } = Redux; function couter(state = 0, action) { switch (action.type) { case "add": return state + 1; ...
2019-12-12 16:58:05
668
原创 高级组件传递Ref
这一块外部设置ref传递给子组件(不要用里面这种模糊的概念词) <div className="App"> <FancyButton onClick={this.handleClickFancyButton} title={this.state.title} ref={this.fancyButtonRef}/> </div&g...
2019-12-10 22:32:45
504
原创 React学习中一些语法汇总001
function ReactRender({ comp = <div></div>, el = "#app" }) { ReactDOM.render( comp, document.querySelector(el) ) }这...
2019-11-30 00:59:14
83
原创 解决用display:inline-block导致高度不一致问题
设置9宫格棋子的时候，通过给单独的square设置样式，原本是打算使用display;inline-block.来设计布局的。然后通过点击事件然后像square插入字体的时候发现了一旦插入，就会因为自动对齐字体底部导致高度变化。.square{ display: inline-block; width: 80px; height: 80px; border: 1p...
2019-11-30 00:02:01
5527
原创 JQuery实现伪分页效果
首先构造一个分页页面。页面结构如下： <div class="main"> <div class="item"> <ul class="clear"> <li>1</li> <li>2</li> ...
2019-11-20 17:57:10
273
原创 css3.0完成3d方块设计
作用原理利用css3.0的新特性 transfrom下的 translateX() rotate()被设置景深完成3d效果。设置景深就是设置了一个视锥的效果，类似望远。并且translateX 和 position：absolute可以叠加。先把设置为transition：absolute。让所有的方块面堆在一起。然后用transform做一些平移(translate),旋转(rotate).等...
2019-11-20 11:11:10
402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人