快速上手indexedDb进行业务开发

这篇文章不是对indexedDb进行详细介绍,只是我在上手使用中发现完整介绍怎么使用indexedDB的资料实在太少,大部分就是为了混个阅读量简单介绍一下,所以整理一些我在使用过程中的经验方便大家在业务压力下快速上手 传送门: https://developer.mozilla.org/zh-CN...

2019-05-30 14:20:01

阅读数 6

评论数 0

梳理所有前端异步解决方案

众所周知js是单线程,从头跑到尾然后不停的事件循环,但是浏览器是多线程的,所有前端所有的异步可以归纳为,js的事件循环在根据标准不停的前后执行不同异步线程的回调 其实现在js对于异步的所有解决方案不管是async 还是 promise 还是监听什么的归根结底都是回调触发,而我们至今为异步所作的所有...

2019-05-27 19:06:03

阅读数 7

评论数 0

element动态更换主题

未完待续

2019-04-09 11:36:30

阅读数 35

评论数 0

axios使用protobuf进行通讯

https://github.com/protocolbuffers/protobuf https://github.com/dcodeIO/protobuf.js#pbts-for-typescript Protocol Buffers 是一种轻便高效的结构化数据存储格式,可以用于结构化数据串行...

2019-04-04 19:39:17

阅读数 435

评论数 1

vue element table 表格列进行再排序

示例 展示 http://www.oujin.fun/webPage/dragTable/index.html#/ 用法 https://github.com/oujin-nb/column_element_dragtable 源码 <template&gt...

2019-02-27 14:08:23

阅读数 172

评论数 0

浏览器内核(webkit)学习笔记

浏览器缓存策略 当一个资源被加载后,会被放在资源池中,当页面被再次加载时,浏览器会首先判断该资源是否在资源池中,如果存在则发送一个http请求说明该资源在本地的一切信息,如果该资源没有更新则服务器返回一个304,浏览器则对本地资源池的数据进行就地复用 未完待续… ...

2019-02-21 20:26:16

阅读数 60

评论数 0

pc端自适应,完美还原设计稿

px:不会随着尺寸的变化而变化 百分比:缩放 rem 这时候我们就只需要按照ui给我们的设计稿,配好px转rem的插件就可以完美的适配ui稿了,比如ui给的是1920的稿子,那我们只需要如下配置 "postcss-pxtorem": { ...

2019-01-09 16:10:11

阅读数 1256

评论数 0

h5移动端页面适配填坑(持续更新中)

一.安卓键盘弹起挤压ui 1,在页面加载时即计算出页面的高度并保存 this.viewHeight = document.body.clientHeight; 2,在input框获取到焦点时将该值赋给最外层div即可 document.getElementById("ma...

2018-12-27 09:08:29

阅读数 75

评论数 0

vue eventBus实现原理,你没看懂算我输

刚开始拿到eventBus的时候很幼稚的想,用一个全局vue对象充当数据容器,那为什么不用一个全局的map就可以 window.busMap = {} 组件a pd: window.busMap.a, <template> &...

2018-12-13 21:14:17

阅读数 1057

评论数 0

vue数据依赖链路追踪系统底层源码分析(持续中.......)

const data = { a: 1 } let Targer = null let Dep = [] Object.defineProperty(data, 'a',{ get(){ Dep.push(Targer) }, set(){ Dep.forEach(fn =&a...

2018-12-13 19:49:38

阅读数 28

评论数 0

JS 银行卡格式输入框

JS 银行卡格式输入框 效果 http://www.oujin.fun/webPage/inputTest/index.html#/ 代码 <template> <div class="content row-ce...

2018-12-05 16:09:25

阅读数 46

评论数 0

canvas文本绘制自适应以及自动换两行

自适应 1算出文本宽度,后面的文本位置加上前面的宽度 // 获取字符串长度 getStrWidth(ctx, str) { var lineWidth = 0 for (let code of str) { lineWidth +...

2018-11-27 19:18:32

阅读数 303

评论数 0

mpvue解决同一页面组件反复进入数据被覆盖的问题

问题当同一个页面组件被反复进入时由于在mpvue中他们用的是一套vm,所以后面渲染的数据就会将前面页面的数据覆盖,这样在我们回退时就不会有以前页面的记录,一直会是最后一张页面的记录 思路每次当我们对同一页面组件进行跳转的时候将该页面的数据this.$data push进数据栈中,当在该页面组件执行...

2018-11-23 14:46:13

阅读数 1355

评论数 0

微信小程序局部刷新触发整页刷新效果

效果图 如上图所示,头部的选项栏时固定的(fixed),下部的信息栏是滚动的, 由于头部是fixed所以无法实现下拉刷新的效果,如果去掉fixed当我们上拉的时候,选项栏又无法固定,所以我们需要监听页面下拉的状态随时改变选项栏的状态 1获取滚动状态 onPageScroll(e) { ...

2018-11-21 14:47:50

阅读数 621

评论数 0

webpck -webkit-box-orient: vertical

/*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ 信大哥的,没错

2018-11-21 14:30:55

阅读数 107

评论数 0

mpvue上拉刷新,下拉加载

第一种 重点:不要用scroll-view 效果 main.json { "navigationBarTitleText": "", "enablePullDownRefresh"...

2018-11-20 15:27:43

阅读数 1728

评论数 2

canvas绘制多张网络图片

为了解决多重回调,所以采用promise 第一步 新建一个方法接受网络图片url返回一个promise对象 // 新建promise对象 downfile(url) { return new Promise(function (resolve, reject...

2018-11-19 10:16:04

阅读数 111

评论数 0

js-xlxs导出excel

s2ab(s) { if(typeof ArrayBuffer !== 'undefined') { var buf = new ArrayBuffer(s.length); var view = new Uint8Arr...

2018-10-30 18:07:50

阅读数 43

评论数 0

input框图片预览

input框图片预览 效果 <!DOCTYPE html> <html lang="en"> &amp...

2018-10-30 11:30:00

阅读数 113

评论数 0

前端axios下载excel文件(二进制)的处理方法

示例 downExcel(){ var d=new Date() this.$http({ url: "", method: 'get', ...

2018-10-18 17:18:14

阅读数 528

评论数 2

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