- 博客(21)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 内凹样式的另一个方案－－v-coupon 一款基于 vue 的卡券组件
v-coupon 一款基于 vue 的卡券组件介绍你是否在心里暗骂设计师设计出这种有缺口的卡券？你是否试了多种 CSS 方案都无法完美实现？你是否在为不得不用 jpg/png…等格式而内心挣扎？v-coupon 就是为了解决以上痛点而诞生的。先看看效果如果上图你有看到白色背景，那不是 bug, 是我截图的时候页面的背景就是白色的使用安装npm i v-coupon...
2018-12-15 22:20:21
776
原创 新手引导动画的4种实现方式
前言前一阵子忙着找工作,面试过程中,碰到一个感觉比较有意思的问题,尽量多的列举出新手引导动画的实现方式, 昨天稍微总结了一下, 实现了4种.源码在最后,如果想直接看结果的,可以拉到最后去看.这里假设所有的弹出层都是基于页面上原有的元素实现一 复制目标内容具体步骤:用 getBoundingClientRect 获取目标内容的显示位置复制一个目标内容,并且设置相对定位, 定位的数据...
2018-12-15 22:13:40
1074
原创 自己动手实现一个html2canvas
前言昨天写了新手引导动画的4种实现方式,里面用到了 html2canvas 于是就顺便了解了一下实现思路.大概就是 利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 canvas 绘制 svg. 从而实现最终目的.先让大家看看效果MDN示例var canvas = document.getElementById('canvas');var ctx =...
2018-12-15 22:12:29
357
原创 js-xlsx + handsontable + echarts实现excel上传编辑然后显示成图表
js-xlsx + handsontable + echarts 实现在前端导入excel数据并生成echart报表前言最近都在做类似 ERP 的项目,所以呢,又碰到一个比较变态的需求(至少对我来说是),在前端导入 excel 文件,然后在浏览器里面预览和编辑, 最后再选择一些数据,用echarts生成报表.依赖js-xlsx 读取excel数据到jshandsontable 类似Ex...
2018-09-19 08:45:49
1266
原创 vue-multi-tab--一个让你在SPA里使用多页签的框架页
介绍vue-multi-tab 是一套基于 vue 和 element-ui 的 , 实现了 tab-router (一个基于 tab 的路由) 的 单页面, 多页签 应用程序.我之前写这个项目的时候,有写了一篇 记一次基于vue的spa多页签实践经验 然后就部分热心网友就在下面回复了一些其他类似的项目,我逐一查看了一下,发现基本都是基于 vue-router 和 keep-alive ...
2018-08-16 14:38:03
3048
1
原创 记一次基于vue的spa多页签实践经验
前言最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 1. 要求通用性高,需要在后期四十多个子项目中使用，所以大部分地方都做成可配置的. 2. 要求做成脚手架的形式.可以 npm 安装 3. 要求实现多页签,并且可以通过浏览器 url 回显多页签.而且页签内要维护一个历史记录，可以后退 4. 组件要求异步加载,减少首屏加载时间....
2018-08-16 14:37:19
430
原创 canvas菜鸟基于小程序实现图案在线定制功能
前言最近在捣腾一个 袜子图案在线定制 的小程序,核心的需求大概是选择一只纯色的袜子,然后客户可以在袜子上面添加图案, 最终生成一个设计图保存后服务器。定制的图案可以旋转,缩放和拖动,当然,还可以删除。 内容比较初级, 因为我也只是一个 canvas 新手,本文仅是一次实践的记录.实现-绘图其实刚开始接手这个项目的时候,我是打算用小程序的 web-view 组件来嵌套 h...
2018-08-16 14:36:28
1987
10
原创 vue 实践技巧合集
前言本文纯属个人平时实践过程中的一些经验总结，算是一点点小技巧吧，不是多么高明的技术，如果对你有帮助，那么不胜荣幸。本文不涉及罕见API使用方法等，大部分内容都是基于对vue的一些实践而已。由于涉嫌投机取巧，可能会带来一些不符合规范的副作用，请根据项目要求酌情使用。 多个页面都使用的到方法，放在 vue.prototype 上会很方便 刚接触 vue 的时候做过一件傻事，因...
2018-08-16 14:34:49
215
原创 用proxy实现一个更优雅的vue
前言如果你有读过Vue的源码，或者有了解过Vue的响应原理，那么你一定知道Object.defineProperty(),那么你也应该知道，Vue 2.x里，是通过 递归 + 遍历 data对象来实现对数据的监控的，你可能还会知道，我们使用的时候，直接通过数组的下标给数组设置值，不能实时响应，是因为Object.defineProperty()无法监控到数组下标的变化，而我们平常所用的数组方法...
2018-06-20 09:45:28
1759
原创 3行代码实现一个简易版promise
前言作为一个后端过来的同学,刚入门前端的时候,被js种种「反人类」的概念折腾的死去活来的. 其中一个印象比较深刻的,就是promise,感觉实在太难理解了…所有就有了写个简单的promise的想法. 希望能帮助到一些跟我一样,感觉promise很难理解的新同学.promise的教程网上多如牛毛,其中写的比较通俗易懂的莫过于阮一峰的es6,反正我是他的书才懂的. 所以今天,我们也不会来...
2018-05-29 09:23:52
298
原创 vuex其实超简单,喝完这3步,还有3步
上一篇 vuex其实超简单,只需3步 简单介绍了vuex的3步入门,不过为了初学者容易消化,我削减了很多内容,这一节,就是把少掉的内容补上, 如果你没看过上篇,请戳链接过去先看一下再回来,否则,你会觉得本文摸不着头脑. 纯属个人经验,难免有不正确的地方,如有发现,欢迎指正! 还是一样,本文针对初学者.一、 Getter我们先回忆一下上一篇的代码compute...
2018-05-21 09:17:33
338
原创 vuex其实超简单,只需3步
前言之前几个项目中,都多多少少碰到一些组件之间需要通信的地方,而因为种种原因, event bus 的成本反而比vuex还高, 所以技术选型上选用了 vuex, 但是不知道为什么, 团队里的一些新人一听到vuex,就开始退缩了, 因为vuex 很难? 真的很难吗? 今天我们用简单的3步来证明一下,vuex有多简单. 纯属个人经验,难免有不正确的地方,如有发现,欢迎指正! ...
2018-05-18 17:48:54
241
原创 从零开始徒手撸一个vue的toast弹窗组件
相信普通的vue组件大家都会写,定义 -> 引入 -> 注册 -> 使用,行云流水,一气呵成,但是如果我们今天是要自定义一个弹窗组件呢?首先,我们来分析一下弹窗组件的特性(需求): 0. 轻量 –一个组件小于 1Kib (实际打包完不到0.8k) 1. 一般都是多处使用 –需要解决每个页面重复引用+注册 2. 一般都是跟js交互的 –无需 在<templat...
2018-05-11 17:35:11
3602
2
原创 JS中的继承(下)
JS中的继承(下) 在上一篇 JS中的继承(上) 我们介绍了3种比较常用的js继承方法，如果你没看过，那么建议你先看一下，因为接下来要写的内容， 是建立在此基础上的.另外本文作为我个人的读书笔记,才疏学浅,如有错误,敬请指正.接下来我们要介绍另外3种相对比较奇葩的继承 一. 原型式继承function clone (proto) { function ...
2018-05-04 17:39:40
192
原创 JS中的继承(上)
JS中的继承(上) 学过java或者c#之类语言的同学,应该会对js的继承感到很困惑–不要问我怎么知道的,js的继承主要是基于原型(prototype)的,对js的原型感兴趣的同学, 可以了解一下我之前写的JS中的原型对象相信很多同学也跟我一样,刚开始接触js的面向对象编程的时候,都抱着一种排斥的心态–为什么js这么麻烦? 其实了解完原型链后,再来看js的继承,你会发现js的...
2018-04-19 14:03:21
194
原创 moment太重? 那就试试miment--一个超轻量级的js时间库
介绍Miment 是一个轻量级的时间库（打包压缩后只有1K）,没有太多的方法， Miment的设计理念就是让你以几乎为零的成本快速上手，无需一遍一遍的撸文档由来首先 致敬一下Moment，非常好用的一个时间库，我本身也是Moment重度使用者，用习惯了Moment, 一碰到需要处理时间的需求，立马Moment,不过有时候想想，Moment给我们提供了那么多的功能，但是我们天天用...
2018-04-16 09:19:09
3727
原创 基于mpvue的toast弹出组件mptoast介绍
介绍mptoast 是一个基于mpvue的简单弹窗组件 github地址：https://github.com/noahlam/mpvue-toast特性轻量 目前整个项目未打包前大概只有120行代码(包括注释)，5kb左右(包括图标)配置少 尝试过无数种优化方法，只为减少配置冗余少 每个页面（page）只需要引入一次，该页面里面如果有多个子组件，可以跟页面共用一个，无...
2018-04-08 10:07:39
3616
1
原创 JS中创建对象的方法
JS中创建对象的方法 最近手头一个项目刚完成，下一个显目还在准备中，趁这个空档期，拿起尘封多年的JS书， 重温一遍JS面向对象程序设计，然后就得出下文，算是一个总结吧。也许，你会说 “创建对象不就是一对花括号的事吗？”，是的，目前我们最常用， 也是最便捷的方式就是所谓的一对花括号的事，也就是我们常说的JSON对象（严格意义上，这其实不算JSON对象，具体我们这里不做深入），如...
2018-04-08 10:03:28
188
原创 美团小程序框架mpvue入门教程
美团小程序框架mpvue入门教程自打写了 美团小程序框架mpvue蹲坑指南, 一发不可收拾，今天趁周末空闲，来写个mpvue(没朋友)的简单入门教程，本教程只针对新手，老鸟勿喷。另外，我还专门为本文做了一个简单的项目，如果懒得从头开始搭项目的童鞋，可以直接去我的 github上克隆到本地， 安装一下依赖，即可直接在此基础在开发，不需要做任何配置。如果你觉得该项目对有帮助， 请顺便给...
2018-04-08 09:59:31
31035
9
原创 美团小程序框架mpvue(花名：没朋友)蹲坑指南
美团小程序框架mpvue(花名：没朋友)蹲坑指南 第一次接触小程序大概是17年初,当时小程序刚刚内侧,当时就被各种限制折腾的死去活来的,单向绑定, 没有promise,请求数限制,包大小限制,各种反人类,…反正我是感受到了满满的恶意. 最近接到一个工程类的小程序项目,做技术选型的时候,又把以前的东西捡起来看了看,重新熟悉了一下, 感觉小程序还是有在努力的,支持大部分es6...
2018-04-08 09:54:57
378
原创 JS中的原型对象
JS中的原型对象 白天写了一篇【JS中创建对象的方法】，写完以后感觉意犹未尽（实际情况是感觉原型那块内容没有交 代清楚），所以开这一篇继续聊聊关于JavaScript中的原型对象相信用过vue的童鞋，都经常这样做，用Vue.prototype.xxx = xxx 把一个方法或者属性添加到Vue对象的原型上， 这样，我们在vue实例的任何地方，都可以用这个方法或属性了，我最喜欢...
2018-04-08 09:47:26
283
Win7 下可用的Access浏览器 可以读取和基本操作Mdb里的数据
2012-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人