- 博客(315)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 [brew]切换brew源
切换brew源中科大源# 替换brew.git:cd "$(brew --repo)"git remote set-url origin https://mirrors.ustc.edu.cn/brew.git # 替换homebrew-core.git:cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-co
2021-08-07 17:10:04
1346
原创 [selenium] 键盘按键
键盘按键模拟全选，删除<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>键盘输入</title></head><body> <input name="username" value="username"></body></html>保存为keyboa
2021-07-12 10:52:44
373
原创 [selenium] 浏览器滚动条滚动到指定位置
浏览器滚动条滚动到指定位置利用driver.execute_script()来实现浏览器滚动条滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>scroll</title> <style type="text/css"> .box { height: 10000px; widt
2021-07-12 09:32:16
1107
原创 [selenium] 关闭 alert 弹框
关闭 alert 弹框当弹出 alert 框时，可以运用driver.switch_to.alert.accept()来关闭代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <button onclick="alert('heh
2021-07-12 09:05:07
3637
1
原创 vs studio2019解决下载慢的问题
目录vs studio2019解决下载慢的问题修改IPV4的首选DNS服务器下载 Visual Studio 引导程序vs studio2019解决下载慢的问题我只测试了 创建 Visual Studio 的脱机安装 这种下载方法，修改IPV4的首选DNS服务器后，下载速度由原来的10kb/s 提升到3M/sVisual Studio 的网络安装我并没有进行测试最近想学c#，都说vs studio 2019香，那就试试。但是其下载速度极慢。我是联通网络，按照网上的办法，修改HOSTS文件也
2021-01-19 11:16:32
5218
2
原创 农行k宝输入密码黑屏解决方法
农行k宝输入密码黑屏解决方法任务栏双击打开二代k宝管理工具点击系统选项-虚拟桌面配置把密码操作时使用虚拟桌面选否，点击确定即可这样在使用证书登录时，就不会有灰色的背景遮挡了...
2020-05-28 15:14:29
16387
转载 [css选择器] :first-child与:first-of-type的区别
:first-child与:first-of-type的区别原文链接： https://www.cnblogs.com/xuan52rock/p/4416228.html:first-child:first-child 选择器是 CSS2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码：<div> <p>第一个子元素</p>...
2019-08-26 15:42:04
330
原创 Element.scrollWidth
Element.scrollWidth是测量元素内容宽度只读的属性，包括因为溢出在屏幕上不可见的内容。scrollWidth的值等于不用横向滚动条把元素所有内容都包含在视窗里的最小值 ，scrollWidth的测量方式与clientWidth一致：它包括元素的内边距，但不包括边框，外边距和垂直滚动条(如果出现的话)。scrollWidth还可以包含伪元素的宽度如::before或::after...
2019-07-22 22:52:24
665
原创 [dom] offsetWidth
HTMLElement.offsetWidth返回元素的布局宽度的整数值。通常来讲 offsetWidth通常以像素为单位测量元素 CSS 宽，包括边框，边距、和垂直滚动条(如果渲染了)。它不包括伪元素的宽例如::before和::after。如果元素隐藏了(例如了元素或其祖先元素的style.display为none)，则会返回 0。语法var intElementOffsetWidt...
2019-07-22 22:21:19
489
原创 [dom] Element.clientWidth
Element.clientWidth属性对于inline和 (elements with no CSS 不太懂)元素返回 0，如果不是这样的元素则以象素为单位返回元素的里部距离，它包括内边距但是不包括边框，边距，和垂直的滚动条(如果出现的话)。语法var intElemClientWidth = element.clientWidth;intElementClientWidth是ele...
2019-07-22 21:54:00
615
原创 [css3] input 移动端 ios 点击有黑色背景闪一下
input 移动端 ios 点击有黑色背景闪一下给 input 添加样式input { -webkit-tap-highlight-color: transparent;}根据我的探索给 body 添加此样式也可以解决body { -webkit-tap-highlight-color: transparent;}...
2019-07-15 09:27:15
937
原创 [vue] vue实例中的$attr
vue实例中的$attr官方文档给出的解释是包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。下面我们来作个简单的 demo 来测试我们...
2019-07-11 09:32:26
9447
原创 [vue] v-bind使用技巧
v-bind使用技巧属性值不为真时，不会将属性绑定到元素上<template> <div id="app"> <div class="box" :data-a="null" :data-b="undefined" :data-c="false"> </div> </div></template>...
2019-07-11 09:03:22
595
原创 [css] input移动端适配问题
input移动端适配问题input 顶部有阴影问题input { -webkit-appearance: none; -moz-appearance: none; appearance: none;} 边框有圆解问题input { border-radius: 0}
2019-06-27 10:29:38
672
转载 [css3] 深入理解 css3 中的 flex-grow、flex-shrink、flex-basic
深入理解 css3 中的 flex-grow、flex-shrink、flex-basic原文链接： 深入理解css3中的flex-grow、flex-shrink、flex-basisflex为 css 的布局带来了新的时代，作为一个重构工程师，我们再也不用局限于 float 和 position，特别是在移动端，我们可以利用 flex 轻松实现以往 float 和 position 很难实...
2019-05-24 14:19:01
2746
1
转载 [CSS] 单位 em 和 rem 的区别
单位 em 和 rem 的区别原文链接： css中单位em和rem的区别在 css 中单位长度用的最多的是 px、em、rem，这三个的区别是：px 是固定的像素，一旦设置了就无法因为适应页面大小而改变。em 和 rem 相对于 px 更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。对于 em 和 rem 的区别一句话概括：em 相对于父元素，rem 相对于...
2019-05-13 15:11:27
392
转载 [css] margin 为负值产生的影响和常见布局应用
margin 为负值产生的影响和常见布局应用原文链接: margin为负值产生的影响和常见布局应用前言前几天去了一家公司面试前端，问了我双飞翼的布局，说实话，之前真没好好研究过实现原理。面试回来，查了下，主要都是用到了 margin-left 负数产生的效果。所以今天整理些 margin：负数会对哪些元素或者定义产生影响、margin 为负值在 web 布局中的应用做下总结。(不能说最全...
2019-05-10 10:33:26
1882
原创 [css] margin-left 为负值的应用
margin-left 为负值的应用按钮组中双边框隐藏要点：按钮设置为浮动，按钮组中非第一个按钮设置为向左浮动边框的距离<style type="text/css">.btn { padding: 6px 12px; border: 1px solid #ccc; display: inline-block; vertical-align: middle; ...
2019-05-09 14:11:42
3345
转载 [css3] :empty 选择器
:empty 选择器原文链接： CSS3 :empty 选择器实例指定空的 p 元素的背景色：p:empty { background: #ff0000;}在 jsrun 中打开示例 浏览器支持IEFirefoxChromeSafariOpera支持支持支持支持支持所有主流浏览器均支持 :empty 选择器，除了 IE8 及更早的版本。...
2019-05-09 13:21:07
400
原创 [css] vertical-align 探索使用
vertical-align 探索使用 在 jsrun 中打开示例 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user...
2019-05-08 10:10:36
299
原创 [css] display为inline-block会默认扩展为父元素的高度吗
display为inline-block会默认扩展为父元素的高度吗答案为不会，看下面的代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...
2019-05-07 11:43:49
1857
原创 [mac] 解决 mac 外接屏幕分辨率过高的问题
解决 mac 外接屏幕分辨率过高的问题之前 mac 用的外接屏幕的最高分辨率是 1920 x 1080，使用起来很舒服。最近换了块 2k 屏，默认分辨率为 2560 x 1440，分辨率过高导致字体很小看起来很不舒服手动调用外接屏幕分辨率System Preferences -> Displays在外接屏中央在这里我设置成了 2048 x 1152，这样浏览网页就很舒服了...
2019-04-23 08:07:17
13714
转载 [js] 创建对象 构造函数模式
构造函数模式前面几章介绍过， ECMAScript 中的构造函数可用来创建特定类型的对象。像Object 和 Array这样的原生构造函数，在运行时会自动出现在执行环境中。此外，也可以创建自定义的构造函数，从而定义自定义对象类型的属性和方法。例如，可以使用构造函数模式将前面的例子重写如下。function Person(name, age, job) { this.name = name;...
2019-04-11 17:56:10
737
转载 [js] 创建对象 工厂模式
工厂模式工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程。考虑到在 ECMAScript 中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节，如下面的例子所示。function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = ag...
2019-04-11 17:38:14
184
转载 [css] 实现文字一行居中，多行左对齐效果
实现文字一行居中，多行左对齐效果其实这种需求还是蛮常见的，主要用于产品列表页面，用于产品图片下面，显示产品的名称。想要实现的效果为：未知文字长度，当文字长度小于盒子宽度，也就是一行时，文字居中。当文字长度大于盒子的宽度，会自动换行，成为多行文字，此时文字左对齐利用行内元素我首先想到了这个思路，思路如下：p 标签设置为display:inline-block，并让 p 居中，p...
2019-04-09 22:45:49
7876
转载 [js] 函数 call()方法和 apply()方法
js 函数 call()方法和 apply()方法我们可以将call()和apply()看做是某个对象的方法，通过调用方法的形式来间接调用函数。如下代码，使用call()方法来调用一个对象的 Object.prototype.toString 方法，用以输出对象的类Object.prototype.toString.apply({}) // "[object Object]"call()...
2019-04-03 11:53:06
314
原创 js 函数中的 this 关键字
js 函数中的 this 关键字关于这个 this 关键字，也是很多项目中常常被用到的。那么，有人也许会问，干嘛要用 this 呢？在函数调用时，直接指明是什么对象在调用不就行了？还整那么个模模糊糊的概念出来干嘛？不过，存在即真理，既然有这么个东西，那也就有他存在的意义，下面来看看吧。js 函数调用 this 的场合首先，我们要先回忆一下 js 函数都有哪几种调用 this 的场合，有如下几...
2019-04-03 11:01:32
1050
原创 [HTML] samp 标签
HTML <samp> 标签字符序列 <samp>ae</samp> 可能会被转换为 æ 连字字符。 在 jsrun 中打开示例 注释：在 HTML 中，用于 “ae"连字的特殊实体是 “æ”，大多数浏览器都会将它转换成相应的"æ” 连字字符。定义和用法<samp> 标签表示一段用户应该对其没有...
2019-04-03 08:39:22
1116
原创 [HTML] kbd 标签
HTML <kbd>标签<kbd>标签定义键盘文本。实例键入 <kbd>quit</kbd> 来退出程序，或者键入 <kbd>menu</kbd> 来返回主菜单。 在 jsrun中打开示例 定义和用法<kbd>标签定义键盘文本。说到技术概念上的特殊样式时，就要提到<kbd>标签。正如你...
2019-04-03 08:29:47
1087
原创 [html] code 标签
code 标签表示计算机源代码或其他机器可以阅读的文本内容。定义和用法<code>标签用于表示计算机源代码或者其他机器可以阅读的文本内容。软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。<code>标签就是为他们设计的。包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来，对于大多数程序员和 W3School 的用户来说，这应该...
2019-04-03 08:17:32
1716
3
原创 [git] git拉取远程指定分支到本地
git拉取远程指定分支到本地我们经常会遇到，同事把一个分支(如feature-01)提交到了远程仓库，我们本地没有该分支，需要把该分支拉取到本地，查阅并修改，情况下如：$ git branch -a* dev master remotes/origin/dev remotes/origin/feature-01 remotes/origin/master要想把featu...
2019-04-02 17:09:31
16747
转载 [CSS] width 属性
width 属性原文链接： CSS width 属性实例设置段落的高度和宽度：p { height:100px; width:100px; } 在 jsrun 上查看示例 浏览器支持IEFirefoxChromeSafariOpera支持支持支持支持支持所有主流浏览器都支持 width 属性。注释： 任何版本的 Intern...
2019-03-28 23:06:22
818
转载 [CSS] max-height 属性
max-height 属性原文链接：max-height 属性实例设置段落的最大高度：p { max-height: 100px;} 在 jsrun 中查看示例 浏览器支持IEFirefoxChromeSafariOpera支持支持支持支持支持所有主流浏览器都支持 max-height 属性。注释： 任何版本的 Internet Exp...
2019-03-28 22:43:08
1325
转载 [CSS] height 属性
height 属性实例设置段落的高度和宽度：p { height: 100px; width: 100px;} 在 jsrun 上查看示例 浏览器支持IEFirefoxChromeSafariOpera支持支持支持支持支持所有主流浏览器都支持 height 属性。注释： 任何版本的 Internet Explorer (包括 IE8 )...
2019-03-28 22:28:08
597
原创 [css] body的默认margin值
body的默认margin值一般浏览器中都对body标签进行默认的margin设置为8px，当然，不同的浏览器会设置成不同的值，它是由浏览器的user-agent-stylesheet提供了，chrome提供的如下：body { display: block; margin: 8px;}有些浏览器的user-agent-stylesheet可以由用户进行修改，而有的浏览器...
2019-03-22 15:25:34
4923
2
转载 [css3] text-overflow 属性
text-overflow 属性原文链接：CSS3 text-overflow 属性实例div.test { text-overflow: ellipsis} 在 CodePen 中打开实例 浏览器支持IEFirefoxChromeSafariOpera支持支持支持支持支持定义和用法text-overflow 属性规定当文档溢出包含元素时...
2019-03-22 08:50:27
758
原创 [css] transform: scale 实战应用
transform: scale 实战应用突破浏览器显示最小字号的限制我们都知道，浏览器对最小字号显示是有限制的，一般默认为12px。我们来作个测试吧<style type="text/css"> .size-2 { font-size: 2px; } .size-4 { font-...
2019-03-21 09:49:35
2753
转载 [css] scale
scale原文链接：scale这是一个实验中的功能此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。CSS 属性 scale允许你可以分别且独立地指定 CSS 属性transform缩放的比例。这更好地映射到典型的 UI (用户界面)用法中，并免去了在指定变...
2019-03-21 09:06:46
1707
转载 [css] transform-origin
transform-origin原文链接： transform-origintransform-origin CSS 属性让你更改一个元素变形的原点。在 CodePen中打开示例 转换起点是应用转换的点。例如，rotate()函数的转换原点是旋转中心。(这个属性的应用原理是先用这个属性的负值转换该元素，进行变形，然后再用这个属性的值把元素转换回去)语法/* One-value sy...
2019-03-21 08:24:42
573
转载 [CSS] background-position 属性
background-position 属性原文链接： CSS background-position 属性实例如何定位背景图像body{ background-image:url('bgimage.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}...
2019-03-13 08:57:06
363
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人