lwxyfer

Getting logs

Branching

Checkout remote branch with the same name and tracking it

git checkout --track origin/<branc-name>

lwxyfer

// 表格斜角线
table td.crossed
{
   background-image: linear-gradient(to bottom right,  transparent calc(50% - 1px), red, transparent calc(50% + 1px)); 
}

lwxyfer

cssom = {
    // 获取元素在页面的绝对位置
    absPosition(node) {
        return node.getBoundingClientRect().top < 0 ? window.pageYOffset - Math.abs(node.getBoundingClientRect().top) : window.pageYOffset + node.getBoundingClientRect().top
    },
    // 读取页面垂直方向已滚动距离
    readScrollY() {
        return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
    },
    // 设置页面垂直滚动位置

lwxyfer

.container {
    &::-webkit-scrollbar {
    width: 8px;
    cursor: grab;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #2c2f4e;
    cursor: grab;

lwxyfer

const phone = '^1\d{10}$' // 11 phone number

const title = '^[\u4e00-\u9fa5_a-zA-Z0-9]+$'  // chinese, English, number, _

const domain = '^[a-zA-Z0-9][a-zA-Z0-9\-\.]{0,61}[^\.\-]$'  // domain 

lwxyfer

// Reference: https://github.com/souhe/reactScrollbar/blob/master/src/js/ScrollArea.jsx
// Always use this to implement elastic scroll animation 

const test = document.getElementById('test');
let timeStamp = 0;
let eventPreviousValues = {};

test.addEventListener('touchstart', () => {
  console.log('start');
})

lwxyfer

const http = require('http');
const path = require('path');
const fs = require('fs');
const url = require('url');
const os = require('os');

const server = new http.Server();

const interfaces = os.networkInterfaces();
const addresses = [];

lwxyfer

const os = require('os');
const interfaces = os.networkInterfaces();

const addresses = [];

for (let k in interfaces) {
  for (let k2 in interfaces[k]) {
    let address = interfaces[k][k2];
    if (address.family === 'IPv4' && !address.internal) {
      addresses.push(address.address);

lwxyfer

{{!< default}}

<header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
    <nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
        {{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>{{/if}}
        {{#if @blog.navigation}}
            <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
        {{/if}}
    </nav>
</header>

lwxyfer

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers