CSS paint 实现Material Design Button

效果:

See the Pen by NINE () on .

CSS PAINT API

CSS Paint API,是API集合Houdini中的一部分,可以用来绘制图像,并作为需要设置image的css属性的值,比如background-image,border-image。

其他API如Layout API来实现布局,Parser API解析CSS表达式等。不过整体来......

使用JavaScript修改CSS变量

原文地址:

随便看到的顺便记一下,虽然比较短小

这是一段css变量(通常称为自定义属性)

:root {

--mouse-x: 0px;

--mouse-y: 0px;

}

你可能用它来设置定位

.mover {

left: var(--mouse-x);

top: var(--mouse-y);

}

要使用JavaScript来修改变量值,可以这样:

l......

重新审视Css Shapes

原文地址:

CSS Shape Level 1规范在Chrome和Safari浏览器上获得支持已经有许多年了,本周(2018/9/4那周)Firefox发布的生产版本Firefox 62中添加了对它的支持,并让我们能在Firefox开发者工具中更好的使用它。 在本文中,我将介绍一些CSS Shapes的使用示例。或许,是时候给你的设计中添加一些弯曲形状了?

CSS Shapes是什......

使用css grid实现github贡献图

原文地址:

图表分为四个部分

整体图形网格

"days"列

“month”行

图形方格

整体网格

贡献图可以分为三部分 - 星期列,月份行,和独立的方格

在主要的 .grid元素中,有三个元素

<div class="graph">

<ul class="months">......

Selection文本选择

Selection对象表示用户选择的文本范围或插入符号的当前位置

使用window.getSlection获取Selection对象

const selection = window.getSelection();

anchor指向开始选择的地方,focus指向结束的地方;

range是文档中连续的一部分,chrome中只能选一个区域,rangeCount是1,如果可以选......

nginx反向代理

反向代理(Reverse Proxy)方式是指以代理服务器来接受internet上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给internet上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。

场景:比较穷的我只有一台服务器,但在上面扔了很多依赖nodejs的接口和乱七八糟的服务

server {

listen 80;

serv......

class与构造函数

关于E6之前的"构造函数"

[[prototype]]和prototype

对象有一个[[prototype]]的属性,在有些浏览器中可以用__proto__获得,对象在创建时,这个属性会被赋一个非空值(大部分情况),[[protopype]]最终会指向Object.prototype

const a = {};

a.__proto__

// {construct......

Ajax

之前的实现AJAX的方式:

XMLHttpRequest

IE7及以上版本支持,老版本用ActiveXObject

属性

timeout

超时时间(毫秒)

status

请求的状态码,完整的可以参考:

statusText

响应状态,如 '200 OK'

readyState

状态

描述

......