全部

CSS 禁止选中内容

我们可以通过 user-select 属性来禁止选中页面中的内容,包括文本、图片等,代码示例: .no-select { -moz-user-select: none; -webkit-user-select: none; user-select: none;} <div class="box">这段文字可以被选中</div><div class="box no-select">这段文字不可以被选中</div>

CSS 禁止选中内容

使用 font-display 优化 Web fonts 的加载

Web fonts 的使用越来越广泛,可以允许我们在页面上使用用户终端上没有安装的字体,尤其是在图标的使用上。但由于字体的加载依赖网络环境,因此可能会带来一些性能及显示问题,比如网络环境较差时,Web fonts 并不能及时的显示出来,显示效果可能是一团糟。

使用 font-display 优化 Web fonts 的加载

Flutter 初体验之环境搭建

Flutter 是 Google 出品的移动端 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。本人也久闻其大名,今天就牛刀小试一把,从搭建环境到编写出第一个简陋的应用,这里做了一个全过程的记录。

Flutter 初体验之环境搭建

在 Node.js 中把 HTML 页面导出为 PDF

在这个无纸化的时代,我们越来越多的日常操作是在 Web 页面上完成,比如编写文档、记笔记、签合同等等,但很多时候我们需要把这些数据转换为 PDF 文件下载下来,打印、归档或者是作为文件共享。 在 Chrome 浏览器中我们可以直接 「右键 -> 打印」来打印一个网页或者是存储为 PDF,但这样操作往往满足不了我们的需求,打印内容不容易定制并且操作也不够方便,我们希望点击一个「下载按钮」就能够把文件下载下来,这个时候就需要程序特殊处理了,那么在 Node.js 中该如何实现呢?

在 Node.js 中把 HTML 页面导出为 PDF

在 React 中使用 GraphQL

GraphQL 是一种基于 API 的查询语言,提供了一种可以描述的方式来获取我们想要的数据,它已经有了多种版本的实现,包括 JavaScript,那么今天我们就看一下在 React 项目中该如何使用 GraphQL。 首先来介绍一下我们所要使用的技术栈,前端页面使用 React,服务端使用 Koa,然后就是 Apollo GraphQL 了,一种基于 GraphQL 的解决方案集合。

在 React 中使用 GraphQL

JavaScript Decorators

Decorators,即装饰器的意思,是 JavaScript stage-2 阶段的一个草案,它作用于一个类或者类的方法和属性。 由于还处于草案阶段,因此我们使用装饰器还需要通过 babel 并配合 babel-plugin-transform-decorators-legacy 插件来编译。

JavaScript Decorators

Go 语言开发环境配置

学习 Go 语言,首先要配置开发环境,这里以 Mac 为例,我们可以直接下载 pkg 包安装,安装后的路径为 /usr/local/go,然后在 ~/.bash_profile 文件中配置环境变量。

Go 语言开发环境配置

自己动手实现一个 Promise

Promise 是什么?Promise 是一种异步编程的解决方案,代替了以前在异步函数中传入回调函数的写法,解决了深层嵌套引起的回调地狱问题。关于 Promise 的实现也有很多种,如 ES6 Promise, Bluebird, Q 等,但它们都遵循了一种规范,那就是 Promise/A+ 规范。那么今天我们就按照这个规范自己也实现一个 Promise。

零配置打包工具 Parcel 入门指南

Parcel 是一个新型的 Web 应用打包工具,快速、零配置、开箱即用,相对于 webpack 繁琐的配置来说简直是太精简了,并且内置了开发服务器,完美支持热替换,甚至构建基于 React、Vue、Sass 等需要代码转换的项目也几乎不需要任何配置,只需安装相应的依赖包即可。

零配置打包工具 Parcel 入门指南

在 Vue.js 项目中使用 Font Awesome

Font Awesome 是一个开源的图标库,提供了大量的免费图标供我们使用,今天来介绍一下在 Vue.js 项目中该如何使用它。 在开发页面时最经典的做法就是引入 Font Awesome 的 CSS 文件,然后在使用图标时,以i标签结合类名的方式使用,例如<i class="fas fa-user"></i>。但在 Vue 项目中,我们最好是以组件的方式使用,以符合组件化的思想。

在 Vue.js 项目中使用 Font Awesome