AdiHuang's notes

Search notes by tag

Select a tag

git 2026-05-28 GitHub 多账号混用方案总结（SSH + HTTPS）一台设备使用两个 GitHub 账号： 1. 账号 A（个人）：纯 SSH 方式，不依赖 GitHub CLI \(gh\) 2. 账号 B（工作 / 其他）：纯 HTTPS 方式，由 gh 管理登录与凭据两套认证完全隔离，不会串账号、权限混乱无需频繁执行账号切换命令 iterm2zshterminal 2026-04-22 iTerm2 增强指南 - 安装 Oh My Zsh 和实用插件 iTerm2 是 macOS 上功能强大的终端模拟器，搭配 Oh My Zsh 和实用插件可以大幅提升终端使用体验。本指南将详细介绍如何安装和配置完整的 iTerm2 增强环境。 1. 打开 iTerm2 2. 进入 Preferences → Profiles → Colors brew 2024-05-07 brew切换php版本 nodejsnvm 2024-01-09 nvm usage 显示帮助信息打印出安装的nvm版本从源代码下载并安装 <version , [ s]。如果可用，使用 .nvmrc 卸载一个版本使用自动 LTS（长期支持）别名“lts/ ”（如果可用）进行卸载。使用提供的 LTS 行的自动别名（如果可用）进行卸载。修改 PATH 以 git 2023-07-27 Git基础 .gitignore 文件指定了 Git 应该忽略的故意未跟踪的文件 npmnodejs 2023-05-09 npm link, unlink, remove 摘要 npm link 是将当前目录包链接到全局 npm remove g pka name 是将全局的链接的 pkg name 包移除 npm unlink pka name 是将当前项目中软链接的包移除 brew 2023-04-07 homebrew依赖关系 vue 2022-12-20 vue实现点击空白关闭弹窗，模拟下拉框Dropdown 方法一: 给外层容器定义一个阻止冒泡事件 @click.stop ，则该容器内的点击不会传递到外层容器，所以全局监听不到该点击事件，在该容器内部点击不会触发点击函数。当弹框出现时，点击外部空白区域，弹框关闭。方法二: 给外层容器设置一个 ref="mian" ，当 visibl js 2022-12-16 js Math取整，小数点保留后几位 js Math取整，小数点保留后几位 js 2022-12-13 js去除url指定参数 wechatios 2022-06-06 微信H5自定义分享在ios下失效的问题 ios分享失效，表现为不显示缩略图，自定义url不正确，无法获取title等 IOS：每次切换路由，SPA的url是不会变的，发起签名请求的url参数必须是当前页面的url(就是最初进入页面时的url) Android：每次切换路由，SPA的url是会变的，发起签名请求的url参 regex 2022-02-05 Regular Expressions 正则表达式方法 RegExp 是正则表达式的构造函数。使用构造函数创建正则表达式有多种写法：它接受两个参数：第一个参数是匹配模式，可以是字符串也可以是正则表达式；第二个参数是修饰符。如果第一个参数的正则表达式定义了修饰符，第二个参数又有值，则以第二个参数定义的修饰符为准，这是ES2015的 regex 2022-02-05 Regular Expressions 正则表达式语法什么叫普通字符？当我们写 a 的时候，我们指的就是 a ；当我们写爱的时候，我们指的就是爱。这就是普通字符，它在正则中的含义就是检索它本身。除了正则规定的部分字符外，其余的都是普通字符，包括各种人类语言，包括emoji，只要能够表达为字符串。 ^ 字符的英文是 car git 2021-10-20 git 修改本地和远程分支名称 git branch a 查看所有分支 git branch r 查看远程分支 git branch vv 查看本地分支所关联的远程分支 git branch m old branch new branch 重命名本地分支 git push origin :old branch terminalcli 2021-08-11 CommandLineTools reinstall sketch 2021-02-20 sketch中英文切换 Sketch 54版本之后会强制使用Mac系统语言使用Mac终端: git 2021-01-19 Git飞行规则(Flight Rules) 如果你用 git commit a 提交了一次变化(changes)，而你又不确定到底这次提交了哪些内容。你就可以用下面的命令显示当前 HEAD 上的最近一次的提交(commit): 或者如果你的提交信息(commit message)写错了且这次提交(commit)还没有推 vimcli 2020-08-13 vim cheatsheet vim: set ts=4 sw=4 tw=0 noet noautoindent fdm=manual : git 2020-05-25 git cheatsheet 中文速查表 (2019/09/16) linuxcli 2019-11-13 linux软链接创建、删除和更新软链接创建需要同级目录下没有同名的文件软链接地址最后不能含有“/”，当含有“/”时，删除的是软链接目标目录下的资源，而不是软链接本身这里修改是指修改软链接的目标目录 js 2018-10-22 js数组去重的方法 js 2018-10-16 js focus end js 2018-10-15 js链式取值（函数解析字符串）开发中，链式取值是非常正常的操作，如： res.data.goods.list[0].price 有时候会出现错误： Uncaught TypeError: Cannot read property 'goods' of undefined 使用: var c = { a: { js 2018-08-28 js获取url参数方法 js 2018-08-08 JS Standard 代码规范这是 JavaScript standard 代码规范的全文。掌握本规范的最好方法是安装并在自己的代码中使用它。使用两个空格进行缩进。 eslint: indent 除需要转义的情况外，字符串统一使用单引号。 eslint: quotes 不要定义未使用的变量。 es terminalcli 2018-08-08 mac apache start, stop, restart css 2018-08-07 css3 flex弹性布局摘要 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性设为Flex布局以后，子元素的 float 、 clear 和 vertical align 属性将失效决定主轴的方向（即项目的排列方向） row （默认值）: 主轴为水平方向，起点在左 git 2018-06-04 git shallow clone git clone 默认会下载项目的完整历史版本，如果你只关心最新版的代码，而不关心之前的历史信息，可以使用 git 的浅复制功能： depth=1 表示只下载最近一次的版本，使用浅复制可以大大减少下载的数据量，如果之后又想获取完整历史信息，可以使用下面的命令： npmwebpack 2018-05-31 webpack4 基本设置应用示例 (Nodejs -v10) dist node modules src package.json webpack.config.js webpack.config.entry.js（把需要编译的多个js入口单独写配置文件） npm install 安装命令（每个项目仅需执行一次） npm run scrip git 2018-05-28 Git 忽略文件不加入版本控制其它过滤条件？ : 代表任意的一个字符＊ : 代表任意数目的字符 {!ab} : 必须不是此类型 {ab,bb,cx} : 代表ab,bb,cx中任一类型即可 [abc] : 代表a,b,c中任一字符即可 [ ^abc] : 代表必须不是a,b,c中任一字符在用户目录下创建 npmreact 2018-02-22 create-react-app 使用摘要 Github地址: create react app 安装、启动命令初始目录结构 js 2018-01-19 图片上传预览, 通过file标签和js的FileReader接口用html的file标签就能实现图片上传前预览，就是通过file标签和js的FileReader接口，把选择的图片文件调用readAsDataURL方法，把图片数据转成base64字符串形式显示在页面上。 terminalcli 2017-08-11 Terminal 几个快捷键 ctrl + a ctrl + e ctrl + l ctrl + r ctrl + u ctrl + k option + 方向键 vagrant 2017-08-10 vagrant commond | describe | $ vagrant init | 初始化 $ vagrant up | 启动虚拟机 $ vagrant halt | 关闭虚拟机 $ vagrant reload | 重启虚拟机 $ vagrant ssh | SSH 至虚拟机 $ va linuxcli 2017-06-12 linux常用命令 brew 2017-05-24 homebrew升级更新卸载常用命令一般来说如果你追求新版本（不升级不舒服斯基），那么你最常用的操作序列就是这样： brew search MySQL brew info mysql 主要看具体的信息，比如目前的版本，依赖，安装后注意事项等 brew update 这会更新 Homebrew 自己，并且使得接下来的 js 2017-05-09 点击倒计时countdown csssass 2017-04-28 自定义字体 @font-face git 2017-03-21 Git使用摘要 Git是一个“分布式版本管理工具”，简单的理解版本管理工具：大家在写东西的时候都用过“回撤”这个功能，但是回撤只能回撤几步，假如想要找回我三天之前的修改，光用“回撤”是找不回来的。而“版本管理工具”能记录每次的修改，只要提交到版本仓库，你就可以找到之前任何时刻的状态（文本状态）。 js 2017-01-14 当弹出popup悬浮层时，禁止body滚动示例： csssass 2016-12-06 sass - Retinal屏border显示1px js 2016-10-31 Javascript、Jquery获取浏览器和屏幕各种高度宽度 Javascript: Jquery: css 2016-10-10 base.css 常用的base.css初始化样式 jsnodejs 2016-10-10 gulpfile.js gulpfile.js放置在根目录下，启动命令'gulp serve' // 组件 gulp browser sync // 自动刷新 cssretina 2016-10-04 Retina屏幕下border 1px解决方案 retinal屏幕下@2x, @3x会使css设定好的border 1px变成2倍或者3倍。以@2x为例，用css解决这个放大的问题（此方法能解决直线） jsretina 2016-10-04 retinajs使用摘要官方文档：retinajs 注：需要准备的图片名称格式 image.png image@2x.png image@3x.png 现在有4种实现方式： 1. 自动交换“img”标签的"src"路径。 2. 在内联样式中自动交换背景图像的网址。 3. 手动指定一个高分辨率的图像不同位 js 2016-09-27 jQuery插件的基本格式写法 js 2016-08-16 fastclick.js插件使用简单说明资源下载：fastclick.js 从点击屏幕上的元素到触发元素的 click 事件，移动浏览器会有大约 300 毫秒的等待时间。为什么这么设计呢？因为它想看看你是不是要进行双击（double tap）操作。 1.在HTML页面中添加注：必须在页面所有Element之前加载脚 csssass 2016-08-16 SASS用法指南 SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 2.1 安装 SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。假定你已经安装好了Ruby， php 2016-07-23 php发出http(post,get)请求 web service model很多时候需要使用别的web service来建造自己的web service，这就需要到使用服务器端进行请求http操作，post或者get请求。以上是发送请求的函数，具体操作如下： mysql 2016-07-18 mac下 navicat 如何连接本地 mysql（mamp pro 服务器） 1. 打开mac 下的 navicat 2. 建立相应的连接，点击设置连接属性。 3. 点击advanced 4. use socket ,打勾。输入/Applications/MAMP/tmp/mysql/mysql.sock php 2016-06-20 php提取文字并去除html标记，超出省略号表示 hexo 2016-04-14 hexo常用命令笔记 hexo n == hexo new hexo p == hexo publish hexo g == hexo generate hexo s == hexo server hexo d == hexo deploy hexo server Hexo 会监视文件变动并自动更新， markdown 2016-04-14 Markdown 语法 Markdown 的目標是實現「易讀易寫」。不過最需要強調的便是它的可讀性。一份使用 Markdown 格式撰寫的文件應該可以直接以純文字發佈，並且看起來不會像是由許多標籤或是格式指令所構成。 Markdown 的語法有個主要的目的：用來作為一種網路內容的寫作用語言。如果 jszepto 2016-03-26 zepto判断左右滑动 js 2016-03-25 跟随鼠标移动的悬浮提示框案例 js部分 html部分 js 2016-03-25 监听textarea的值的变化"propertychange js示例 jquery示例 css 2016-03-25 禁止复制、选中文本 js 2016-03-25 两个div同步滑动（js, jquery）方法一.使用js（适用web和wap）方法二.使用jquery（仅适用web） js 2016-03-25 判断是否是微信内置浏览器 cssios 2016-03-25 去除ios中input默认样式 js 2016-03-25 使用JS判断移动设备的终端类型方法一方法二 js 2016-03-25 checkbox 全选反选 css 2016-03-25 div设置最小高度（兼容IE6）标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min height:200px; 这里为了照顾不认识min height的IE6 可以这样定义 js 2016-03-25 div移动到顶部固定不变 cssjs 2016-03-25 IE6 png图片透明的2种方法一.图片当背景，CSS方法但是测试发现当给background:red url(logo.png) no repeat center;加了红色时，别的浏览器正常识别，ie6会出现依旧不识别的情况。解决办法是在外面套的标签，或body加背景色。（background color js 2016-03-25 input默认提示文字 js 2016-03-25 jquery倒计时页面跳转 js 2016-03-25 jquery获取outerHtml包含当前节点本身的代码 js 2016-03-25 jquery判断地址栏是否存在某参数 js 2016-03-25 jquery实现返回顶部 js 2016-03-25 jquery天时分秒倒计时 html js js 2016-03-25 js a链接不跳转 js 2016-03-25 JS历史返回代码 js 2016-03-25 js显示本地时间年月日 js 2016-03-25 js正则表达式限制文本框只能输入数字,小数点,英文字母 1.文本框只能输入数字代码(小数点也不能输入) 2.只能输入数字,能输小数点. 3.数字和小数点方法二 4.只能输入字母和汉字 5.只能输入英文字母和数字,不能输入中文 6.只能输入数字和英文 7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号: 8.小数点 js 2016-03-25 Query中阻止事件冒泡方式 js 2016-03-25 textarea自适应高度 html部分 js部分 css 2016-03-24 单行内图片和文字垂直居中(vertical-align:middle) 当图片和文字在div内单行排列时，文字会自动与图片的底部对齐，如果我们要使图片和文字垂直居中，只需要在图片img属性里加上vertical align:middle;就可以了。 css 2016-03-24 文字超出范围以省略号表示适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；说明： 1. webkit line clamp 用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的WebKit属性。常见结合属性： 2. display: webk css 2016-03-24 css控制外层div高度未知内层div高度100% 外层：div设置超出不显示，内层：div底部内边距10000px，div底部外边距 10000px。 css 2016-03-24 css透明度设置opacity css 2016-03-24 html5默认提示文字placeholder更改颜色 html 2016-03-23 contenteditable 属性规定是否可编辑元素的内容注释：可用于div模拟textarea自适应高度 html 2016-03-23 input text 去掉标签下拉提示(不显示下拉历史) 注释：autocomplete 属性适用于 form，以及下面的 input 类型：text, search, url, telephone, email, password, datepickers, range 以及 color。 markdown 2016-03-23 markdown常用基本语法概括在Markdown当中设置标题，有两种方式：第一种：通过在文字下方添加“=”和“ ”，他们分别表示一级标题和二级标题。第二种：在文字开头加上 “ ”，通过“ ”数量表示几级标题。（一共只有1 6级标题，1级标题字体最大）通过在文字开头添加“ ”表示块注释。（当和文字之间添 htmlmeta 2016-03-23 Meta告知IE浏览器兼容模式 x ua compatible(浏览器兼容模式) 仅对IE8+以效告诉浏览器以什么版本的IE的兼容模式来显示网页其中最后一行IE=edge是永远以最新的IE版本模式来显示网页的。另外加上Emulate模式 Emulate模式后则更重视<!DOCTYPE (细心的人会注意到， htmlmeta 2016-03-22 移动端wap用到的头部信息代码meta

No outline

js-outerHtml.md created 2016-03-25 updated 2016-03-25

jquery获取outerHtml包含当前节点本身的代码

$(".test").prop("outerHTML");
$(".test").clone();	//或者复制方法