标签:web前端

HTML5

jspaint 教程

herman 6年前 (2018-01-24) 3591浏览 0评论

jspaint 是一个类似 Windows 画图的软件。和 Windows 画图不同的是,jspaint 是一个 web 版的绘图软件,可以媲美美图秀秀软件。 jspaint 目前已开源在 github 上。截止目前 star 已超过 27...

业余杂谈

Atom 编辑器实时同步编辑插件 teletype 教程

herman 7年前 (2017-11-18) 3961浏览 0评论

teletype 是一个可以与你的团队伙伴分享你当下的编程状态并可实时同步的工具,它需要配合 Atom 使用。目前它已在 github 上开源,本文介绍 teletype 的安装和基本用法。 下面我们先说说它的安装。命令行的安装方...

HTML5

CSS mask-image属性详细介绍

herman 7年前 (2017-11-18) 6364浏览 0评论

CSS mask遮罩属性的历史非常久远了,远到比CSS3 border-radius等属性还要久远,最早是出现在Safari浏览器上的,差不多可以追溯到09年。 不过那个时候,遮罩只能作为实验性的属性,做一些特效使用。毕竟那个年代还是IE浏...

HTML5

Bulma 定制开发

herman 7年前 (2017-10-24) 3598浏览 0评论

这个部分是高级内容,讲解如何定制 Bulma,也就是修改默认样式。Bulma 采用 Sass 语法(注意,不是 Scss 语法),所以定制的样式也必须使用 SASS。 首先,克隆或下载源码。 $ git clone https...

HTML5

详解 Bulma 文字、颜色、字体

herman 7年前 (2017-10-24) 4698浏览 0评论

Bulma 提供7个修饰指定文字大小。可以分别的使用于移动设备,平板设备,桌面设备等。本文将讲解它们的用法。 下面是 Bulma 提供的7种可供选择尺寸: is-size-1: 3rem is-size-2: 2...

HTML5

Bulma 响应式布局

herman 7年前 (2017-10-24) 4247浏览 0评论

Bulma 提供二十多种常用组件,比如表单 、表格、图标、面包屑、菜单、导航、Modal 窗口等等。简单的网站,可以不用写任何 CSS 代码。 Bulma 有五个宽度断点,分别是 mobile(手机)、tablet(平板...

HTML5

Bulma 框架网格体系(原理)

herman 7年前 (2017-10-24) 4239浏览 0评论

Bulma 的网格体系基于 Flex 布局,写起来非常容易。最简单的用法就是使用columns指定容器,使用column指定项目。 有兴趣的同学可以和 bootstrap 的网格布局对比对比。 <div class=&q...

HTML5

Bulma 框架教程

herman 7年前 (2017-10-24) 6338浏览 0评论

前面《Bulma 简介》一文中我们对 Bulma 有了最基本的认识,本文将介绍它 Bulma 的基本用法。 网页样式需要大量时间开发,最省事的方法就是使用 CSS 框架。而 Bulma 就是一款这样的框架。 Bulma 的安装...

HTML5

Bulma 简介

herman 7年前 (2017-10-24) 5663浏览 0评论

Bulma 是一个基于 Flexbox 的现代化的 CSS 框架,设计的初衷就是移动优先(Mobile First),模块化设计,可以轻松用来实现各种简单或者复制的内容布局,浏览器支持:浏览器支持:Chrome、Edge、Firefox...

HTML5

text-jusyify下的inline-block自适应列表布局实例

herman 7年前 (2017-10-23) 1891浏览 0评论

很多时候,我们希望列表的最后一行是左对齐排列的,而不是两端对齐,这时候怎么办呢?原理与上面的两端对齐一致。就是复制几个列表元素的外层标签,等宽,但高度为0,里面就是个(不可缺),复制的个数一般就是每行元素的列表个数啦,这样肯定可以保证最后一行元素...

HTML5

node.js Koa 框架 的错误处理

herman 7年前 (2017-08-09) 4673浏览 0评论

默认情况下Koa会将所有错误信息输出到 stderr,除非 NODE_ENV 是 "test"。为了实现自定义错误处理逻辑(比如 centralized logging),您可以添加 "error" 事件监...

HTML5

node.js Koa 框架 的中间件用法

herman 7年前 (2017-08-09) 3280浏览 0评论

Koa 的中间件通过一种更加传统(您也许会很熟悉)的方式进行级联,摒弃了以往 node 频繁的回调函数造成的复杂代码逻辑。 我们通过 generators 来实现“真正”的中间件。 Connect 简单地将控制权交给一系列...

HTML5

node.js Koa 框架 的路由用法

herman 7年前 (2017-08-09) 3863浏览 0评论

网站一般都有多个页面。通过ctx.request.path可以获取用户请求的路径,由此实现简单的路由。 所谓的路径,也就是多个页面进行相互间的跳转。 Koa Request 对象是对 node 的 request 进一步抽象和封装,提...