My Github

OverFlow 导致页面白屏

OverFlow 导致页面白屏

因可能随时修改,所以转载请注明来源,以便读者追本朔源
本文地址: http://blog.zhukejin.com/archives/368

现象

  • 系统:iOS 11 + Safari
  • 框架:React + redux + react-router + Ant Design Mobile

复现过程

在组件中使用了 antd 的 picker (time picker、date picker、select picker等等任意picker)后,点击某链接进入其他组件,会导致页面白屏。

该问题只出现在ios 中, PC 端 chrome 模拟正常。

使用 XCode 安装的ios 模拟器也会出现这个问题。

阅读剩余部分 –

Sass 常用语法

很久没有写CSS,最近写Css 的时候发现很多 Sass 语法忘记了,本着好记性不如烂笔头的原则,开一篇记录一下常用的 Sass 语法 为方便读者追本索源,转载请保留本文地址 http://blog.zhukejin.com/archives/358

变量

变量使用 $ 来声明,ex:

$smallFont: 12px;
$normalFont: 14px;
$largeFont: 16px;
$baseColor: #E86295;

使用的时候:

color: $baseColor;
font-size: $smallFont;

假如变量需要拼接,则需要使用 #{$baseColor} 这样的语法来拼接,如:

$calc: 306 + 32;
height: calc(100vh - #{$calc});

方法

方法、关键字指令使用 @ 来标记, ex:

@function mySize($size) {
@return $size + 24 + px;
}

使用的时候直接

阅读剩余部分 –

使用 Range 选中Dom并进行复制

本文为作者原创,随时可能修改,为保证准确性,转载请保留本文地址以便读者追本朔源。
本文地址 : http://blog.zhukejin.com/?p=350&preview=true

起因:

JavaScript 选中内容复制的时候,使用 execCommand(‘selectAll’) 是无法选中普通DOM,只能在 “编辑区” 选择.
参见 https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

方案:

为了简单,不去舍本求末的弄个隐藏域或者 disabled 的文本框,现在创建 Range 来选择。

阅读剩余部分 –

Angular2 动态的创建组件并插入到Shadow Dom中

作者随时修改,为方便读者追本朔源,转载请保留地址。 本文地址: http://blog.zhukejin.com/archives/343

前言:

  • 为什么会有这个需求?

    因为在开发组件中,难免会有一些组件是需要动态生成的,以减少Document中Dom 数量,节省内存开支。 例如全局的 message 组件、Alert 组件、Notice 组件等。

  • angular2 中如何动态的编译Template?

    在 Ng2 中, 废除了 $compiled 这个方法,用户将不能直接编译模板,如果想动态的创建组件,必须借助 组件工厂 (componentFactoryResolver)

如何动态创建一个组件:

阅读剩余部分 –