前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一些小参考

一些小参考

作者头像
用户7267083
发布2022-12-08 14:26:23
6170
发布2022-12-08 14:26:23
举报
文章被收录于专栏:sukuna的博客sukuna的博客

一些小参考

于2021年10月21日2021年10月21日由Sukuna发布

git语句集合

git本质就是记录对文件的修改,通过对文件的修改求和来求出文件的最后样子

工作区(你本身的电脑)和版本库(git仓库,仓库里面有git的主体和暂存区),首先是工作区提交到暂存区(可以重复很多次),然后暂存区提交到git主体就是提交改变内容,插入分支里面(git commit的话只会commit暂存区内容)

安装:(Shell)sudo apt-get install git

在某个文件夹里面创建新的版本库:

代码语言:javascript
复制
$ mkdir learngit$ cd learngit$ pwd/root/learngit$ git init

添加文件

代码语言:javascript
复制
xxxxxxxxxx$ git add readme.txt$ git commit -m "wrote a readme file"(""内的为本次更改的说明)

查询状态

代码语言:javascript
复制
xxxxxxxxxx$ git status

查看本地库和git库的差别

代码语言:javascript
复制
xxxxxxxxxx$ git diff readme.txt 

查询修改记录

代码语言:javascript
复制
xxxxxxxxxx$ git log$ git reflog(更强大)

版本修改:

代码语言:javascript
复制
xxxxxxxxxx$ git reset --hard (version number or HEAD^)

获得git仓库里面最近一次add或者commit的版本

代码语言:javascript
复制
xxxxxxxxxx$ git checkout -- readme.txt

暂存区的修改撤销掉

代码语言:javascript
复制
xxxxxxxxxx$ git reset HEAD readme.txt$ git checkout -- readme.txt

删除版本库

代码语言:javascript
复制
xxxxxxxxxx$ git rm test.txt

ssh key

代码语言:javascript
复制
xxxxxxxxxx$ ssh-keygen -t rsa -C "youremail@example.com"#在/root/User/.ssh/id_rsa.pub

连接远程库

代码语言:javascript
复制
xxxxxxxxxx$ git remote add origin git@github.com:url

推送到远程库

代码语言:javascript
复制
xxxxxxxxxx$ git push <远程主机名> <本地分支名>:<远程分支名>(本地==远程可以不用谢、写远程)$ git push origin(push all)

删除远程库

代码语言:javascript
复制
xxxxxxxxxx$ git remote rm origin

克隆仓库

代码语言:javascript
复制
xxxxxxxxxx$ git clone git@github.com:michaelliao/gitskills.git

创建分支

代码语言:javascript
复制
xxxxxxxxxx$ git branch dev

切换分支

代码语言:javascript
复制
xxxxxxxxxx$ git checkout dev$ git switch master

合并分支

代码语言:javascript
复制
xxxxxxxxxx$ git merge dev$ git merge --no-ff -m "merge with no-ff" dev(合并分支并且提交一个commiit)

查看所有分支

代码语言:javascript
复制
xxxxxxxxxx$ git branch

保存现场

代码语言:javascript
复制
xxxxxxxxxx$ git stash

回到工作现场

代码语言:javascript
复制
xxxxxxxxxx$ git stash pop

拉取远程仓库

代码语言:javascript
复制
xxxxxxxxxx$ git pull <远程主机名> <远程分支名>:<本地分支名>$ git pull origin(拉取全部)$ git pull origin master:brantest

因此,多人协作的工作模式通常是这样:

  1. 首先,可以试图用git push origin <branch-name>推送自己的修改;
  2. 如果推送失败,则因为远程分支比你的本地更新,需要先用git pull试图合并;
  3. 如果合并有冲突,则解决冲突,并在本地提交;
  4. 没有冲突或者解决掉冲突后,再用git push origin <branch-name>推送就能成功!

如果git pull提示no tracking information,则说明本地分支和远程分支的链接关系没有创建,用命令git branch --set-upstream-to <branch-name> origin/<branch-name>

这就是多人协作的工作模式,一旦熟悉了,就非常简单。

html标签合集

基础

<!DOCTYPE html>声明html文件的类型

<!-- 这是一个注释 -->表示注释

<hr>页面水平线

<br/>表示换行

<html>声明html主体文件

<head>声明文档的元数据

<title>声明页面的标题

<body>声明可见的页面内容

<h1\h2\h3>声明标题

<p>声明普通段落

<b>加粗

<i>斜体

<code>代码文本

<sub>下标

<sup>上标

<strong>定义加重语气

<del>删除线

<ins>插入语

<abbr>定义缩写

<a href="https://www.sukunahust.com" target="_blank">这是一个链接</a>a标签声明一个链接,链接的形式就是<a>之间的内容,target用于定义你超链接会在哪里显示

<img loading="lazy" src="/images/logo.png" width="258" height="39" style="float:right"/>用img标签声明一个图片,src表示图片的来源,这个又称之为图床,其中float属性代表图像浮动

<base href="http://www.sukunahust.com/images/" target="_blank">base命令相当于一个预处理命令,在这里,所有的链接会在前面加上www.sukunahust.com所有的target都是"_blank"

<link rel="stylesheet" type="text/css" href="mystyle.css">链接到外部的css,这里代表链接到mystyle.css里面的叫做text\css的样式,还加上stylesheet

<meta http-equiv="refresh" content="30" name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" name="author" content="Sukuna">描述基本元数据的,这里表示30秒刷新,作者信息和搜索殷勤关键词

<p style="color:blue;margin-left:20px;">这是一个段落。</p>这里表示内连样式

代码语言:javascript
复制
<style type="text/css">h1 {color:red;}p {color:blue;}</style>

这里表示内连样式表,在这个html文本里面,所有的h1和p标签内容都有这个特性

图像映射,

代码语言:javascript
复制
​x<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">​<map name="planetmap">  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"></map>
表格有关:
代码语言:javascript
复制
xxxxxxxxxx<h4>单元格跨两列:</h4><table border="1">  <caption>Monthly savings</caption>(表格标题)<tr>  <th>Name</th>(表格头)  <th colspan="2">Telephone</th></tr><tr>  <td>Bill Gates</td>(表格内容)  <td>555 77 854</td>  <td>555 77 855</td></tr></table>​<h4>单元格跨两行:</h4><table border="1"><tr>  <th>First Name:</th>  <td>Bill Gates</td></tr><tr>  <th rowspan="2">Telephone:</th>  <td>555 77 854</td></tr><tr>  <td>555 77 855</td></tr></table>
列表

无序列表

代码语言:javascript
复制
xxxxxxxxxx<ul><li>Coffee</li><li>Milk</li></ul>

有序列表

代码语言:javascript
复制
xxxxxxxxxx<ol><li>Coffee</li><li>Milk</li></ol>

当然,列表可以嵌套列表

代码语言:javascript
复制
xxxxxxxxxx<dl>  <dt>Math</dt>  <dd>Calculas</dd>  <dd>Linear Algebra</dd>  <dt>CS</dt>  <dd>Data Structure</dd>  <dd>Computer Networking</dd></dl>
区块与布局

区块元素,style标签适用于整个整体

代码语言:javascript
复制
xxxxxxxxxx<div style="color:#0000FF">  <h3>这是一个在 div 元素中的标题。</h3>  <p>这是一个在 div 元素中的文本。</p></div>

五位布局:

代码语言:javascript
复制
xxxxxxxxxx<div id="container" style="width:500px">​<div id="header" style="background-color:#FFA500;"><h1 style="margin-bottom:0;">主要的网页标题</h1></div>​<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;"><b>菜单</b><br>HTML<br>CSS<br>JavaScript</div>​<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">内容在这里</div>​<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">脚</div>​</div>

<nav>底部链接

<article>独立的文章

<section>部分

<aside>侧边栏

<footer>页脚

<figure><figcaption>内容和注释

表单

<form action="html_form_action.php" method="get">定义一个表单,这里就是点击提交按钮,输入数据就会到html_form_action.php里面

<input>表单选项,可以选择: <input type="text" name="firstname">普通文本框 <input type="password" name="pwd">密码 <input type="radio" name="sex" value="male">单选

<input type="color" name="favcolor">颜色

<input type="date" name="bday"> 日期

<input type="number" name="quantity" min="1" max="5">数字

<input type="range" name="points" min="1" max="10"> <input type="submit">滑动条

<input type="url" name="homepage">url

<input type="checkbox" name="vehicle" value="Bike">I have a bike多选

<input type="submit" value="Submit">提交按钮

<input type="file" name="img" multiple>提交文件

<datalist><option value=''>构成拖拽选项

杂项

嵌套显示页面:<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<output>输出

<keygen>加密

颜色定义#数字

表单属性

autocomplete自动填充

novalidate不验证

input的form属性规定输入域所属的一个或多个表单

formaction规定了提交的动作可以与action不同

formenctype规定了post模式下的数据编码形式

formmethod规定提交的模式:是POST还是GET

formnovalidate验证

formtarget="_blank"提交到新的页面上

multiple提交多个

pattern="[A-Za-z]{3}"正则表达式规定

placeholder显示期待的值

required必填项

step规定填几的倍数

插入脚本:

代码语言:javascript
复制
xxxxxxxxxx<script>document.write("Hello World!")</script><noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>
canvas画布:

定义一个canvas画布

代码语言:javascript
复制
xxxxxxxxxx<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"></canvas>
代码语言:javascript
复制
xxxxxxxxxx<script>在js代码里面画画var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);//路径ctx.moveTo(0,0);ctx.lineTo(200,100);ctx.stroke();ctx.arc(95,50,40,0,2*Math.PI);//圆  // 创建渐变var grd=ctx.createLinearGradient(0,0,200,0);grd.addColorStop(0,"red");grd.addColorStop(1,"white"); // 填充渐变ctx.fillStyle=grd;ctx.fillRect(10,10,150,80);</script>

svg(和canvas类似的东西)

代码语言:javascript
复制
xxxxxxxxxx<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">  <polygon points="100,10 40,180 190,60 10,60 160,180"  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"></svg>
简单的javascript的应用

button按钮可以用onclick来规定,摁了按钮之后就进行怎样的处理

代码语言:javascript
复制
xxxxxxxxxx<p id="demo">点击按钮获取您当前坐标(可能需要比较长的时间获取):</p><button onclick="getLocation()">点我</button><script>var x=document.getElementById("demo");function getLocation(){  if (navigator.geolocation)  {    navigator.geolocation.getCurrentPosition(showPosition);  }  else  {    x.innerHTML="该浏览器不支持获取地理位置。";  }}​function showPosition(position){  x.innerHTML="纬度: " + position.coords.latitude +   "<br>经度: " + position.coords.longitude; }function showError(error){  switch(error.code)   {    case error.PERMISSION_DENIED:      x.innerHTML="用户拒绝对获取地理位置的请求。"      break;    case error.POSITION_UNAVAILABLE:      x.innerHTML="位置信息是不可用的。"      break;    case error.TIMEOUT:      x.innerHTML="请求用户地理位置超时。"      break;    case error.UNKNOWN_ERROR:      x.innerHTML="未知错误。"      break;  }}</script>
多媒体:

<video>用于展示视频资源

<source src="movie.mp4" type="video/mp4">在里面添加src

<audio controls>用于展示音频资源

数据库

openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);

形势参数

  1. 数据库名称
  2. 版本号
  3. 描述文本
  4. 数据库大小
  5. 创建回调

执行数据库操作

代码语言:javascript
复制
xxxxxxxxxxdb.transaction(function (tx) {     tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');});
WebWorker(背后运行js代码)

运行的机理都是一样的,生成一个对象然后用onmessage来处理,用RTTI来获得result元素,改变内部html代码

代码语言:javascript
复制
xxxxxxxxxxvar i=0;​function timedCount(){    i=i+1;    postMessage(i);    setTimeout("timedCount()",500);}//递归timedCount();

这是一个js代码demo_worker.js,每次访问这个的时候都会postMessage出去,只要没有执行下一次PostMessage,那么传出去的数据就不会变.

代码语言:javascript
复制
xxxxxxxxxxvar w; function startWorker() {    if(typeof(Worker) !== "undefined") {      //创建workers        if(typeof(w) == "undefined") {            w = new Worker("demo_workers.js");        }      //有message传出来就执行,只要workers没有执行完毕,这里就不会停止        w.onmessage = function(event) {            document.getElementById("result").innerHTML = event.data;        };    } else {        document.getElementById("result").innerHTML = "抱歉,你的浏览器不支持 Web Workers...";    }} function stopWorker() {     w.terminate();    w = undefined;}
EventSource对象(背后运行php代码)
代码语言:javascript
复制
xxxxxxxxxxif(typeof(EventSource)!=="undefined"){    // 浏览器支持 Server-Sent    // 一些代码.....  var source=new EventSource("demo_sse.php");//根据php代码来建立EventSource  //根据传来的message来执行动作  source.onmessage=function(event)  {      document.getElementById("result").innerHTML+=event.data + "<br>";  };}else{    // 浏览器不支持 Server-Sent..}
Web存储

2种:

  • localStorage – 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
  • sessionStorage – 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

API:

  • 保存数据:localStorage.setItem(key,value);
  • 读取数据:localStorage.getItem(key);
  • 删除单个数据:localStorage.removeItem(key);
  • 删除所有数据:localStorage.clear();
  • 得到某个索引的key:localStorage.key(index);
代码语言:javascript
复制
xxxxxxxxxx<script>function clickCounter(){  if(typeof(Storage)!=="undefined")  {    if (sessionStorage.clickcount)    {      sessionStorage.clickcount=Number(sessionStorage.clickcount)+1;    }    else    {      sessionStorage.clickcount=1;    }    document.getElementById("result").innerHTML="在这个会话中你已经点击了该按钮 " + sessionStorage.clickcount + " 次 ";  }  else  {    document.getElementById("result").innerHTML="抱歉,您的浏览器不支持 web 存储";  }}</script><p><button onclick="clickCounter()" type="button">点我!</button></p><div id="result"></div>
字符实体:

字符

实体编号

实体名称

描述

非间断空格(non-breaking space)

¡

¡

¡

倒置感叹号(inverted exclamation mark)

¢

¢

¢

美分符号(cent)

£

£

£

英镑符号(pound)

¤

¤

¤

货币符号(currency)

¥

¥

¥

人民币/日元符号(yen)

¦

¦

¦

间断的竖杠(broken vertical bar)

§

§

§

小节号(section)

¨

¨

¨

分音符号(spacing diaeresis)

©

©

©

版权所有(copyright)

ª

ª

ª

阴性序数记号(feminine ordinal indicator)

«

«

«

左双角引号(angle quotation mark (left))

¬

¬

¬

否定符号(negation)

­

­

软连字符(soft hyphen)

®

®

®

注册商标(registered trademark)

¯

¯

¯

长音符号(spacing macron)

°

°

°

度符号(degree)

±

±

±

加减号/正负号(plus-or-minus)

²

²

²

上标 2(superscript 2)

³

³

³

上标 3(superscript 3)

´

´

´

尖音符号(spacing acute)

µ

µ

µ

微米符号(micro)

段落符号(paragraph)

·

·

·

中间点(middle dot)

¸

¸

¸

变音符号(spacing cedilla)

¹

¹

¹

上标 1(superscript 1)

º

º

º

阳性序数记号(masculine ordinal indicator)

»

»

»

右双角引号(angle quotation mark (right))

¼

¼

¼

1/4 分数(fraction 1/4)

½

½

½

1/2 分数(fraction 1/2)

¾

¾

¾

3/4 分数(fraction 3/4)

¿

¿

¿

倒置问号(inverted question mark)

SQL语句合集(用MySQL)

mysql -u root -p进入MySQL

代码语言:javascript
复制
cd /usr/bin./mysqld_safe &

启动SQL

CREATE DATABASE 数据库名;创建数据库

drop database 数据库名;删除数据库

use 数据库名;选择数据库

CREATE TABLE table_name (column_name column_type,column_name column_type);创建表,用逗号隔开

DROP TABLE table_name ;删除表

代码语言:javascript
复制
xxxxxxxxxxINSERT INTO table_name ( field1, field2,...fieldN )                       VALUES                       ( value1, value2,...valueN );

插入数据:field对应变量名,一个field对应一个value,LIKE后面可以跟‘%…’用来表示正则表达式的匹配比如说 url LIKE '%com'表示选择url里面结尾是com的元素,order子句表示排序,[ASC]表示升序,[DESC]表示降序

代码语言:javascript
复制
xxxxxxxxxxSELECT column_name,column_nameFROM table_name[WHERE Clause][LIMIT N][ OFFSET M][WHERE condition1 [AND [OR]] condition2 ORDER BY field1 [ASC [DESC][默认 ASC]], [field2...] [ASC [DESC][默认 ASC]] {OR WHERE field1 LIKE condition1 [AND [OR]] filed2 = 'somevalue'}

查询数据,可以用*代替column_name,当然也可以用where语句限定列元素

更新数据:

代码语言:javascript
复制
xxxxxxxxxxUPDATE table_name SET field1=new-value1, field2=new-value2[WHERE Clause]

删除数据:WHERE表示条件

代码语言:javascript
复制
xxxxxxxxxxDELETE FROM table_name [WHERE Clause]

UNION操作:可以把两个SELECT的内容合并在一起

代码语言:javascript
复制
xxxxxxxxxxSELECT expression1, expression2, ... expression_nFROM tables[WHERE conditions]UNION [ALL | DISTINCT]SELECT expression1, expression2, ... expression_nFROM tables[WHERE conditions];

Gourp By:group by表示分组,可以统计

代码语言:javascript
复制
xxxxxxxxxxSELECT column_name, function(column_name)FROM table_nameWHERE column_name operator valueGROUP BY column_name;

连接:

  • INNER JOIN(内连接,或等值连接):获取两个表中字段匹配关系的记录。
  • LEFT JOIN(左连接):获取左表所有记录,即使右表没有对应匹配的记录。
  • RIGHT JOIN(右连接): 与 LEFT JOIN 相反,用于获取右表所有记录,即使左表没有对应匹配的记录。
代码语言:javascript
复制
xxxxxxxxxxSELECT (fields) FROM tableA nickname_for_tableA INNER JOIN tableB nickname_for_tableB ON (statement);

NULL:

  • IS NULL: 当列的值是 NULL,此运算符返回 true。
  • IS NOT NULL: 当列的值不为 NULL, 运算符返回 true。
  • <=>: 比较操作符(不同于 = 运算符),当比较的的两个值相等或者都为 NULL 时返回 true。

事物处理

用 BEGIN, ROLLBACK, COMMIT来实现(就是先不急着做,先放到队列里面,然后commit的时候再做)

  • BEGIN 开始一个事务
  • ROLLBACK 事务回滚
  • COMMIT 事务确认

正则表达式

模式

描述

^

匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 '\n' 或 '\r' 之后的位置。

$

匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性,$ 也匹配 '\n' 或 '\r' 之前的位置。

.

匹配除 "\n" 之外的任何单个字符。要匹配包括 '\n' 在内的任何字符,请使用像 '[.\n]' 的模式。

[…]

字符集合。匹配所包含的任意一个字符。例如, '[abc]' 可以匹配 "plain" 中的 'a'。

[^…]

负值字符集合。匹配未包含的任意字符。例如, '[^abc]' 可以匹配 "plain" 中的'p'。

p1|p2|p3

匹配 p1 或 p2 或 p3。例如,'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 则匹配 "zood" 或 "food"。

*

匹配前面的子表达式零次或多次。例如,zo* 能匹配 "z" 以及 "zoo"。* 等价于{0,}。

+

匹配前面的子表达式一次或多次。例如,'zo+' 能匹配 "zo" 以及 "zoo",但不能匹配 "z"。+ 等价于 {1,}。

{n}

n 是一个非负整数。匹配确定的 n 次。例如,'o{2}' 不能匹配 "Bob" 中的 'o',但是能匹配 "food" 中的两个 o。

{n,m}

m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。

%

类似于Unix的*

类型

类型

大小

范围(有符号)

范围(无符号)

用途

TINYINT

1 byte

(-128,127)

(0,255)

小整数值

SMALLINT

2 bytes

(-32 768,32 767)

(0,65 535)

大整数值

MEDIUMINT

3 bytes

(-8 388 608,8 388 607)

(0,16 777 215)

大整数值

INT或INTEGER

4 bytes

(-2 147 483 648,2 147 483 647)

(0,4 294 967 295)

大整数值

BIGINT

8 bytes

(-9,223,372,036,854,775,808,9 223 372 036 854 775 807)

(0,18 446 744 073 709 551 615)

极大整数值

FLOAT

4 bytes

(-3.402 823 466 E+38,-1.175 494 351 E-38),0,(1.175 494 351 E-38,3.402 823 466 351 E+38)

0,(1.175 494 351 E-38,3.402 823 466 E+38)

单精度 浮点数值

DOUBLE

8 bytes

(-1.797 693 134 862 315 7 E+308,-2.225 073 858 507 201 4 E-308),0,(2.225 073 858 507 201 4 E-308,1.797 693 134 862 315 7 E+308)

0,(2.225 073 858 507 201 4 E-308,1.797 693 134 862 315 7 E+308)

双精度 浮点数值

DECIMAL

对DECIMAL(M,D) ,如果M>D,为M+2否则为D+2

依赖于M和D的值

依赖于M和D的值

小数值

DATE

3

1000-01-01/9999-12-31

YYYY-MM-DD

日期值

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021年10月21日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一些小参考
    • git语句集合
      • html标签合集
        • SQL语句合集(用MySQL)
        相关产品与服务
        数据库
        云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档