js
叫我火柴
我的老伙计,你还有很长路的要走
展开
-
使用vue实现按钮的切换(vue tab切换)
1.效果图2.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>测试vue</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </head>原创 2021-05-24 15:21:06 · 2551 阅读 · 0 评论 -
Vue使用element-ui tab切换echarts解决宽度100%问题
element-ui 使用el-tab组件注意事项 这里面每一个tab页使用echarts都会存在echarts设置百分比自适应问题设置100%后只有100px的样子缩到一起,解决办法是: 1. 第一种 解决:通过 v-if 重新渲染组件即可。 2. 延...转载 2021-05-20 17:31:58 · 834 阅读 · 0 评论 -
vue 实现双向绑定的核心方法:Object.defineProperty()
在vue中我们经常使用到 v-model ,但是 v-model 在vue里又是怎么实现的呢?在这其中最核心的就是使用了 Object.defineProperty 来实现vue的双向绑定。当然在这里我们不讨论vue实现 v-model 的源码,只浅析 Object.defineProperty 使用方法。1.什么是Object.defineProperty()Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。2.Objec原创 2021-05-12 12:21:31 · 279 阅读 · 0 评论 -
使用pdf.js实现pdf文件的在线预览(有码源)
博客更新地址啦~,欢迎访问:https://jerryyuanj.github.io/ 最近做移动项目(H5)时遇到一个需求,就是在线预览pdf文件。其实本来使用window.open()就可以实现了,但是这个API在IOS上是正常的打开Safari浏览器进行预览,在安卓上打开是则是下载预览,客户不满意;而且在将该应用嵌入到钉钉微应用时,这个API在安卓设备上根本不起效果。于是在网上找到了这个插件,去官网摘了个例子,并且结合移动端的上下左右滑动滑动...转载 2021-04-29 17:30:29 · 2009 阅读 · 1 评论 -
不使用vue过滤器怎么实现在数字前面统一加美元符号?现在给出一个思路:使用标签模板字面量
1,代码function doll(strings, ...values){ return strings.reduce(function(s,v,idx){ if(idx > 0){ if(typeof values[idx - 1] == 'number'){ s += `$${values[idx - 1].toFixed(2)}`; }else{ s += values[idx - 1]; } } retu原创 2021-04-22 22:40:24 · 235 阅读 · 0 评论 -
使用vue 实现收起展开的过度动画(涉及element的源码)
1.需求需要实现的效果是:给一个列表添加收起展开的过度动画,但是只使用简单的vue transition代码(不是transition简单,是我不熟悉transition,所以只能写出来简单的过度效果)来实现动画效果一直做不到令人满意的效果,最后找到一段element框架码源的代码,终于实现了需要的效果2.代码新建一个js文件:expansion.js(名字可以随意写)const elTransition = '0.3s height ease-in-out, 0.3s padding-top ea原创 2021-04-16 12:29:20 · 1537 阅读 · 1 评论 -
vue 使用canvas画圆圈进度条
1.效果图最后出来的效果如上图所示,界面的构建是利用vue实现的,具体代码如下:2.代码<!-- --><template> <div> <div class="time-graph"> <div class="big">70</div> <div class="medium">20</div> <div class="small">10&l原创 2021-03-12 17:03:37 · 1201 阅读 · 0 评论 -
Promise
function fetchX() { return 2 + 3 } function fetchY() { return 3 + 4 } function add(xPromise, yPromise) { return Promise.all([xPromise, yPromise]).then(function(values) { console.log('第一步') ...原创 2021-03-01 21:52:49 · 104 阅读 · 0 评论