东莞网上做公司网站,医保局网站建设中标公告,哪个做网站公司好,怎么自己注册网站平台了“嗯嗯”#xff0c;“嗯嗯”#xff0c;“那产品也没说加呀”#xff0c;“按F11不行吗#xff1f;”#xff0c;“嗯嗯”#xff0c;“好的”。
早上在4号线上#xff0c;我正坐在地铁里#xff0c;边上站着的妹子#xff0c;我看他背着双肩包#xff0c;打着电话…“嗯嗯”“嗯嗯”“那产品也没说加呀”“按F11不行吗”“嗯嗯”“好的”。
早上在4号线上我正坐在地铁里边上站着的妹子我看他背着双肩包打着电话貌似很为难很伤心的样子。挂了电话我主动把位子让给妹子问怎么了感觉你很伤心哦。
经过几番追问妹子开始了他的描述妹子是一名前端开发早出晚归晚上还要带着电脑。在一家外包公司上班。刚才的电话内容是他们最近开发了一个大屏项目上线了但昨晚那个甲方领导看见效果后很生气因为这个大屏项目在他们大电视上展示后保留着浏览器的url区域还带有“80/dashBoard”等字样。那个领导觉得这样给自己的客户展示太low了。然后就迁怒于妹子的领导。
结果大早起的妹子的领导就打电话你怎么做的那么久的开发经验了我对你是有些失望的。你不知道大屏开发完成了找个地方加一个全屏按钮嘛然后把项目全屏了。妹子刚开始还嗯嗯的答应后来妹子跟领导说不是按一下F11就可以搞定吗妹子很委屈的说那产品当时也没说加全屏按钮啊加到哪里呢越说领导越激动妹子越委屈然后只能嗯嗯的答应了。
我劝妹子说你别激动不就是个全屏功能嘛加上不就行了。妹子说说的轻巧事情那么多我每天还要背着电脑回家写完了还要检测浏览器兼容性指不定做不好又是一顿骂真不想干了辞职算了。
等到了西单站我跟妹子说打开电脑我跟你说一个兼容性良好使用便捷而且高效的使浏览器全屏的办法你只在页面加按钮和事件就行。
妹子貌似有点不可置信我们下了那趟地铁找了一个位子。我跟她说你打开电脑随便打开一个项目。Vue Vue3 React的都行。然后她把电脑取出来打开了。我说你按如下步骤操作我跟你说
引入js-tool-big-box工具库
她眼前一亮哦我早就听说过这个工具库据说功能很全使用方便。然后她在VSCode里执行了这行安装命令 npm install js-tool-big-box 然后引入browserBox对象
打开全屏和取消全屏的公共方法在这个方法里。
import { browserBox } from js-tool-big-box;因为现在是在地铁里你随便在你的项目找个Vue的项目就行打开一个页面咱们做一下测试你到了公司再具体使用。
添加测试按钮
我说你用过elementUI吗他说用过天天用我说你加2个按钮一个是打开全屏的一个是取消全屏的。
div classcenterel-button clickhandleFullScreen(true)开启全屏/el-buttonel-button clickhandleFullScreen(false)关闭全屏/el-button
/div添加事件
methods: {handleFullScreen(fullSwitch) {browserBox.fullScreen(fullSwitch);}
}打开全屏
你看这个fullScreen方法如果传入true那么就是会使浏览器全屏。就像下面这个图的效果一样 取消全屏 这个时候你点击取消全屏就会恢复未全屏的状态。但是你做项目的时候最好只准备一个按钮用状态去控制不要显示2个按钮。她说好的。然后只见他点击了“关闭全屏”然后浏览器变为了未全屏的状态如下图 丰富的功能
我跟妹子说这个js-tool-big-box工具库功能非常丰富公共方法呢目前已经包含了时间日期、正则判断、数值相关方法、字符串相关方法、ajax请求相关方法、cookie localStorage相关方法、防抖节流、浏览器相关的一些方法还在持续更新中。完全是可以“开瓢即用”的而且文档完善你实在找不到了如果没有收藏直接百度搜就可以找到。
你去了公司如果领导在嚣张对你你就说这个工具库是你开发的使用了这个库可以为团队提升开发效率你如果再嚣张我就不干了。
妹子听了后很感动说那怎么好意思呢我新买了这个苹果15Pro送给你吧真的太感谢你了你让我找到了前端开发的希望我相信我可以走的更远了。
我说那么贵重的手机不要给我你工资也不高。她说没事我工资很高的我们前端开发工资都很高不怕。我说那不好不能这样。她说你拿着吧你这个工具库太方便了解决了我工作中的很多难题节省了很多时间。我说不行不能要。然后我飞快的跑了地铁希望这位前端妹子工作顺利。
