自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 资源 (5)
  • 收藏
  • 关注

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

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

2018-12-15 22:20:21 462

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

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

2018-12-15 22:13:40 608

原创 自己动手实现一个html2canvas

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

2018-12-15 22:12:29 120

原创 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 897

原创 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 2214 1

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

前言最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 1. 要求通用性高,需要在后期四十多个子项目中使用,所以大部分地方都做成可配置的. 2. 要求做成脚手架的形式.可以 npm 安装 3. 要求实现多页签,并且可以通过浏览器 url 回显多页签.而且页签内要维护一个历史记录,可以后退 4. 组件要求异步加载,减少首屏加载时间....

2018-08-16 14:37:19 342

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

前言最近在捣腾一个 袜子图案在线定制 的小程序,核心的需求大概是选择一只纯色的袜子,然后客户可以在袜子上面添加图案, 最终生成一个设计图保存后服务器。定制的图案可以旋转,缩放和拖动,当然,还可以删除。 内容比较初级, 因为我也只是一个 canvas 新手,本文仅是一次实践的记录.实现-绘图其实刚开始接手这个项目的时候,我是打算用小程序的 web-view 组件来嵌套 h...

2018-08-16 14:36:28 1580 10

原创 vue 实践技巧合集

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

2018-08-16 14:34:49 165

原创 用proxy实现一个更优雅的vue

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

2018-06-20 09:45:28 1529

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

前言作为一个后端过来的同学,刚入门前端的时候,被js种种「反人类」的概念折腾的死去活来的. 其中一个印象比较深刻的,就是promise,感觉实在太难理解了…所有就有了写个简单的promise的想法. 希望能帮助到一些跟我一样,感觉promise很难理解的新同学.promise的教程网上多如牛毛,其中写的比较通俗易懂的莫过于阮一峰的es6,反正我是他的书才懂的. 所以今天,我们也不会来...

2018-05-29 09:23:52 220

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

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

2018-05-21 09:17:33 283

原创 vuex其实超简单,只需3步

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

2018-05-18 17:48:54 185

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

相信普通的vue组件大家都会写,定义 -> 引入 -> 注册 -> 使用,行云流水,一气呵成,但是如果我们今天是要自定义一个弹窗组件呢?首先,我们来分析一下弹窗组件的特性(需求): 0. 轻量 –一个组件小于 1Kib (实际打包完不到0.8k) 1. 一般都是多处使用 –需要解决每个页面重复引用+注册 2. 一般都是跟js交互的 –无需 在<templat...

2018-05-11 17:35:11 3144 2

原创 JS中的继承(下)

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

2018-05-04 17:39:40 125

原创 JS中的继承(上)

JS中的继承(上) 学过java或者c#之类语言的同学,应该会对js的继承感到很困惑–不要问我怎么知道的,js的继承主要是基于原型(prototype)的,对js的原型感兴趣的同学, 可以了解一下我之前写的JS中的原型对象相信很多同学也跟我一样,刚开始接触js的面向对象编程的时候,都抱着一种排斥的心态–为什么js这么麻烦? 其实了解完原型链后,再来看js的继承,你会发现js的...

2018-04-19 14:03:21 125

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

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

2018-04-16 09:19:09 2835

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

介绍mptoast 是一个基于mpvue的简单弹窗组件 github地址:https://github.com/noahlam/mpvue-toast特性轻量 目前整个项目未打包前大概只有120行代码(包括注释),5kb左右(包括图标)配置少 尝试过无数种优化方法,只为减少配置冗余少 每个页面(page)只需要引入一次,该页面里面如果有多个子组件,可以跟页面共用一个,无...

2018-04-08 10:07:39 3185 1

原创 JS中创建对象的方法

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

2018-04-08 10:03:28 122

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

美团小程序框架mpvue入门教程自打写了 美团小程序框架mpvue蹲坑指南, 一发不可收拾,今天趁周末空闲,来写个mpvue(没朋友)的简单入门教程,本教程只针对新手,老鸟勿喷。另外,我还专门为本文做了一个简单的项目,如果懒得从头开始搭项目的童鞋,可以直接去我的 github上克隆到本地, 安装一下依赖,即可直接在此基础在开发,不需要做任何配置。如果你觉得该项目对有帮助, 请顺便给...

2018-04-08 09:59:31 29528 9

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

美团小程序框架mpvue(花名:没朋友)蹲坑指南 第一次接触小程序大概是17年初,当时小程序刚刚内侧,当时就被各种限制折腾的死去活来的,单向绑定, 没有promise,请求数限制,包大小限制,各种反人类,…反正我是感受到了满满的恶意. 最近接到一个工程类的小程序项目,做技术选型的时候,又把以前的东西捡起来看了看,重新熟悉了一下, 感觉小程序还是有在努力的,支持大部分es6...

2018-04-08 09:54:57 259

原创 JS中的原型对象

JS中的原型对象 白天写了一篇【JS中创建对象的方法】,写完以后感觉意犹未尽(实际情况是感觉原型那块内容没有交 代清楚),所以开这一篇继续聊聊关于JavaScript中的原型对象相信用过vue的童鞋,都经常这样做,用Vue.prototype.xxx = xxx 把一个方法或者属性添加到Vue对象的原型上, 这样,我们在vue实例的任何地方,都可以用这个方法或属性了,我最喜欢...

2018-04-08 09:47:26 156

Win7 下可用的Access浏览器 可以读取和基本操作Mdb里的数据

Win7 下可用的Access浏览器 可以读取和基本操作Mdb里的数据,我自己编写的,功能比较简单,图形操作界面只能有浏览表,删除表,其他操作要用程序自带的命令窗口完成。后续会慢慢完善,请不要扔砖头。 注:因为是用C#编写的,XP下要安装.net 2.0才可以运行

2012-03-31

Javascrpt 高级程序设计.PDF 高清,文字可复制,非扫描版

Javascrpt 高级程序设计.PDF 高清,文字可复制,非扫描版,代码可以直接复制过去运行。

2017-02-14

HTML-svg教程

svg教程

2016-11-02

HTML5与CSS3权威指南(完整版).pdf

HTML5与CSS3权威指南(完整版).pdf

2016-11-02

SVG语法教程指南中文版

SVG语法教程指南中文版

2016-11-02

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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