Family.scss-轻松搞定CSS伪类 :nth-child

很多前端开发工程师都知道 CSS伪类 :nth-child 非常有用,特别是在选择一些规则比较复杂的元素时。我承认我只会一些最简单的 :nth-child 伪类用法,在选择一些规则比较复杂的元素时,尝尝会感到束手无策。直到今天发现Family.scss开源项目位置。

Family.scss 是一套 Sass mixin ,它将帮助您以一种简单的方式来实现 :nth-child 伪类复杂用法。 继续阅读

Min – 小程序组件化解决方案

项目开源地址:

MinUI:https://github.com/meili/minui
Min Cli:https://github.com/meili/min-cli

是的,我们撸了一个新轮子。

在这个前端高速发展的时代,撸轮子并不是目的,而是解决问题的手段。我们希望通过这个轮子,帮助像我们这样的小程序开发者,优雅高效的搞定小程序中自定义组件的 开发使用 这 2 个环节,为开发者 赋能

缘起

一切的初衷,都始于我们希望像下面这样,优雅的定义和使用组件:

继续阅读

为 Progressive Web App 提供的 Webpack 加载器和插件

我假设你已经知道什么是 Webpack ,为什么它真棒,它是如何工作的,所以让我们开始:

可能你已经知道了 Webpack 的这些常用的工具,比如: style-loaderhtml-webpack-pluginextract-text-webpack-pluginfile-loader 和其他流行的一些加载器或插件。 继续阅读

JavaScript 模块简史

你是否是 JavaScript 新手?并且对模块,模块加载器和模块打包器感到困惑吗?或者你已经编写了一段时间的 JavaScript ,但是没法掌握模块的一些术语?你是否听过 CommonJS、AMD、Browserify、SystemJS、Webpack、JSPM 等等术语,但是不理解我们为什么需要它们?

我会试着解释他们是什么,他们试图解决什么问题,以及他们如何解决这个问题。 继续阅读

基于 Google Code Prettify 实现的WordPress代码高亮插件——WP-googlecodeprettify

WP-googlecodeprettify一个基于 Google Code Prettify 实现的WordPress代码高亮插件,在TinyMCE编辑器中提供了一个插入代码的按钮。在文本编辑器中,加入了pre-js,pre-css,pre-html 3个快捷按钮;

GitHub 开源地址:https://github.com/feiwen8772/wp-googlecodeprettify

代码高亮效果:http://www.css88.com/archives/4728

更新信息

2017年08月24日 v3.0 更新:

  • 新增显示文件名,显示文件名称时,不显示语言类型;文本编辑器中可以直接通过添加filename-加文件名的方式添加,例如:filename-index.html
  • 新增显示重点代码行,可以在prettify.css文件的.important 中自定义设置重点行样式,多行用英文逗号 “,” 隔开;文本编辑器中可以直接通过添加importlines:加重点行号的方式添加,例如:importlines:1,3,4 ;特别注意:行号从1 开始索引,不是0;
  • 重构了可视化编辑器插入代码的功能。

2017年06月12日 v2.0 更新:

  • fix bug:WordPress更新,导致插件脚本报错。
  • 重构了可视化编辑器插入代码的功能。
  • 新增:代码复制到微信公众号文章中可以正常显示。

继续阅读