Joubn Blog

一生想做浪漫极客

图片压缩预览并上传至七牛云

图片压缩

“The best way to cheer yourself up is to try to cheer somebody else up.” 为什么要前端图片压缩 节省流量 减少上传时间,增加用户体验 图片压缩实现 先看demo image-compress-qinniu 可以配置图片信息然后上传图片到七牛云一气呵成。是的 看似简单的过程背后是一连串的代码逻...

elementUI+七牛实现js图片服务器

图片上传

“Too much experience is a dangerous thing.” 前言 图片上传是我们前端必须了解的,相信大家也是各有办法。这里介绍一个比较实用快速的上传到七牛云的方法。 因为这个方法主要是在前端把图片上传到七牛所以和之前我们调后台获取TOKEN又不一样。这样以后就不用依赖后端,直接自己搞定了。 ps:当然这是有风险的,因为你的ak/sk全部暴露了。 ...

正则表达式知识点梳理

正则

“The wise man is always a good listener. ” 推荐 首先还是推荐阮一峰关于RegExp对象的教程。比较全面和易懂。 自己也整理了一下比较常用的一些知识点: 新建正则表达式 var regex = /xyz/; var regex = /xyz/i //等价于: var regex = new RegExp('xyz'); var re...

Echarts加载geoJson数据,实现省市地图下钻

geoJson

“He who seize the right moment, is the right man. ” 序言 这两年数据可视化被越来越多的人提起。主要原因还是大数据的兴起。那我们免不了要用一些数据可视化组件了。主要有d3、highcharts、echarts. 这里我主要想聊一下echarts加载geoJson地图数据的实现 认识geoJson GeoJSON是一种对各...

微信分享(JS-SDK)注意项(二次分享、分享页返回首页)

微信分享

“Nothing for nothing. ” 序言 微信分享?what 这个东西有什么好说的呀不就是调个SDK的事情么,本来我也觉得没什么好特意写篇文章的,但是发现这个坑今天又踩了,而且踩出快感了。所以才决定写出来给自己和大家提个醒。 (默认大家会配微信CONFIG,会调JS-SDK) 二次分享 故名思义就分享的页面被访问再次分享的意思。感觉好像没有什么问题呀,BUT微信...

快速实现视差滚动效果

视差滚动

“Every noble work is at first impossible. ” CSS和JS各自实现视差滚动效果 视差效果在各类网站(官网,BANNER,展示页等)上都有很多的应用,其实这种效果并不局限于滚动。 包括像鼠标移动手指移动都可以应用视差效果。这样会使你的应用直接提升一个逼格。闲话不多说,直接上DEMO. CSS视差滚动DEMO ...

CSS 样式书写规范

样式规范

“You are your greatest asset. ” CSS 样式书写规范 编码设置 采用 UTF-8 编码,在 CSS 代码头部使用: @charset "utf-8"; 注意,必须要定义在 CSS 文件所有字符的前面(包括编码注释),@charset 才会生效。 例如,下面的例子都会使得 @charset 失效: /* 字符编码 */ @char...

VUE动态路由的实现

js归纳笔记

“Hope clouds observation. ” 管理后台权限控制也是老生常谈的,今天就来谈谈VUE框架中根据用户权限显示不同的菜单。 实现思路 第一种就是先所有路由全部实例化出来,然后根据情况显示对应权限的路由 第二种就是根据权限去实例化对应的路由 我想我不用说大家也知道第二种方法更优越。第一种虽然看起来好像对应权限下只有这些路由但是我们可以通过地址去访问...

VUE结合elementUI(Pagination)进行前端分页

微码

“You are the butter to my bread, you are the breath to my life. ” 项目中我们经常会遇到后台把列表的所有数据一次传过来我们前端进行分页的情况,这里说一下基本思路,就拿第二页(假设总页数大于两页)来说,第二页的数据就是第一页最后一条(不包括)到第三页的第一条(不包括),还有一种情况就是刚好两页,那么第二页的数据就是第一页...

聊聊2017

生活

“You are the butter to my bread, you are the breath to my life. ” “聊聊2017”,真的只是闲聊,沏杯茶坐下来闲聊的那种。 本来我是打算一本正经的写写这一年技术积累和分享,but我发现忽略了更多重要的东西。(虽然技术是我的立身之本但并不是我的全部)没有了这些东西生活竟是这般索然无味! 爱情 借用朋友圈里的一句话“...