狂奔的蜗牛的博客

一个前端菜鸟

vue单页应用页面缓存方案----纯干货

    公司项目是用vue进行开发,在开发过程中,我们发现一个极差的体验。场景是这样的,我们的产品首页是一个列表,当用户滚动到距离顶部一定的距离,然后点击列表项进入详情再返回的时候列表数据重新加载,且滚动到了顶部,这简直是一个不能忍受的事情。于是准备对我们的项目体验进行优化,从最开始了解的keep...

2018-04-19 14:48:24

阅读数 4773

评论数 2

手把手教你如何用Vue实现拖动右侧导航选择联系人--V-UI之QuickIndex

先上图是不是有种浓浓的原生联系人应用的赶脚,下面我们来看看如何实现》先看看如何使用let data = ["河北省石家庄市", "河北省唐山市", "山西省太原市", "内...

2018-04-10 10:45:49

阅读数 679

评论数 3

Vue脚手架工程优化之源码和图片压缩--webpack配置

    在前端做加载速度优化的方案中,有一个是对源码和图片大小进行压缩。顾名思义就是将源码去掉空格、注释、换行等生产环境中的无用信息。图片在不影响效果的前提下进行压缩。从而减小图片大小,页面在加载的时候由于加载的资源较小,实现更快加载。公司的项目是通过Vue的脚手架工具搭建的。所以用到了webpa...

2018-04-10 09:27:13

阅读数 1294

评论数 1

javascript实现根据汉字获取拼音或者获取拼音首字母

    一直不明白输入汉字获取拼音是怎么做到的,空闲之余在网上查了网上有很多这样的在线工具,但是毕竟是在线的,如果用在实际项目中这个不太实际,如联系人选择列表这样的需求。于是通过浏览器的调试工具查看了一下在线工具的实现,加上自己的理解做了一个封装,以下是js部分,话不多少直接上代码。js部分var...

2018-04-09 16:35:03

阅读数 3904

评论数 1

移动webUI框架v-ui之Pull2Refresh

        基于vuejs开发v-ui的由来为个人最开始打算将h5项目中用到的控件封装成类似于原生android和ios控件库的样子,下次用的时候直接拿来用而不是重新实现一套。现在移动端ui框架有很多,风格各异且基本上都有一个问题没有做解决,比如alert弹出的时候没有处理用户点击返回的逻辑,...

2018-04-08 12:50:41

阅读数 188

评论数 0

移动web ui框架----v-ui

        v-ui是一套根据vuejs设计开发的开源框架,其中包含了h5开发中用到的大量ui控件,如AppBar,Tablayout,SearchBar,Toast,SnackBar,Alert,Comfirm,Prompt询问对话框,Progressbar,ActionSheet,Time...

2018-03-27 16:06:08

阅读数 987

评论数 0

使用Crosswalk遇到的坑,input type=file 默认点击无反应解决办法

公司的移动端使用的是web,通过Crosswalk替代webview进行加载访问,以提高效率。最近公司进入第三方客服系统,分别针对pc端和手机端有不同的页面。其中在手机页面上有发送表情和图片功能,表情功能正常,选择图片在微信中正常,app中出现点击无反应。最开始通过网络查找资料,发现关于Cross...

2017-10-18 12:27:44

阅读数 1358

评论数 0

高仿猪八戒网右侧功能区

直接上图 github地址:https://github.com/thunderobot/tpw

2017-09-26 13:09:27

阅读数 174

评论数 0

移动前端使用微信js-sdk调用wx.chooseImage()时ios无法回调success方法问题所在

最近在依托于微信开发公司的项目,其中使用到了微信提供的js-sdk的以下接口: 图像接口 拍照或从手机相册中选图接口 wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定...

2016-12-12 10:33:04

阅读数 22552

评论数 0

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