My Github

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)

如何动态创建一个组件:

阅读剩余部分 –

关于 Webpack + React 的性能优化

这篇文章很早就想写了,但是由于工作太忙,一直挤不出时间。正好趁月底挤干货的时间弄出来一篇。
由于本文内容是作者自互联网收集 + 实践与发散思维得出,故可能随时会更新修改,为了方便读者追本索源,转载请保留头部,谢谢
本文链接 http://blog.zhukejin.com/?p=334&preview=true

另: 本文不是新手教程,关于 WebPack 如何入门配置、React Jsx 的Loader 等,请移步这里: 使用Jsx 或者 优化开发-Webpack & Jsx

阅读剩余部分 –