• 欢迎来到八本那年博客,很高兴可以在对的年纪遇见对的你!
  • 因主题导致QQ登录的小伙伴在评论中显示默认头像,请去个人中心重新上传头像即可。

CSS穿透:让div置于顶层但不影响下方元素点击

CSS穿透:让div置于顶层但不影响下方元素点击
案例分析 页面有一个写着版权信息的div,对他设置了fixed定位在底部。 当我每次打开控制台的时候,这个div会把”立即登录”按钮给遮住。 因为页面高度发生变化后,fixed定位会使得div上移,正好就遮挡住了下面的按钮。 我现在就得实现:div置于顶层显示但又不遮挡住下方的元素 【正常浏览器尺寸的样子】 【当打开了控制台的样子 ... 阅读全文 »

barben 1个月前 (10-22) 304浏览 2评论 3个赞

解决vue中点击button会刷新页面的问题

解决vue中点击button会刷新页面的问题
今天测试又给我提出了一个BUG,点击平台中的功能按钮会直接刷新页面。 看了一眼代码,还在疑惑,button什么时候有默认点击事件了? 最后发现问题出在了form表单上面! <form> <button>确定</button> </form> <!-- 在form中使用button标签,可能 ... 阅读全文 »

barben 1个月前 (10-12) 111浏览 0评论 4个赞

Vue如何监听对象里面的值

Vue如何监听对象里面的值
—— 记录这次为实现监听对象里面值 而脱了裤子放屁的事 今天写BUG的时候需要使用watch来监听对象中的某个值是否发生了改变,想了半天… data() { return { register: { username: "" } } } ↑ 没错,我就是要wat ... 阅读全文 »

barben 2个月前 (09-25) 70浏览 0评论 7个赞

css让未知大小的div或元素居中

css让未知大小的div或元素居中
给已知大小的元素设置上下左右居中 产品经理:我这有一张200×200的图片,你帮我在浏览器上居中显示一下! 【方法1】定位后,上下左右的位置均设置0,最后设置margin为auto就可以啦! .photo{ width: 200px; height: 200px; position: fixed; top: ... 阅读全文 »

barben 4个月前 (08-06) 122浏览 0评论 6个赞

使用本地存储localStorage实现不再弹出功能

使用本地存储localStorage实现不再弹出功能
打个比方 我有个网页,打开之后就弹个公告或者广告出来,反正就是要弹个窗。 你如果不点击”下次不再提醒”之类的东西,那它下次还是会给你弹出来!!! 比方是谁,你为什么要打他? 实现方法:用户点击”不再弹出”后就写入一个值,例如:butanchuang = true,每次页面加载完毕后就判断butanchuang ... 阅读全文 »

barben 5个月前 (06-11) 216浏览 0评论 8个赞

Vue.js将文本进行md5加密的代码(不使用插件)

Vue.js将文本进行md5加密的代码(不使用插件)
还记得上周使用百度翻译API的时候,需要提交以下字段。 字段名 类型 必填参数 描述 备注 q TEXT Y 请求翻译query UTF-8编码 from TEXT Y 翻译源语言 例如:zh中文、en英语,可设置为auto自动检测 to TEXT Y 译文语言 例如:zh中文、en英语,不可设置为auto自动检测 appid INT ... 阅读全文 »

barben 6个月前 (05-30) 264浏览 0评论 9个赞

记Vue.js使用Axios进行跨域请求的方法

记Vue.js使用Axios进行跨域请求的方法
今天又是个在家摸鱼的一天,想 敲一下BUG 写个在线翻译功能。 随之就取下了百度翻译开放平台技术文档中的示例接口地址,试试能否正常请求下来。 用axios来请求,真香 axios.get('http://api.fanyi.baidu.com/api/trans/vip/translate?q=apple&from=en&to=zh& ... 阅读全文 »

barben 6个月前 (05-19) 300浏览 0评论 10个赞

数字、英文和链接溢出div和p等块级元素不换行的解决办法

数字、英文和链接溢出div和p等块级元素不换行的解决办法
问题起源 昨天经理突然找我,说项目中有一个样式写炸了,不会自动换行。 我就去看了下,觉得很奇怪,正常输入中文的情况下自动换行都正常,怎么一个比较长的链接就能自带溢出这种操作的??? 折腾历程 在经历了很多次百度… p标签自动换行 百度一下 p标签里的链接不换行 百度一下 又看了一遍 overflow 属性… 都没有得到答案,好像 ... 阅读全文 »

barben 7个月前 (04-12) 307浏览 0评论 10个赞

Vue.js实现简易的搜索功能

Vue.js实现简易的搜索功能
这个搜索功能的实现这很简单,无论是方法还是逻辑(思路在文章末尾),使用的仅仅只有filter和match这两个方法,那现在就上两个简易的demo吧! Demo1:输入框内容改变自动搜索 HTML代码 <div id="app"> <input type="text" placeholder="请输入您需要查询的内容" v-mod ... 阅读全文 »

barben 8个月前 (03-30) 1481浏览 0评论 12个赞