09 2021 档案
摘要：效果图 主要代码 // 结构 <a v-for="(item, index) in optWkList" :key="item.id" :class="{ active: item.isBtn }" @click="optBtn(item, index)" > {{ item.name }} </a
阅读全文
摘要：实现自动唤起键盘 方式一（推荐） this.$nextTick(() => { this.$refs.input.focus() }) 方式二 setTimeOut(()=>{ this.$refs.input.focus() }, 500) 键盘唤起 延时时间不能过短，因为有页面重新渲染效果，延时
阅读全文
摘要：问题描述 git获取或推送项目的时候提示git SSL certificate problem: unable to get local issuer certificate 问题是由于没有配置信任的服务器HTTPS验证。默认，cURL被设为不信任任何CAs，就是说，它不信任任何服务器验证。 解决
阅读全文
摘要：hasOwnProperty Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性 判断自身属性是否存在 var o = new Object(); o.prop = 'exists'; function changeO() { o.newpro
阅读全文
摘要：在线演示 结构 <canvas id='canvas' width='1280' height='720'></canvas> 样式 body { background:#111; margin:0; padding:0 } canvas { background:#000; display:blo
阅读全文
摘要：效果图 主要代码实现 <div class="isck" @click="btnCheck(item)"> <img v-show="item.isCheck" class="opt" src="@/assets/images/btn/btn_opt_s_r_p.png" /> <img v-sho
阅读全文
摘要：速查对照表 window.screen.availWidth 返回当前屏幕宽度(空白空间) 功能：声明了显示浏览器的屏幕的可用宽度，以像素计 window.screen.availHeight 返回当前屏幕高度(空白空间) 功能：声明了显示浏览器的屏幕的可用高度，以像素计。这个可用高度不包括分配给半
阅读全文
摘要：Wakatime 记录下自己每天coding 的时间以及每个在各个项目上coding的时间 支持的Code 编辑器 安装 登录 获取key 然后添加到编辑器内即可
阅读全文
摘要：JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳，JavaScript 标准的官方名称为ECMA-262。关于ECMA的最新资讯可以浏览 ECMA news查看。 ECM
阅读全文
摘要：鼠标在li上移动也会触发移出事件 两组鼠标事件 mouseover 和 mouseout mouseenter 和 mouseleave mouseover 和 mouseout 什么时候使用说明 根据鼠标事件的target进行触发，是一种精确触发。 当为某一组件(如div或ul)设置这两个事件时，
阅读全文
摘要：transform:scale()可以实现按比例放大或者缩小功能。transition可以设置动画执行的时间，实现缓慢或者快速的执行动画 <body> <div> <img src="https://img-blog.csdnimg.cn/2021031616343485.gif"> </div>
阅读全文
摘要：用Vue做网站登录验证时常用到Vue-Router官方路由器管理，这时候会调用beforeEach函数 // 登录验证 beforeEach((to,from,next) =>{ if(to.path '/music'){ //页面path为 '/music',就让它跳转到 '/login'登录页面
阅读全文
摘要：1. 将一个 prop 限制在一个类型的列表中 使用 prop 定义中的 validator 选项，可以将一个 prop 类型限制在一组特定的值中。 export default { name: 'Image', props: { src: { type: String, }, style: { t
阅读全文
