- 博客(27)
- 收藏
- 关注
RSS订阅原创 使用SSH连接到GitHub
使用SSH连接到GitHub背景从2021年8月13日开始，在对Git操作进行身份验证时，GitHub.com将不再接受帐户密码，并将要求使用基于令牌的身份验证，例如个人访问令牌（对于开发人员）或OAuth或GitHub App安装令牌（对于集成商）适用于GitHub.com上所有经过身份验证的Git操作。您也可以根据需要继续使用SSH密钥。关于SSH协议使用SSH协议，你可以连接到远程服务器和服务并进行身份验证。使用SSH密钥，你可以连接到GitHub，而无需在每次访问时都提供用户名和个人访问
2021-01-26 13:49:08
808
原创 JavaScript-时区
JavaScript-时区简介时区是地球上的区域使用同一个时间定义。以前，人们通过观察太阳的位置（时角）决定时间，这就使得不同经度的地方的时间有所不同（地方时）。1863年，首次使用时区的概念。时区通过设立一个区域的标准时间部分地解决了这个问题。世界各国位于地球不同位置上，因此不同国家，特别是东西跨度大的国家日出、日落时间必定有所偏差。这些偏差就是所谓的时差。历史在农业社会，世界各地一般采用各自的地方时。十九世纪随着长途铁路运输的发展，1870年代加拿大铁路工程师弗莱明首次提出全世界按统一标准
2020-08-13 17:10:24
3124
原创 修改npm全局安装模式的路径
由于npm全局模块的存放路径及cache的路径默认是放在C盘下，这样肯定会增加C盘的负担，那么如果需要修改其存放路径应该怎么做呢？Windows下全局安装的默认路径为C:\Users\[UserName]\AppData\Roaming\npm在DOS窗口中输入npm config -g 可以查看npm的全局配置1. 在nodejs安装目录（也可以指定其它目录）下创建node_global和...
2019-11-29 16:26:50
528
原创 JavaScript浏览器检测
浏览器检测只读属性 Window.navigator 会返回一个 Navigator 对象的引用，可以用于请求运行当前代码的应用程序的相关信息。Last updated by: MountGaoJiang, 2019/09/27 17:36全球各大主流浏览器var sBrowser, sUsrAg = navigator.userAgent;// The order matters...
2019-09-27 17:45:25
315
原创 浏览器实现后退记忆浏览位置
浏览器实现后退记忆浏览位置需求简介当触发浏览器的后退按钮时，用户希望页面能返回到与上次离开时分毫不差的状态，这样便可继续浏览与操作；用户先是在列表页浏览，而后进入详情页浏览，后退返回列表页希望回到刚才的浏览位置继续浏览。浏览器现状浏览器行为表现PC端浏览器不重新请求页面本体，图片 / js / css 等没有改变的静态资源使用缓存（有小几率重新请求页面上全部的图...
2019-05-15 17:20:26
5280
原创 瀑布流插件(Wookmark)的使用及注意事项
瀑布流插件(Wookmark)的使用及注意事项序：对一个开发来说，最难过的是不在于为自己bug主动背锅，而是为别人背锅，特别是前任开发的锅。本文记录一下神前任开发隐藏了一年多将近两年的时间的bug，还望读者珍重。Wookmark瀑布流布局非常适合大量图片的展示，一改过去裁剪图片尺寸统一的排版，每张图片都能完全展示，并错落有致，让人眼前一亮。这是一个用于布局动态网格元素的插件。使用方法HT...
2019-02-25 18:34:09
957
2
原创 H5打开应用-URL Scheme
H5打开应用-URL SchemeURL schemescheme 是一种页面之间跳转的协议，不仅可以用于app之间进行跳转，还可以用于 H5 页面跳转到app页面。无论Android还是IOS，都可以通过在H5页面中打开 scheme 协议的地址，从而打开本地app。URL Schemes 有两个单词：URL，http://www.apple.com 就是个 URL，我们也叫它链接或...
2019-02-20 15:20:28
13919
原创 Facebook-手动构建登录流程
Facebook-手动构建登录流程实现Facebook登录的最简单，最快捷的方式是使用JavaScript，iOS和Android的官方SDK 。建议您按照这些平台的单独指南进行操作。但是，如果您需要在不使用SDK的情况下为应用程序实现基于浏览器的登录，例如在本机桌面应用程序的Webview（例如Windows 8）中，或者使用完全服务器端代码的登录流程，又或者平台的SDK失效的情况下，您可以...
2019-01-07 13:55:48
1939
原创 facebook-share(分享)
Facebook-分享Open Graph Protocolog是一种新的HTTP头部标记，即Open Graph Protocol：The Open Graph Protocol enables any web page to become a rich object in a social graph.这种协议可以让网页成为一个“富媒体对象”。用了Meta Property=og标签，...
2019-01-05 15:26:27
16326
7
原创 CSS隐藏滚动条
CSS隐藏滚动条横向滑动/滚动隐藏滚动条简介移动端浏览器将页面的滚动条自动隐藏，同时又保证页面可以滚动，用户可以手动上下翻。PC端浏览器不会将页面的滚动条自动隐藏，在出现横向滚动条时候有可能会覆盖内容，直接隐藏横向滚动条会导致无法横向滚动。如何做到既隐藏滚动条，又可以横向滚动？设想是不是可以隐藏了滚动条的大部分，留下一小部分，用来滚动查看内容。下面一起来实现这个hack吧示例...
2018-12-10 17:31:53
2970
原创 谷歌字体 Google Fonts
Google Fonts获取字体Google Fonts不再屏蔽，亲测有效。1、打开Google fonts 访问地址：https://fonts.google.com/2、点击 + 添加字体3、点开下方的小弹窗，按照步骤将选择的字体进行应用使用字体1、要将所选字体嵌入网页，请将此代码复制到<head>HTML文档中。//standard<link href =...
2018-11-08 17:30:05
6940
原创 tree命令生成项目树形结构
tree命令生成项目树形结构linux和windows都有自带的tree命令mac则需要安装，才能使用1.tree作用tree命令以树状图列出目录的内容。2.tree命令的使用格式tree [-option] [dir]备注，tree命令中，dir缺省为当前目录3.tree命令的一些常用选项选项含义-a显示所有文件和目录-d只显示目录名称，不显示文...
2018-11-07 14:54:46
6960
原创 git基本使用
git操作我们先来理解下Git 工作区、暂存区和版本库概念工作区： 就是你在电脑里能看到的目录。暂存区： 英文叫stage, 或index。一般存放在 “.git目录下” 下的index文件（.git/index）中，所以我们把暂存区有时也叫作索引（index）。版本库： 工作区有一个隐藏目录.git，这个不算工作区，而是Git的版本库。git基本操作命令说明m......
2018-11-05 17:34:41
236
2
原创 readonly&disabled
readonly & disabledreadonly简介readonly 属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到...
2018-11-01 18:20:13
209
原创 drag & drop
drag &amp;amp; drop拖放事件DragEvent简介DragEvent接口是一个DOM事件，表示拖放交互。 用户通过在触摸表面上放置指针设备（例如鼠标）然后将指针拖动到新位置（例如另一个DOM元素）来启动拖动。 应用程序可以以特定于应用程序的方式自由解释拖放交互。事件类型dragstart当用户开始拖动元素或文本选择时，会触发dragstart事件。在拖动目标上触发...
2018-09-25 11:49:57
413
原创 HTMLElement.offset&HTMLElement.client&HTMLElement.scroll
HTMLElement.offset##HTMLElement.offsetParent简介HTMLElement.offsetParent 是一个**只读**属性，offsetParent 很有用，因为 offsetTop 和 offsetLeft 都是相对于其内边距边界的。获取一个元素的offsetParent按一下顺序获取：元素或其祖先元素的display属性被设置为none...
2018-09-20 15:25:44
551
原创 mouseenter&mouseleave
mouseenter&mouseleave简介 mouseenter当指针设备（通常是鼠标）移动到连接了侦听器的元素上时，会触发该事件。 mouseover 当指针设备（通常是鼠标）移动到附加了侦听器的元素或其子项之一上时，会触发该事件。 mouseleave当指针设备（通常是鼠标）移出连接有侦听器的元素时，会触发该事件。 mouseout ...
2018-08-21 10:22:09
3536
1
转载 DOMContentLoaded与load的区别
DOMContentLoaded与load的区别 转载自：https://www.cnblogs.com/caizhenbo/p/6679478.html(1)在chrome浏览器的开发过程中，我们会看到network面板中有这两个数值，分别对应网 络请求上的标志线，这两个时间数值分别代表什么？(2)我们一再强调将css放在头部，将js文件放在尾部，这样有利于优化页面的性能，...
2018-08-20 18:19:06
222
原创 DOMContentLoaded
DOMContentLoaded&nbsp;简介 当初始的&nbsp;HTML&nbsp;文档被完全加载和解析完成之后，DOMContentLoaded&nbsp;事件被触发，而无需等待样式表、图像和子框架的完成加载。另一个不同的事件&nbsp;load&nbsp;应该仅用于检测一个完全加载的页面。 在使用&nbsp;DOMContentLoaded&nbsp;更加
2018-08-20 18:18:22
1668
1
原创 remove
remove简介 该ChildNode.remove()方法从它所属的树中删除对象。 语法node.remove（）; 示例<div> <div id="testOne">test-1</div> <div id="testTwo">test-2</div>&am
2018-08-18 17:36:00
566
原创 getBoundingClientRect()
getBoundingClientRect()简介 Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。 语法var domRect = element.getBoundingClientRect（）;返回值返回的值是一个DOMRect对象，它是getClientRects()...
2018-08-18 17:35:08
9512
原创 焦点事件
focus /blur/focusin /focusout 事件简介 focus当 focusable 元素获得焦点时会触发该事件，不支持冒泡（不完全对）。 focusin当 focusable 元素即将获得焦点时会触发该事件，和focus一样，只是focusin支持冒泡。 blur当 focusable 元素失去焦点时会触发该事件，不支持冒泡（不完全对）...
2018-08-18 17:33:02
1992
原创 closest
closest简介 该closest方法返回当前元素（或当前元素本身）的最接近的祖先，该祖先与参数中给出的选择器匹配。如果没有这样的祖先，它就会返回null。 语法var elt = element .closest（selectors）; 示例<article> <div id="div-01">Here is div...
2018-08-10 15:41:51
1200
原创 oninput事件&onpropertychange事件&onchange事件&textIput事件
oninput事件&amp;amp;amp;amp;onpropertychange事件&amp;amp;amp;amp;onchange事件oninput事件简介 input，select，textarea元素值更改时引发输入事件。 这个事件支持冒泡。如果窗口支持，则input，select，textarea元素也受支持。注意：通过JavaScript改变input，select，textarea元素...
2018-08-10 12:09:20
832
原创 scrollIntoView()
scrollIntoView()简介 方法将调用它的元素滚动到浏览器窗口的可见区域。 PS：根据其他元素的布局，元素可能无法完全滚动到顶部或底部。 TIPS：页面（容器）可滚动时才有用！ 语法element.scrollIntoView（）; // 等同于element.scrollIntoView(true)element.scrollIntoView...
2018-08-09 16:51:55
5316
原创 beforeunload事件
beforeunload事件简介 当窗口，文档及其资源即将卸载时，将触发该事件。该文档仍然可见，此时事件仍可取消。 如果为returnValueEvent属性分配了一个字符串，则会出现一个对话框，要求用户确认离开该页面（参见下面的示例）。IE浏览器在对话框中显示返回的字符串，但其他浏览器会显示自己的消息。如果未提供任何值，则以静默方式处理事件。 注意：为了防止不需要...
2018-08-09 14:48:36
9741
2
原创 前端必看书籍 (books-frontend)
前端必看书籍一、JavaScript方面书籍1&amp;amp;amp;amp;amp;amp;nbsp;、JavaScript权威指南号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册； 2、&amp;amp;amp;amp;amp;amp;nbsp;JavaScript高级程序设计前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什
2018-08-07 16:05:56
1917
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人