内凹样式的另一个方案--v-coupon 一款基于 vue 的卡券组件

v-coupon 一款基于 vue 的卡券组件 介绍 你是否在心里暗骂设计师设计出这种有缺口的卡券? 你是否试了多种 CSS 方案都无法完美实现? 你是否在为不得不用 jpg/png…等格式而内心挣扎? v-coupon 就是为了解决以上痛点而诞生的。 先看看效果 如果上图你有看到白色背景,那...

2018-12-15 22:20:21

阅读数 144

评论数 0

新手引导动画的4种实现方式

前言 前一阵子忙着找工作,面试过程中,碰到一个感觉比较有意思的问题,尽量多的列举出新手引导动画的实现方式, 昨天稍微总结了一下, 实现了4种.源码在最后,如果想直接看结果的,可以拉到最后去看. 这里假设所有的弹出层都是基于页面上原有的元素 实现一 复制目标内容 具体步骤: 用 getBoun...

2018-12-15 22:13:40

阅读数 87

评论数 0

自己动手实现一个html2canvas

前言 昨天写了新手引导动画的4种实现方式, 里面用到了 html2canvas 于是就顺便了解了一下实现思路. 大概就是 利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 canvas 绘制 svg. 从而实现最终目的. 先让大家看看效果 MDN示例 var ca...

2018-12-15 22:12:29

阅读数 56

评论数 0

js-xlsx + handsontable + echarts实现excel上传编辑然后显示成图表

js-xlsx + handsontable + echarts 实现在前端导入excel数据并生成echart报表 前言 最近都在做类似 ERP 的项目,所以呢,又碰到一个比较变态的需求(至少对我来说是),在前端导入 excel 文件, 然后在浏览器里面预览和编辑, 最后再选择一些数据,用ech...

2018-09-19 08:45:49

阅读数 398

评论数 0

vue-multi-tab--一个让你在SPA里使用多页签的框架页

介绍 vue-multi-tab 是一套基于 vue 和 element-ui 的 , 实现了 tab-router (一个基于 tab 的路由) 的 单页面, 多页签 应用程序. 我之前写这个项目的时候,有写了一篇 记一次基于vue的spa多页签实践经验 然后就部分热心网友就在下面回复了一...

2018-08-16 14:38:03

阅读数 886

评论数 1

记一次基于vue的spa多页签实践经验

前言 最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 1. 要求通用性高,需要在后期四十多个子项目中使用,所以大部分地方都做成可配置的. 2. 要求做成脚手架的形式.可以 npm 安装 3. 要求实现多页签,并且可以通过浏览器 u...

2018-08-16 14:37:19

阅读数 242

评论数 0

canvas菜鸟基于小程序实现图案在线定制功能

前言 最近在捣腾一个 袜子图案在线定制 的小程序,核心的需求大概是选择一只纯色的袜子,然后客户可以在袜子上面添加图案, 最终生成一个设计图保存后服务器。定制的图案可以旋转,缩放和拖动,当然,还可以删除。 内容比较初级, 因为我也只是一个 canvas 新手,本文仅是一次实践的记录. ...

2018-08-16 14:36:28

阅读数 526

评论数 4

vue 实践技巧合集

前言 本文纯属个人平时实践过程中的一些经验总结,算是一点点小技巧吧,不是多么高明的技术,如果对你有帮助,那么不胜荣幸。 本文不涉及罕见API使用方法等,大部分内容都是基于对vue的一些实践而已。由于涉嫌投机取巧,可能会带来一些不符合规范的副作用,请根据项目要求酌情使用。 多个页面都使用...

2018-08-16 14:34:49

阅读数 123

评论数 0

用proxy实现一个更优雅的vue

前言 如果你有读过Vue的源码,或者有了解过Vue的响应原理,那么你一定知道Object.defineProperty(),那么你也应该知道,Vue 2.x里,是通过 递归 + 遍历 data对象来实现对数据的监控的,你可能还会知道,我们使用的时候,直接通过数组的下标给数组设置值,不能实时响应,...

2018-06-20 09:45:28

阅读数 924

评论数 0

3行代码实现一个简易版promise

前言 作为一个后端过来的同学,刚入门前端的时候,被js种种「反人类」的概念折腾的死去活来的. 其中一个印象比较深刻的,就是promise,感觉实在太难理解了…所有就有了写个简单的promise的想法. 希望能帮助到一些跟我一样,感觉promise很难理解的新同学. promise的教程网上...

2018-05-29 09:23:52

阅读数 119

评论数 0

vuex其实超简单,喝完这3步,还有3步

上一篇 vuex其实超简单,只需3步 简单介绍了vuex的3步入门,不过为了初学者容易消化,我削减了很多内容,这一节,就是把少掉的内容补上, 如果你没看过上篇,请戳链接过去先看一下再回来,否则,你会觉得本文摸不着头脑. 纯属个人经验,难免有不正确的地方,如有发现,欢迎指正! ...

2018-05-21 09:17:33

阅读数 249

评论数 0

vuex其实超简单,只需3步

前言 之前几个项目中,都多多少少碰到一些组件之间需要通信的地方,而因为种种原因, event bus 的成本反而比vuex还高, 所以技术选型上选用了 vuex, 但是不知道为什么, 团队里的一些新人一听到vuex,就开始退缩了, 因为vuex 很难? 真的很难吗? 今天我们用简单的3步来...

2018-05-18 17:48:54

阅读数 141

评论数 1

从零开始徒手撸一个vue的toast弹窗组件

相信普通的vue组件大家都会写,定义 -> 引入 -> 注册 -> 使用,行云流水,一气呵成,但是如果我们今天是要自定义一个弹窗组件呢? 首先,我们来分析一下弹窗组件的特性(需求): 0. 轻量 –一个组件小于 1Kib (实际...

2018-05-11 17:35:11

阅读数 2324

评论数 1

JS中的继承(下)

JS中的继承(下) 在上一篇 JS中的继承(上) 我们介绍了3种比较常用的js继承方法,如果你没看过,那么建议你先看一下,因为接下来要写的内容, 是建立在此基础上的.另外本文作为我个人的读书笔记,才疏学浅,如有错误,敬请指正. 接下来我们要介绍另外3种相对比较奇葩的继承 ...

2018-05-04 17:39:40

阅读数 83

评论数 0

JS中的继承(上)

JS中的继承(上) 学过java或者c#之类语言的同学,应该会对js的继承感到很困惑–不要问我怎么知道的,js的继承主要是基于原型(prototype)的,对js的原型感兴趣的同学, 可以了解一下我之前写的JS中的原型对象 相信很多同学也跟我一样,刚开始接触js的面向对象编程的时...

2018-04-19 14:03:21

阅读数 83

评论数 0

moment太重? 那就试试miment--一个超轻量级的js时间库

介绍 Miment 是一个轻量级的时间库(打包压缩后只有1K),没有太多的方法, Miment的设计理念就是让你以几乎为零的成本快速上手,无需一遍一遍的撸文档 由来 首先 致敬一下Moment,非常好用的一个时间库,我本身也是Moment重度使用者,用习惯了Moment, 一碰到需要...

2018-04-16 09:19:09

阅读数 1527

评论数 0

基于mpvue的toast弹出组件mptoast介绍

介绍 mptoast 是一个基于mpvue的简单弹窗组件 github地址:https://github.com/noahlam/mpvue-toast 特性 轻量 目前整个项目未打包前大概只有120行代码(包括注释),5kb左右(包括图标) 配置少 尝试过无数种优化方法,只为减少...

2018-04-08 10:07:39

阅读数 1752

评论数 0

JS中创建对象的方法

JS中创建对象的方法 最近手头一个项目刚完成,下一个显目还在准备中,趁这个空档期,拿起尘封多年的JS书, 重温一遍JS面向对象程序设计,然后就得出下文,算是一个总结吧。 也许,你会说 “创建对象不就是一对花括号的事吗?”,是的,目前我们最常用, 也是最便捷的方式就是所谓的一对花...

2018-04-08 10:03:28

阅读数 81

评论数 0

美团小程序框架mpvue入门教程

美团小程序框架mpvue入门教程 自打写了 美团小程序框架mpvue蹲坑指南, 一发不可收拾,今天趁周末空闲,来写个mpvue(没朋友)的简单入门教程,本教程只针对新手,老鸟勿喷。 另外,我还专门为本文做了一个简单的项目,如果懒得从头开始搭项目的童鞋,可以直接去我的 github上克隆到本...

2018-04-08 09:59:31

阅读数 27292

评论数 7

美团小程序框架mpvue(花名:没朋友)蹲坑指南

美团小程序框架mpvue(花名:没朋友)蹲坑指南 第一次接触小程序大概是17年初,当时小程序刚刚内侧,当时就被各种限制折腾的死去活来的,单向绑定, 没有promise,请求数限制,包大小限制,各种反人类,…反正我是感受到了满满的恶意. 最近接到一个工程类的小程序项目,做技术选型...

2018-04-08 09:54:57

阅读数 217

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭