给已知大小的元素设置上下左右居中
产品经理:我这有一张200×200的图片,你帮我在浏览器上居中显示一下!
【方法1】定位后,上下左右的位置均设置0,最后设置margin为auto就可以啦!
.photo {
width: 200px;
height: 200px;
position: fixed;
top ... 阅读全文 »
barben
4年前 (2019-08-06) 2811浏览 0评论
8个赞
打个比方
我有个网页,打开之后就弹个公告或者广告出来,反正就是要弹个窗。
你如果不点击”下次不再提醒”之类的东西,那它下次还是会给你弹出来!!!
比方是谁,你为什么要打他?
实现方法:用户点击”不再弹出”后就写入一个值,例如:butanchuang = true,每次页面加载完毕后就判断butanchuang ... 阅读全文 »
barben
4年前 (2019-06-11) 3061浏览 0评论
10个赞
还记得上周使用百度翻译API的时候,需要提交以下字段。
字段名
类型
必填参数
描述
备注
q
TEXT
Y
请求翻译query
UTF-8编码
from
TEXT
Y
翻译源语言
例如:zh中文、en英语,可设置为auto自动检测
to
TEXT
Y
译文语言
例如:zh中文、en英语,不可设置为auto自动检测
appid
INT
... 阅读全文 »
barben
4年前 (2019-05-30) 2726浏览 0评论
10个赞
今天又是个在家摸鱼的一天,想 敲一下BUG 写个在线翻译功能。
随之就取下了百度翻译开放平台技术文档中的示例接口地址,试试能否正常请求下来。
用axios来请求,真香
axios.get('http://api.fanyi.baidu.com/api/trans/vip/translate?q=apple&from=en&to=zh& ... 阅读全文 »
barben
4年前 (2019-05-19) 22838浏览 2评论
11个赞
自从手机OTA升级到了IOS12.3之后,耗电如流水。
然而听说用电脑重新刷机一遍可以解决耗电的问题,二话不说就开干了!
iTunes 12.9.4.102 Crashed
iTunes 12.9.4.102 已崩溃。已在以下位置创建 minidump 文件:
C:\Users\Bourbon-Bear\Desktop\iTunes Crash Logs\i ... 阅读全文 »
barben
4年前 (2019-05-03) 2468浏览 0评论
7个赞
昨天经理又大驾光临了一趟,说公司网站被挂马…
既然不懂渗透,那我只能瞎摸呗…
看看首页文件中都有些什么?
惨不忍睹的三大标签:
还有一段js代码,复制到百度上发现这段代码基本上都是出现在被黑的网站上,然而我也不知道是什么东西…
<script type="text/javascript">
window[" ... 阅读全文 »
barben
4年前 (2019-04-20) 2036浏览 0评论
8个赞
问题起源
昨天经理突然找我,说项目中有一个样式写炸了,不会自动换行。
我就去看了下,觉得很奇怪,正常输入中文的情况下自动换行都正常,怎么一个比较长的链接就能自带溢出这种操作的???
折腾历程
在经历了很多次百度…
p标签自动换行 百度一下
p标签里的链接不换行 百度一下
又看了一遍 overflow 属性…
都没有得到答案,好像 ... 阅读全文 »
barben
4年前 (2019-04-12) 2870浏览 0评论
10个赞
前段时间碰见这样一个人:
和我的网站做友链,并且也已经先行添加了我方友情链接
那我这作为收录不多的小站,能有一个友链当然很高兴啦!!!
但是从他的友链页面点进我站就发现了不对劲…
页面白屏几秒钟才跳转到我的博客,一看浏览器地址栏,原来是做了跳转…
接下来我又顺手点开了审查元素,瞬间对这种人无话可说!
讲到这里,我就来谈谈这些代码的 ... 阅读全文 »
barben
4年前 (2019-04-02) 2118浏览 0评论
8个赞
我在发布文章《Vue.js实现简易的搜索功能》的时候,正好有录屏的需求,所以在哆啦A梦的口袋里翻了半天(动漫里的故事都是骗人的),终于翻到了一款不仅小,而且还高质量高清晰度还可以自定义帧数的GIF录屏软件!!!
用得人不多,但是很多人也找不到这么棒的东西
这是录屏软件的设置,功能太多我就不一一描述了,各位自行折腾。
以上面这张设置动态图为例,放大后都能很清 ... 阅读全文 »
barben
4年前 (2019-03-30) 1784浏览 0评论
11个赞
这个搜索功能的实现很简单,无论是方法还是逻辑(思路在文章末尾),使用的仅仅只有filter和match这两个方法,那现在就上两个简易的demo吧!
Demo1:输入框内容改变自动搜索
HTML代码
<div id="app">
<input type="text" placeholder="请输入您需要查询的内容" v-mode ... 阅读全文 »
barben
4年前 (2019-03-30) 25345浏览 7评论
27个赞