andy.Y的博客

分享、交流、学习前端最新技术及相关项目案例H5实战开发

排序:
默认
按更新时间
按访问量

基于h5实现的仿微信聊天界面web版案例

h5仿微信电脑端聊天界面实战案例|h5仿微信web端开发前一段时间有基于html5+css3开发了一个移动端h5仿微信聊天功能,最近又倒腾了一个仿微信电脑端界面,也是使用html5+css3+jquery+wcpop等技术开发的web版仿微信聊天界面。效果图:<!-- &am...

2018-05-26 12:04:04

阅读数:583

评论数:0

h5高仿微信聊天(webapp升级版)|h5微聊场景|仿微信聊天界面实例

移动端手机聊天功能很常见,现在各类app都有评论、聊天等功能,之前有写过一个H5仿微信聊天项目实战案例,最近又在原先的项目基础上,进行了一次重新架构布局,整体效果更接近原生微信聊天界面,而且用到了自己开发的定制弹窗wcPop.js,里面内置了好多种弹窗模式,可根据不同需求自行调用。另外底部编辑器部...

2018-05-04 00:57:20

阅读数:1475

评论数:0

h5仿支付宝微信支付键盘、红包数字键盘

如今的很多app的支付、输入密码等功能,都已经开始使用自定义数字键盘,不仅使用方便,而且效果挺精致,关键是可自由修改定制,这几天也试着利用H5+css3+jQ开发了下仿微信支付键盘。<!-- …… 充值弹窗模板.Start --> &lt...

2018-05-02 11:58:59

阅读数:154

评论数:0

H5实战项目案例(顺便游webapp)、一款轻量旅行app

旅行app开发|H5旅游移动端(顺便游)|H5模板项目实战 这几天利用HTML5+css3开发了一个仿移动端携程、同程、去哪儿、马蜂窝,该项目只有四个模块【目的地、看游记、找攻略、私人定制】,采用750px设计稿 使用rem响应式配合fontsize.js,模拟了滚动到底部加载更多。里面行程...

2018-03-20 11:54:23

阅读数:371

评论数:4

2018移动端h5项目分享|移动端HTML5+css3|web前端开发

H5实战项目分享|HTML5移动webapp开发|H5模板源码这几天一直在捣鼓HTML5+css3项目开发(装修webapp),采用750px设计稿 使用的是css3新适配像素rem单位+fontSize,用到了transition过渡及transform动画效果。模拟原生app上拉刷新、下拉加载...

2018-03-11 10:53:48

阅读数:968

评论数:0

HTML5 video控件去掉右边下载按钮

如上图所示,一般浏览器下HTML5 video控件不会出现下载按钮,只有谷歌浏览器会(低版本的右下角也不会有下载按钮) 。如果你的谷歌浏览器版本是54.0-57.0之间,并且也出现了视频右下角有按钮的情况都可以使用下面的代码。解决方法:video::-internal-media-controls...

2018-03-08 10:04:39

阅读数:88

评论数:0

探索jQuery源码浅析-整体架构

最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美。其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外,阅读源码让我接触...

2018-03-07 10:07:35

阅读数:29

评论数:0

H5币圈区块链技术实战项目案例

近两年区块链、币圈、比特币bitcoin等词频繁出现在各大媒体平台,一时讨论、热搜甚多,这几天也利用html5+css3+zepto+swiper等技术写了个移动端币价行情项目,为了适配各种大屏手机,采用的方案使用相对单位rem。页面采用的是fontSize.js控制设备适配像素的。(functi...

2018-03-05 14:45:03

阅读数:180

评论数:0

H5移动端弹窗插件xwpop.js(多功能调用)

之前有写过很多弹窗效果,都是一些粗糙功能,而且代码多,不够精简优雅,运行起来也有些卡顿。最近在做一个移动端项目,刚好项目中需要用到很多弹窗功能,如是重新写了个移动端xwpop.js弹窗插件,有9种基本提示功能,如果需要定制一些其它弹窗效果,也预留了自定义接口。 配置调用方法: ...

2018-01-09 17:56:03

阅读数:1254

评论数:1

H5实战案例分享、HTML5+css3淘宝客开发实战、H5微商城源码

闲暇之余,做一些实战项目,一来打发下无聊时间,而来巩固下之前的学习,顺便也分享分享下项目实战案例;该项目是利用H5+css3开发的淘宝客移动端微商城,每个页面都有明细注释,而且都是纯手写代码。 登录logo搜索区直接铺在背景banner上面; 全屏下拉分类展示; 晒单分享页面,...

2017-11-30 16:34:14

阅读数:1035

评论数:1

微信小程序自定义弹窗showModel模态框、Toast提示框、actionSheet底部动画弹窗(多API调用)

微信小程序官方API提供的显示模态弹窗,只能简单地显示文字内容,官方的样式并不能满足业务需求,不能对对话框内容、宽高、样式进行自定义,欠缺灵活性,为了解决这一痛点,所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。整合了showModel模态框+Toast提示框+actionSheet底部弹...

2017-11-09 11:21:56

阅读数:2140

评论数:2

小程序:购物车项目案例(加减商品数量、全选与全不选、价格汇总、删除提示)

最近由于项目需要,就利用小程序做了个购物车功能的小demo,大家可以参考下。 功能点: 加减商品数量(可自定义商品数量)、汇总价格、全选与全不选、删除商品弹窗提示 主思路: 一、本地模拟Json数据格式的数组(1.购物车商品id:cid   2.标题title   3.图片地址   4.数量n...

2017-07-31 15:51:20

阅读数:4400

评论数:1

【分享】css3最全flex布局,搞定移动端所有布局结构

寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐,然而很快就失望的发现 CSS 中并不存在 float: ...

2017-07-21 10:27:58

阅读数:1970

评论数:0

jQuery统计文本框textarea字数(js判断中英文字数)

使用jQuery统计文本框中文字数,统计textarea剩余字数~~ 还可以输入150字 var txtobj = { divName: "area-wordlimit", //外层容器的class te...

2017-07-20 14:25:48

阅读数:258

评论数:0

【分享】小程序表单字数统计、小程序计算textarea中字数(剩余字数)

我们知道在pc和移动端统计字数、剩余字数,使用jquery就很容易实现。 如果在小程序中进行字数/剩余字数统计如何实现呢,其实也很简单,没有那么难! 直接在textarea中绑定bindinput事件,然后通过获取小程序textarea值 var value = e.detail.value;  ...

2017-07-20 10:21:02

阅读数:2160

评论数:1

小程序:酒店商城项目案例源码(内含动画弹窗、城市选择)

运用小程序技术开发的酒店商城型小程序,该小程序项目源码全部纯手写,简单易懂,案例中用到了一些常用组件 如: swiper、scroll-view、navigator.....,并且使用微信动画函数自写了一个底部动画弹窗特效(可自定义弹窗内容),另外有小程序城市定位选择switchCity,滑动点击...

2017-07-16 10:57:26

阅读数:1694

评论数:0

H5版仿微信聊天源码案例(微信聊天框、微信表情 长按删除操作…)

H5微聊仿微信聊天案例(微信聊天框、微信表情 长按删除操作…)

2017-07-03 16:07:38

阅读数:343

评论数:0

H5微信聊天案例、html5+css3仿微信聊天界面对话框 微信红包-打赏-霸屏

最新因项目需要,就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能,可以发微信表情,查看图片、视频...===HTML片段:<!DOCTYPE html> <html lang="zh-c...

2017-06-28 18:25:21

阅读数:16418

评论数:12

HTML5+css3圆形指针旋转进度条、css3动态进度条

HTML5+css3+jqueryRotate构建的炫酷css3圆形滚动进度条特效、css3动画加载进度条

2017-05-14 13:27:10

阅读数:401

评论数:0

淘试客H5前端web项目实战、HTML5+css3项目案例分享

运用HTML5构建的淘宝试客网站,纯手写代码、UI精简极致、页面流畅运行,项目案例实战分享!

2017-03-12 17:32:23

阅读数:4746

评论数:1

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