随笔分类 - Frontend
摘要：<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：offsetParent is containing block 1. position: static; offsetTop 元素的上外边距到containing block的上内边距 (containing block的padding + element.margin) <!DOCTYPE ht
阅读全文
摘要：Element: scrollHeight property - Web APIs | MDN (mozilla.org) <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA
阅读全文
摘要：<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：overflow: hidden, display: inline-block => BFC padding position float border padding
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：background-image: linear-gradient(45deg, blue 100px, red, green); background-image: repeating-linear-gradient(red 50px, yellow 100px); background-imag
阅读全文
摘要：当使用行内元素进行排版的时候，元素之间的符号采取一个都不放过的原则，通通都会都浏览器渲染，其中就包括换行符和空格，这两个极易被我们忽视的符号也会被浏览器渲染。，根据white-space的处理方式（默认是normal，合并多余空白）会将HTML中回车换行符转换成空白符，在字体不为空的情况下，会占据一
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：web storage API: <script> for(let b = 0; b < 10; ++b) { localStorage.setItem(`vault-${b}`, `vaunt-${b}`) } console.log(localStorage.length) localStora
阅读全文
摘要：npm config -h npm config list prefix 为 --globa 的安装路径 npm config edit 调用notepad编辑 npm ls npm list -g 全局模块 npm list recast
阅读全文
摘要：const mysql=require('mysql') const link=mysql.createConnection({ host:'localhost', port:3306, user:'root', password:'cruces', database:'abate', }) //
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：login.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<?php session_start(); // $_SESSION['login']=11; echo $_SESSION['login']; ?> <?php // var_dump($_GET); echo '<br/>'; $username=$_GET['username']; $pas
阅读全文
