06 2020 档案

javascript中常用的输出方式
摘要：常用的输出方式 alert输出的结果都是字符串 原理是先把要输出的值toString转化为字符串后再输出 confirm：和alert用法一致，只不过提示的框中有确定和取消两个按钮，所以他是确认提示框 var flag =confirm('确认退出吗？') if(flag){ //true 用户点击 阅读全文
posted @ 2020-06-26 02:27 香荣如梦 阅读(141) 评论(0) 推荐(0)
github提交后在首页的日期中没显示当天提交的绿块
摘要：解决github提交后在首页不显示绿块 是因为提交代码使用的邮箱和GitHub上的保存的不一致导致的。 先去github上查看下设置过的邮箱 然后再项目中使用git log 查看提交的邮箱是什么 如果不一样的话使用git config --global user.email "邮箱地址" 这样就可以 阅读全文
posted @ 2020-06-26 01:57 香荣如梦 阅读(161) 评论(0) 推荐(0)
javascript中跳出循环的三种方式（return、break、continue）详解
摘要：break break是用来终止循环的，让循环不再往下进行： for(var i=0;i<=5;i++){ console.log(i)//输出0123 if(i==3){break;} } 当i等于3的时候，直接退出for循环，这个循环将不在被执行 continue continue和break的 阅读全文
posted @ 2020-06-26 01:07 香荣如梦 阅读(2393) 评论(0) 推荐(0)
this.$confirm里面使用await异步调取接口数据
摘要：this.$confirm里面使用await 在this.$comfirm中需要点击确定后进行某些异步操作，如果在方法名上写async的话会直接报错：Can not use keyword 'await' outside an async function (419:23) async cancel 阅读全文
posted @ 2020-06-22 09:25 香荣如梦 阅读(4212) 评论(0) 推荐(0)
margin和padding的值是百分比的时候是怎么计算的？
摘要：百分比取值的计算 对元素的margin和padding设置百分比的时候，他的百分比是相对于父元素的宽度width计算的，margin上下左右都是如此。 如果没有为元素声明width的时候，此时元素的宽度取决于父元素的width，这样可以得到流式布局，元素的外边距会扩大和缩小来适应父元素的大小。 为什 阅读全文
posted @ 2020-06-21 17:33 香荣如梦 阅读(515) 评论(0) 推荐(0)
原生js实现三级联动下拉框
摘要：HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl 阅读全文
posted @ 2020-06-17 21:30 香荣如梦 阅读(1208) 评论(0) 推荐(0)
两个数组里面的对象元素根据相同的id合并到一个数组
摘要：根据ID合并两个数组 需求：两个数组，如果id相同则合并到一起，id不一样则添加 let arr=[{id:1,name:'dylan'},{id:2,name:'kebi'}] let arr1=[{id:1,position:'ceo'},{id:3,position:'sales'}] let 阅读全文
posted @ 2020-06-17 11:31 香荣如梦 阅读(4917) 评论(0) 推荐(0)
制作遮罩层的样式
摘要：遮罩层的样式 <div class="content"> 11111 <div class="mark"></div> </div> .content { width: 100px; height: 100px; background: #fff; border: 1px solid red; po 阅读全文
posted @ 2020-06-17 10:45 香荣如梦 阅读(374) 评论(0) 推荐(0)
自定义表单验证方法的使用
摘要：自定义表单验证方法 自定义表单验证方法适合于简单的验证： passwordAgain: { validator: (rule, value, callback) => { console.log(value) if (value "" || value undefined || value null 阅读全文
posted @ 2020-06-15 09:30 香荣如梦 阅读(717) 评论(0) 推荐(0)
封装获取操作系统和浏览器类型的方法
摘要：获取操作系统和浏览器版本 在做博客的时候获取评论者的操作系统和浏览器版本，提交评论的时候需要传入一下参数： let data=await this.updateComment({ author_name: this.ruleForm.name, author_email: this.ruleForm 阅读全文
posted @ 2020-06-09 10:22 香荣如梦 阅读(268) 评论(0) 推荐(0)
NProgress进度条在nuxt项目中使用
摘要：NProgress.js在nuxt项目中的使用 nprogress 插件是一个适用于ajax 应用的轻量级的进度条插件 使用步骤： 在plugins中新建一个文件引入NProgress和css文件 import NProgress from 'nprogress' import 'nprogress 阅读全文
posted @ 2020-06-08 21:35 香荣如梦 阅读(838) 评论(0) 推荐(0)
element中时间日期选择器根据后台返回的时间戳设置默认值不显示的问题
摘要：时间选择器默认值的问题 显示的时候如果用下面的方式赋值将不会显示出来： this.ruleForm.time[0]= new Date(data.start_time*1000) this.ruleForm.time[1]= new Date(data.end_time*1000) 实际上是有数据的 阅读全文
posted @ 2020-06-08 20:20 香荣如梦 阅读(961) 评论(0) 推荐(0)
npm中如何更新自己已经发布的1.0.0的模块包？
摘要：更新发布的包 先查看下已经发布的包是什么版本： $ npm view dylan-browser-info versions [ '1.0.0' ] 提交修改后的版本 使用命令：npm version <update_type> update_type 有三个参数 第一个是patch, 第二个是mi 阅读全文
posted @ 2020-06-08 17:06 香荣如梦 阅读(705) 评论(0) 推荐(0)
npm发布一个自己的组件包
摘要：npm发布自己的包 注册npm账号 https://www.npmjs.com/ 初始化项目 npm init 然后根据自己想要发的包进行填写package.json { "name": "dylan-browser-info", "version": "1.0.0", "description": 阅读全文
posted @ 2020-06-08 16:47 香荣如梦 阅读(1417) 评论(0) 推荐(0)
在不使用button按钮之类的元素之外怎么禁止点击？
摘要：div、img元素禁止点击 如果是button之类的可以设置禁用，div之类的元素可以设置一个css属性禁止点击 使用三元运算符等给元素动态添加class :class="{'text':uploadList.length>2}" &.text{ pointer-events: none; } 使用 阅读全文
posted @ 2020-06-07 10:53 香荣如梦 阅读(349) 评论(0) 推荐(0)
css中text-transform属性处理文本的大小写
摘要：使用text-transform处理文本的大小写 使用： h1 {text-transform:uppercase} h2 {text-transform:capitalize} p {text-transform:lowercase} 几种属性解释： none 默认。定义带有小写字母和大写字母的标 阅读全文
posted @ 2020-06-07 10:42 香荣如梦 阅读(292) 评论(0) 推荐(0)
css中单词换行断词数字换行word-break、word-wrap、white-space的样式
摘要：元素内换行 word-break：当行尾放不下一个单词的时候，决定单词内部该怎么放置 break-all：放不下的时候再单词的内部换行 keep-all：放不下的时候另起一行，新行也放不下的时候就不换行，往后面显示全部 word-wrap：当行尾放不下的时候，决定单词内是否允许换行 normal：单 阅读全文
posted @ 2020-06-02 19:25 香荣如梦 阅读(745) 评论(0) 推荐(0)