松鼠小筑

方法一：无损连接定理

关系模式R(U，F)的一个分解，ρ={R1<U1,F1>,R2<U2,F2>}具有无损连接的充分必要条件是：

U1∩U2→U1-U2 €F+ 或U1∩U2→U2 -U1€F+

2020-08-06

• 新增左侧菜单栏功能
• 新增菜单栏对比色功能

菜单栏实现：内侧标题position使用relative可自动上下移动，想打开和关闭的组件使用display:block和none控制显示与隐藏，在标题栏div添加onclick事件更改display参数即可实现

对比色实现：使用getelementsbyclassname获得一样classname的一个列表，for循环让列表[i]项的style.backgroundColor（注意这里和css不一样）变成不一样的颜色（加余数判定）

注意：for循环内如果设置多个表的颜色，表内元素必须相同，不然进行时报错回中止for循环！！！

2020-08-07

• 去除左右滚动条
• 调整左侧菜单布局样式

滚动条：overflow:scroll;overflow-x:hidden

2020-08-10

• 顶部菜单和右侧菜单添加一些内容
• 更改整体配色
• 更改整体布局，大小

右侧菜单设置有问题待修复，下拉菜单：

若要弄这样的表，灰色部分使用th白色部分用td就可以分开设置，td内部加input就可以输入值

2020-08-12

• 添加鼠标悬浮气泡功能
• 样式小调整

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

static showdiv(){ var tool = document.getElementsByClassName('geSidebarTooltip')[0]; //图片更改 var locate = this.firstElementChild.src; var cimg = tool.firstElementChild; cimg.src = locate; //文字更改 var words =this.id.charAt(4).toUpperCase() + this.id.substr(5); tool.children[1].innerText=words; //位置更改 var t = this.offsetTop; tool.style.top=t-10+'px'; tool.style.display='block'; } static hidediv(){ var tool = document.getElementsByClassName('geSidebarTooltip')[0]; tool.style.display='none'; } var cpnt_btn_list = document.querySelectorAll('.component_btn'); cpnt_btn_list.forEach(btn =>{ // formed as btn_ + component name var cpnt_str = btn.id.charAt(4).toUpperCase() + btn.id.substr(5); btn.component_type = eval(cpnt_str); btn.addEventListener("click", Component_btn.attachComponent); btn.addEventListener('mouseover',Component_btn.showdiv); btn.addEventListener('mouseout',Component_btn.hidediv); })

以上为气泡核心代码，思路为先获得目标位置，图片src和文字描述，再通过js代码换进去，添加mouse over和mouseout就可以添加鼠标悬浮和移出功能

只需要在html文件中添加一个div即可，div中添加主图img，下方文字div和左侧小箭头img。

2020-08-13

• 添加checkbox函数，可以控制输入框disable值
• 右侧菜单新增奇偶颜色效果
• 新增dragging bar箭头效果
• 修复bug

checkbox首先需要定义函数，添加onclick函数，定义两个变量分别选择box和需要更改的input list，第一个可以直接用id，第二个建议先选出父元素再用tagname选出input。添加判断条件q.checked，内部两个for循环就可解决，注意disabled是attrabute，需要用set和remove，set要传入两个参数

箭头效果用css就可以，用js不知道为什么会出错

2020-08-19

• 新增顶部工具栏标签
• 新增标签换颜色函数
• 将函数运用到左侧和顶部标签

button标签的border是没按下时的边框，outline是按下之后的边框，建议颜色都是inherit

h换色函数需要首先把所有标签都编号，判断当下颜色是否改变，没改变就变，然后把所有其他的都变成初始值

应用的时候使用箭头函数btn=>{}此时btn就是每次点击的this，使用匿名函数可以实现有参数的函数

2020-08-21

• 尝试svg
• 增加顶部工具栏标签个数

js中数字直接相加有可能是首尾相连，所以需要用parseInt转换！！

2020-08-31

• 完成批量增加html元素功能

添加时需要先选中要添加的位置，最好做一个空的div，然后使用innerHTML的方式直接添加，需注意的是换行和"都需要用\转义

删除时只需要将其innerHTML变成""就可以

2020-10-26

人工alert函数：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

<div id="light" class="white_content"> </div> <div id="fade" class="black_overlay"></div> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88); } .white_content { display: none; position: absolute; top: 35%; left: 45%; width: 10%; height: 15%; padding: 20px; background-color: white; z-index:1002; overflow: auto; border: 5px solid black; } function artificial_alert(text){ document.getElementById('light').innerHTML="<p>"+text+"</p><button type=\"button\" onclick=\"closeDialog()\">关闭</button>" if(document.getElementById('light').style.display== 'block'){ document.getElementById('light').style.display = 'none'; document.getElementById('fade').style.display = 'none'; }else{ document.getElementById('light').style.display = 'block'; document.getElementById('fade').style.display = 'block'; } }

原理就是动态添加需要alert的文字进去

2020-11-04

最近在搞bootstrap

导入时只需要

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

就可以，但是在npm下运行时需要把jq下载到本地，同时引入在线jq和本地jq才可以

输入框默认值，点击清除，不点击恢复：

onfocus="if(this.value=='test'){this.value=''}" onblur="if(this.value==''){this.value='test'}" value="test"

用for循环appendChild时不能只靠innerHTML修改元素，必须重新声明才可以

列表可以使用push 和pop

2020/11/23

实现长宽比：

垂直方向的padding

这是最早提出的一种实现方案，主要借助的原理是利用padding-top或者padding-bottom的百分比值，实现容器长宽比。在CSS中padding-top或padding-bottom的百分比值是根据容器的width来计算的。如此一来就很好的实现了容器的长宽比。采用这种方法，需要把容器的height设置为0。而容器内容的所有元素都需要采用position:absolute，不然子元素内容都将被padding挤出容器（造成内容溢出）。

比如我们容器的长宽比是16:9，那么根据计算：100% * 9 / 16可以得到56.25%。如果你希望的是4:3，那么对应的就是100% * 3 / 4。

具体的CSS代码如下：

1 2 3 4 5 6 7 8 9 10 11 12 13

.aspectration { position: relative; /*因为容器所有子元素需要绝对定位*/ height: 0; /*容器高度是由padding来控制，盒模型原理告诉你一切*/ width: 100%; } .aspectration[data-ratio="16:9"] { padding-top: 56.25%; } .aspectration[data-ratio="4:3"]{ padding-top: 75%; }

通过通配符*选择器，让其子元素的宽高和容器.aspectration一样大小：

1 2 3 4 5 6 7

.aspectration > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

Git学习笔记

发表于 2020-07-28 更新于 2022-01-15 分类于 Linux Disqus： 本文字数： 2.1k 阅读时长 ≈ 4 分钟

下载安装

• 到目标文件夹中git init初始化

• 把文件添加到git仓库使用命令git add <file>

• 使用命令 git commit -m <message>

• 要随时掌握工作区的状态，使用git status命令。

• 如果git status告诉你有文件被修改过，用git diff可以查看修改内容。

• HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令git reset --hard commit_id。（上一个是HEAD^,上100个是HEAD~100）

• 穿梭前，用git log可以查看提交历史，以便确定要回退到哪个版本。

• 要重返未来，用git reflog查看命令历史，以便确定要回到未来的哪个版本。

场景1：当你改乱了工作区某个文件的内容，想直接丢弃工作区的修改时，用命令git checkout -- file。

场景2：当你不但改乱了工作区某个文件的内容，还添加到了暂存区时，想丢弃修改，分两步，第一步用命令git reset HEAD <file>，就回到了场景1，第二步按场景1操作。

命令git rm用于删除一个文件

要关联一个远程库，使用命令git remote add origin git@server-name:path/repo-name.git；

关联后，使用命令git push -u origin master第一次推送master分支的所有内容；

此后，每次本地提交后，只要有必要，就可以使用命令git push origin master推送最新修改；.

要克隆一个仓库，首先必须知道仓库的地址，然后使用git clone命令克隆。

$ git clone [email protected]:1982606762/worked1

Git鼓励大量使用分支：

查看分支：git branch

创建分支：git branch <name>

切换分支：git checkout <name>或者git switch <name>

创建+切换分支：git checkout -b <name>或者git switch -c <name>

合并某分支到当前分支：git merge <name>

删除分支：git branch -d <name>

远程连接github：

1. 检查SSH keys是否存在

输入下面的命令，如果有文件id_rsa.pub 或 id_dsa.pub，则直接进入步骤3将SSH key添加到GitHub中，否则进入第二步生成SSH key

1 2	ls -al ~/.ssh # Lists the files in your .ssh directory, if they exist

2. 生成新的ssh key

第一步：生成public/private rsa key pair
在命令行中输入ssh-keygen -t rsa -C "[email protected]"

默认会在相应路径下（/your_home_path）生成id_rsa和id_rsa.pub两个文件，如下面代码所示

1 2 3 4

ssh-keygen -t rsa -C "[email protected]" # Creates a new ssh key using the provided email Generating public/private rsa key pair. Enter file in which to save the key (/your_home_path/.ssh/id_rsa):

第二步：输入passphrase（本步骤可以跳过）

设置passphrase后，进行版本控制时，每次与GitHub通信都会要求输入passphrase，以避免某些“失误”

1 2	Enter passphrase (empty for no passphrase): [Type a passphrase] Enter same passphrase again: [Type passphrase again]

sample result:

1 2 3 4

Your identification has been saved in /your_home_path/.ssh/id_rsa. Your public key has been saved in /your_home_path/.ssh/id_rsa.pub. The key fingerprint is: #01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db [email protected]

第三步：将新生成的key添加到ssh-agent中:

1 2 3 4

# start the ssh-agent in the background eval "$(ssh-agent -s)" Agent pid 59566 ssh-add ~/.ssh/id_rsa

3. 将ssh key添加到GitHub中

用自己喜欢的文本编辑器打开id_rsa.pub文件，里面的信息即为SSH key，将这些信息复制到GitHub的Add SSH key页面即可

Git教程

发表于 2020-07-28 更新于 2022-01-15 分类于 Linux Disqus： 本文字数： 31k 阅读时长 ≈ 56 分钟

目录

• 一、版本控制概要 工作区 暂存区 本地仓库 远程仓库

  • 1.1、什么是版本控制

  • 1.2、常用术语

  • 1.3、常见的版本控制器

  • 1.4、版本控制分类

    • 1.4.1、本地版本控制
    • 1.4.2、集中版本控制
    • 1.4.3、分布式版本控制

  • 1.5、Git与SVN最主要区别

    阅读全文 »

使用MYSQL QUERY browser时出现error1251的解决方案

发表于 2020-07-15 更新于 2022-01-15 分类于 Linux Disqus： 本文字数： 281 阅读时长 ≈ 1 分钟

出现1251一般是密码问题

首先使用cmd 输入

1	mysql -u root -p

登录后输入

1 2 3 4 5

mysql> alter user root@localhost identified by 'newpassword' password expire never; mysql> alter user root@localhost identified with mysql_native_password by 'newpassword'; mysql> flush privileges;　　　　# 刷新权限

newpassword是新密码

之后就可以正常链接了