3 润清

尚未进行身份认证

暂无相关简介

等级
TA的排名 27w+

vue插槽的用法

原文链接1. v-slotvue插槽有两种:具名插槽和作用域插槽,2.6.0以后,使用新语法v-slot指令(缩写为#)将两种语法统一起来。老旧的语法,这里不再赘述,参见vue官网。下面讲讲新语法的用法。<!-- 后备内容显示用户的名,以取代正常情况下用户的姓 --><!-- 父组件 --><!-- 要用template包裹,slot名称为slotNa...

2019-12-12 10:31:25

js实现“3天打雨,两天晒网”

从1990年1月1日开始,3天打鱼,2天晒网。输入任意一个日期(格式为xxxx-xx-xx),判断那天是打鱼还是晒网。打鱼返回’He is working’,晒网返回 ‘He is having a rest’。日期或格式不正确输出’Invalid input’。function fishOrRest (string) { let arr = string.split('-').map(it...

2019-11-15 19:59:40

Three.js如何加载本地资源?

动机模型资源往往比较大,数据内容变动不大,可重复利用率不高。频繁请求比较浪费网络资源,加载到本地可以既可以节约请求,充分利用资源,并且可以节省用户下载时间,提高用户体验。那么怎么做才能实现我们的需求呢?方案(1)存考虑用indexDB将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。IndexedDB 不仅可以储存字符串,还可以储存二进制数据(ArrayBuffer...

2019-09-05 14:05:05

vue实现手动动态挂载某个组件

我们在开发中,可能会碰到这样的情况:我们需要在某个时刻 在一个动态生成的元素上 挂载某个组件,那么我们该怎么实现呢?例如,我们在点击按钮之后,在某个div上手动挂载一个组件。 <button onclick="handleClick()"></button> <div id="container"></div>import Vue fro...

2019-08-07 11:46:34

为什么控制台打印事件对象e时里面的currentTarget为null,而打印e.currentTarget时为DOM对象?

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...

2019-06-17 17:28:56

js原生实现元素拖拽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-04-19 15:31:41

将接口请求到的数据下载下来存储在本地

function funDownload(content, filename) { let cont = JSON.stringify(content); // 创建隐藏的可下载链接 var eleLink = document.createElement('a'); eleLink.download = filename; eleLink.style.di...

2019-03-08 16:09:58

几种方法实现上下固定中间自适应布局

HTML:<div class="top-center-bottom"> <div class="top">top</div> <div class="center"> 视口单位(Viewport units)<br>

2019-02-27 19:32:54

[实战]input失焦事件先于点击事件发生时怎么办?

例子:看上面这个例子,我们的需求是:点击备注表格时,该表格变为可编辑状态的输入框,会出现输入框、两个按钮。点击对勾时,会修改备注发送给后端修改请求,修改备注,变为不编辑状态,输入框、按钮消失。失去焦点时,输入框同样变为不可编辑状态,输入框、按钮消失。问题的关键在于,input失焦事件总是先于对勾按钮的点击事件发生的。即当我们点击按钮对勾时,已经先失去了焦点,将按钮隐藏了。因此根本不可能...

2019-02-12 15:16:12

js 文件下载

静态文件下载当我们下载的文件是不改变、唯一的文件而不是临时生成的文件,我们可以将该文件部署到Nginx服务器上,然后得到它的url。最后根据a标签的download属性即可实现。<!-- 点击图片,下载图片 --><a href="/images/logo.png" download="/images/logo.png"> <img src="/images/...

2018-12-25 16:07:21

localStorage做表格pageSize的缓存

背警:项目基于vue和iView,页面中已经将Table组件和Page组件做了封装。我们希望能将多个使用了该页面的组件的用户设置了的pageSize保存在浏览器客户端。1.子组件pageTable中的Page组件上<!-- 多余的内容全都被省略不写,以下皆是 --><!-- page-size 每页条数 --><!-- page-size-opts 每页条...

2018-12-17 18:12:32

自定义滚动条的样式

<div class="wrapper"> <div class="content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla vitae modi reru

2018-11-29 10:30:03

vue在父组件中给子组件内的结构设置样式

父组件写css时,样式选择器中加上 /deep/或者 >>> 这两个标记就可以添加到到子组件结构的样式中了。举例:父组件<div> <searchForm class="searchFormStyle"></searchForm><div><style> .searchFormStyle /

2018-11-26 14:53:11

拓展某个组件[实例]

拓展某个组件情景所谓拓展某个组件这里是说在某个原有组件的基础上增加一些它没有的新功能。下面要说的做法可能不够高明,但也是一种解决方式。权当写下来供大家参考。iView的自己的组件select,我们现在需要将其拓展,在它的下拉框下添加一个提示条,当搜索的用户有权限,且远程搜索不到结果时我们要展示一个提示条在下拉框的最底部,是否要将新的搜索内容添加到进去。此外,该提示条还有两个按钮"是"和"...

2018-11-09 11:27:39

vue中解决布局和表格自适应的问题

表格自适应我们可能在使用vue框架开发中遇到需要解决组件元素自适应的问题,如何解决呢?可以使用第三方JS库“element-resize-detector”,并定义监听元素变化事件的回调函数,通过该函数动态计算元素高度,然后写入到Vue组件的样式中。从而实现布局上的自适应。另外,表格的自适应原理也一致。假设我们使用iView框架里的table组件,以表格高度自适应为例,如果我们将它的height...

2018-10-26 18:07:32

markdown基本语法.md

文章目录一、基本用法1.目录1.1 TOC1.2 doctoc 和i5ting_toc2.标题2.1使用`=`和`-`标记一级和二级标题。一级标题二级标题2.2使用`#`,可表示1-6级标题。一级标题二级标题三级标题四级标题五级标题六级标题3.段落3.1普通段落3.2 代码区块4.代码4.1 单行代码4.2 多行代码5.区块引用及嵌套6.强调7.锚点和页内跳转7.1markdown的方法:7.2h...

2018-10-08 10:11:05
勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。