作者：悦然wordpress建站(悦然建站）
2025年07月13日
制作网页端时候，有时候，需要一个透明的小图片，作为占位符，当然可以做一个小的png图片，但还得保存为一个图片文件，维护很麻烦。
今天分享几个小的图片，无需保存文件，直接在任何地方使用，简单方便：
2025年07月13日
蜂鸟网作者：粉红小象
出自蜂鸟网-索尼，原贴链接：
https://m.fengniao.com/thread/10915071.html
#索尼大法好# 一清早在外滩拍摄 透明女仆的题材，
原因是 1.早上人比较少，受干扰较少
2.外滩这里的道路都是以东西向为主，在清晨日出后的半小时有非常出彩的阳光。
早晨的阳光非常漂亮 我就先利用它来拍摄逆光以及侧逆光的画面。 而我使用A9 85GM 不仅可以获得漂亮的虚化 还有在逆光时强大的对焦性能
2025年07月13日
本文将介绍一些利用 CSS 中的 background、mix-blend-mode、mask 及一些相关属性，制作一些稍微复杂、酷炫的背景。
通过本文，你将会了解到 CSS background 中更为强大的一些用法，并且学会利用 background 相关的一些属性，采用不同的方式，去创造更复杂的背景图案。在这个过程中，你会更好的掌握不同的渐变技巧，更深层次的理解各种不同的渐变。
同时，借助强大的 CSS-Doodle，你将学会如何运用一套规则，快速创建大量不同的随机图案，感受 CSS 的强大，走进 CSS 的美。
2025年07月13日
1.使用场景：
在公司做的小程序，主要是提供线上购物使用。在购物车列表上，有这样一个场景，即当客人把衣服加购后一段时间，该衣服可能库存紧缺或是下架了，这时，我们需要在购物车项中，告诉客人该衣服已经下架，而不是让他下单结算时，才发现缺货。
因此，我需要做一个功能 ，在购物车上显示缺货样式。比如象如下界面：
2025年07月13日
当我们想给一个矩形或者其他能用border-radius生成的形状加投影时，box-shadow的表现都很棒的。但是，当元素添加可一些伪元素或半透明的装饰之后，border-radius会无视这些。
这是原本的图形：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
position: relative;
display: inline-flex;
flex-direction: column;
justify-content: center;
vertical-align: bottom;
box-sizing: border-box;
width: 5.9em;
height: 5.2em;
margin: .6em;
background: #fb3;
font: 200%/1.6 Baskerville, Palatino, serif;
text-align: center;
}
.speech{
border-radius: .3em;
}
.speech:before{
content: '';
position: absolute;
top: 1em;
right: -.7em;
width: 0;
height: 0;
border: 1em solid transparent;
border-left-color: #fb3;
border-right-width: 0;
}
.dotted{
background: transparent;
border: .3em dotted #fb3;
}
.cutout {
border: .5em solid #58a;
border-image: 1 url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg"\
width="3" height="3" fill="%23fb3">\
<polygon points="0,1 1,0 2,0 3,1 3,2 2,3 1,3 0,2"/>\
</svg>');
background-clip: padding-box;
}
</style>
</head>
<body>
<div class="speech">Speech bubble</div>
<div class="dotted">Dotted border</div>
<div class="cutout">Cutout corners</div>
</body>
</html>2025年07月13日
今天跟大家分享的是如何高效的定位iframe。我们来看一段最早的代码：
# coding: utf-8from selenium import webdriverfrom time import sleep
driver = webdriver.Firefox()
driver.get("http://blog.hexun.com/")
driver.find_element_by_id("read_btn").click()
driver.maximize_window()
sleep(3)driver.find_element_by_id("username").send_keys("账号")
driver.find_element_by_id("password").send_keys("密码")
driver.find_element_by_xpath(".//*[@id='login12']/div/div/div/div[3]/input").click()
sleep(3)
# 点击发送博客
driver.find_element_by_xpath(".//*[@id='login12']/div/div/div[3]/a[1]").click()
sleep(3)
curr = driver.current_window_handle
all_curr = driver.window_handles
for i in all_curr: if i != curr:
driver.switch_to.window(i)
sleep(2)
driver.find_element_by_id("hxjy_blog_tit").send_keys(u"我的文章") driver.switch_to.frame(driver.find_element_by_xpath(".//*[@id='editorContainer']/iframe"))
sleep(2) driver.find_element_by_xpath("html/body").click()
driver.find_element_by_xpath("html/body").send_keys(u"童林")
driver.switch_to.default_content()
# 页面下拉
js = "var q=document.documentElement.scrollTop=1000"
driver.execute_script(js)
driver.find_element_by_xpath(".//*[@id='hxjy_blog_label']").send_keys(u"测试")
driver.find_element_by_xpath(".//*[@id='postarticle']").click()
2025年07月12日
作为人类智慧的结晶，世界上最杰出的一些建筑具有震撼人心的力量。一起来欣赏世界各地令人惊叹的美丽建筑。
Semi-Destroyed In 1979 By The Earthquake In Albania. Rebuilt Two Years Ago
The Russian Ministry Of Agriculture, In Kazan
2025年07月12日
Chrome浏览器像每个网页浏览器一样，将访问网站的信息存储在历史记录中，并在用户访问chrome://history页面时提供给用户。这也可以通过按Ctrl+H键盘快捷键打开。历史页面上的每个条目都会显示所访问页面的URL、favicon、时间戳和页面标题。
当Google Chrome历史页面不足以提供你要找的信息时，谷歌已经准备好了一个“记忆”页面来管理和查阅用户的网络活动，该功能现在可在Canary通道版本的chrome://memories页面中使用，启用后就可以立即开始工作。