标签：web前端

herman 7年前 (2018-01-24) 3649浏览 0评论

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

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

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

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

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

herman 7年前 (2017-10-30) 3375浏览 0评论

微信和QQ聊天框内，收到和发送的消息都会在一个带有小箭头的框框内显示。这个效果看起来很不错，到底是怎么实现的呢？本文将带你实现仿微信聊天框和仿QQ消息聊天框。 做到三角图形的生成，最经典的应该是使用CSS border属性了，如果是纯色三角...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

koa 框架对cookie的操作也有封装。而且api也相当的简单。 我们可以根据Context提供的两个方法来对cookie进行访问和修改。 ctx.cookies.get(name, [options]) 获得 cookie ...

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

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

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

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

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

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