移动端 oncanplaythrough不起作用

2024-10-29

总结最近移动端遇到的坑（auto-size + zepto）

问题一:移动端页面双击会放大,图片时大时正常,布局偶尔很丑..刷新多遍又乜有问题解决:所有图片设置宽高100%,最外面的html,给个 <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum- scale=1.0,minimum-scale=1.0"> 问题二:动态渲染页面时,最后一个子元素往往也有右边距,利用last-ch

android客户端app和服务端交互token的作用

Android客户端和服务端如何使用Token和Session niceheart关注1人评论34644人阅读2014-09-16 16:38:44 对于初学者来说,对Token和Session的使用难免会限于困境,开发过程中知道有这个东西,但却不知道为什么要用他?更不知道其原理,今天我就带大家一起分析分析这东西. 一.我们先解释一下他的含义: 1.Token的引入:Token是在客户端频繁向服务端请求数据,服务端频繁的去数据库查询用户名和密码并进行对比,判断用户名和密码正确与否,并作出相应

让 jQuery UI draggable 适配移动端

背景: 在移动端,本人要实现对某个元素的拖动,想到使用 jQuery UI 的 draggable 功能.但是发现此插件的拖动只支持PC端,不支持移动端. 原因: 原始的 jQuery UI 里,都是mousedown.mousemove.mouseup来描述拖拽和鼠标的点击事件,而在移动端里,肯定要新添touchstart.touchmove.touchend来描述拖拽和手指的点击事件实现 demo: <!DOCTYPE html> <html lang="en"

css笔记——移动端

苹果手机 /*按钮样式:*/input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 以下内容出处:http://blog.sina.com.cn/s/blog_51048da70102uyjp.html 1.-webkit-tap-highlight-color -webkit-tap-highlight-color:rgba(0

移动端reset.css

* { margin:; padding:; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } html { font-size: 12px; color: #666; font-family: 'Microsoft Yahei' 'Helvetica Neue', Helvetica, STHeiTi, Ar

移动端reset

* { margin: 0; padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}html { font-size: 12px; color: #666; font-family: 'Microsoft Yahei' 'Helvetica Neue', Helvetica, STHeiTi, Ar

PC端和移动APP端CSS样式初始化

CSS样式初始化分为PC端和移动APP端 1.PC端:使用Normalize.css Normalize.css是一种CSS reset的替代方案. 我们创造normalize.css有下面这几个目的: 保护有用的浏览器默认样式而不是完全去掉它们一般化的样式:为大部分HTML元素提供修复浏览器自身的bug并保证各浏览器的一致性优化CSS可用性:用一些小技巧解释代码:用注释和详细的文档来 Normalize.css支持包括手机浏览器在内的超多浏览器,同时对HTML5元素.排版.列表.嵌入的

移动端H5的一些基本知识点总结

移动端H5的一些基本知识点总结来到这家公司之后,和曾经的工作发生了非常大的转变.曾经我一直是做PC端页面的.来到如今这家公司之后,主要是做手机移动端的页面. 移动端的页面在我这个做习惯了PC端页面的人看来,应该是非常easy的一些事情.可是在上手的过程其中,还是发现,原来移动端尽管DOM结构要简单得多,可是须要注意的细节,还是非常多的.原因非常easy,那就是,你必须考虑全部的手机上不同分辨率的展示效果. 移动端的分辨率有哪些呢? 以iphone为例,有下面分辨率 iphone4 640*96

适应移动端 iPhone & Android 微信页面的一些css属性

1.-webkit-tap-highlight-color -webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0,去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android) -webkit-tap-highlight-color:rgba(255,0,0,0.5); //利用此属性,设置touch时链接区域高亮为50%的透明红,只在iOS上起作用.Android上只要使用了此属性就表现为边框.在body上加此属性,这样

移动端自适应之flexible

移动端自适应之flexible 作用:flexible的作用是使页面可以适配不同移动终端原理:在页面html标签上添加style = "font-size: 36px;"样式,设置字体大小是屏幕宽度的十分之一.然后页面布局使用rem单位. VUE:在vue-cli中需要使用lib-flexible 在组建中引入即可 npm i lib-flexible --save import 'lib-flexible' 注意: 需要在html页面中添加移动端兼容代码: <meta nam

Netty：数据处理流程

Netty作为异步的.事件驱动一个网络通信框架,使用它可以帮助我们快速开发高性能高可靠性的网络服务. 为了更好的使用Netty来解决开发中的问题,学习Netty是很有必要的. Netty现在主流有三个版本:Netty3.Netty4.Netty5.这三个版本中,变化最大的要数线程模型了,各版本的线程模型均不相同.但是有一点是变化不大的,那就是Channel模型,因而数据处理流程也不会有太大的变化.所以本篇就来说一下Netty的数据处理流程,各版本的线程模型会后续说明. Channel 模型关于

SVN版本控制系统

SVN 版本控制系统 1.SVN作用防止代码丢失 : 因为没有哪个项目能够一次性开发完成代码版本回退 : 你可以在开发过程中找到以前上传到服务器上面的所有版本多人代码整合 : 公司中多个人开发同一个项目,个人做个人的模块,最后将大家的代码进行整合使用权限控制 : 一般公司会为新员工设置权限,不让他们直接对代码进行修改,只可以阅读解决bug冲突 : 如果合作中作品出现bug可以通过svn进行责任追究 2.SVN应用 svn分两个角色 : server端和 client端服务端 —>

IOS socket开发基础

摘要详细介绍了iOS的socket开发,说明了tcp和udp的区别,简单说明了tcp的三次握手四次挥手,用c语言分别实现了TCPsocket和UDPsocket的客户端和服务端,本文的作用是让我们了解socket的一些原理以及底层基本的结构. 由于博客迁移至www.coderyi.com,文章请看http://www.coderyi.com/archives/429 socket udp tcp iOS 三次握手四次挥手目录[-] socket简介 tcp和udp的区别 TCP三次握手和四次

CXF之五拦截器Interceptor

拦截器(Interceptor)是CXF功能最主要的扩展点,可以在不对核心模块进行修改的情况下,动态添加很多功能.拦截器和JAX-WS Handler.Filter的功能类似,当服务被调用时,就会创建一个拦截器链(Interceptor Chain),拦截器链在服务输入(IN)或输出(OUT)阶段实现附加功能. 拦截器可以在客户端,也可以在服务端添加.当客户端发起一个WebService请求时,在客户端会创建输出拦截器链,服务端接收到客户端的后,会创建输入拦截器链.当服务端返回响应消息时,响应消

SOAP消息分析

根据WebService学习笔记系列(二)中的介绍,使用tcpmon可以捕获到我们发出或者接收到的xml内容,接天我们就对这些xml内容做一个简单的分析.还记得在WebService学习笔记系列(四)中我们详细介绍过服务器端程序的编写,本文的服务端程序依然沿用其中的服务端代码,但是系列(四)对于接口上的注解并没有详细的解释,今天先来看看接口上的注解有什么作用. @WebService public interface IMyServer { @WebResult(name="addResult&

Aspx 页面生命周期

ASP.NET 页运行时,此页将经历一个生命周期,在生命周期中将执行一系列处理步骤.这些步骤包括初始化.实例化控件.还原和维护状态.运行事件处理程序代码以及进行呈现.了解页的生命周期非常重要,这样就能在合适的生命周期阶段编写代码,以达到预期效果.此外,如果开发自定义控件,则必须熟悉页生命周期,从而正确地初始化控件,使用视图状态数据填充控件属性以及运行所有控件行为逻辑.(控件的生命周期基于页的生命周期,但是页引发的控件事件比单独的 ASP.NET 页中可用的事件多.) 常规页生命周期阶段一般

关于commonjs，AMD，CMD之间的异同

1.简介随着前端业务复杂度的增加,模块化成为一个大的趋势.而在ES6还未被浏览器所支持的情况下,commonjs作为ES6中标准模块加载方案,在客服端中的支持情况并不好,现在在客服端中有2中模块化的解决方案,CMD和AMD,他们的代表分别为seajs和requirejs.这篇文章主要介绍我对commonjs.AMD以及CMD的理解. 2.commonJS commonjs的目标是制定一个js模块化的标准,它的目标制定一个可以同时在客服端和服务端运行的模块.这些模块拥有自己独立的作用域,也可以向

基于netty框架的Socket传输

一.Netty框架介绍什么是netty?先看下百度百科的解释: Netty是由JBOSS提供的一个java开源框架.Netty提供异步的.事件驱动的网络应用程序框架和工具,用以快速开发高性能.高可靠性的网络服务器和客户端程序. 也就是说,Netty 是一个基于NIO的客户.服务器端编程框架,使用Netty 可以确保你快速和简单的开发出一个网络应用,例如实现了某种协议的客户,服务端应用.Netty相当简化和流线化了网络应用的编程开发过程,例如,TCP和UDP的socket服务开发

Docker系列二：Docker的基本结构

Docker的基本结构 Docker 的三大基础组件 Docker有三个重要的概念:仓库 , 镜像和容器 ,它们是Docker的三大基出组件 Docker的组织结构 Docker处于操作系统和虚拟容器(lxc 和 libcontainer)之上.它会通过调用cgroup , namespaces 和 libcontainer等系统层面的接口来完成资源的分配与相互隔离: 在一台主机上,Docker Daemon为守护进程(server端),它的功能有: 它将控制所有容器的运行监听Docker

Vim/Vi常用操作(第二版)

周围同事不是用vim就是Emacs,你要是用一ultraedit,你都不好意思跟人家打招呼;什么插件呀,语法高亮呀,拼写检查呀,能给它开的都给它开着,就是一个字儿:酷. 你说这么牛B一东西,怎么着学会也得小半年吧.半年!入门都远着呢,能学会移动光标就不错了,你还别说耗不起,就这还只是左右移动!!! Vim/Vi简介所有的Linux/UNIX都会默认安装Vi,现在主流的Linux都会给默认安装vim. Vim/Vi是一个功能强大的全屏幕文本编辑器, 是Linux/UNIX上最常用的文本编辑器,

Docker 概览

什么是Docker Docker是开发,运行和部署应用程序的开放管理平台. 开发人员能利用docker 开发和运行应用程序运维人员能利用docker 部署和管理应用程序 Docker 平台介绍 Docker提供了在一个完全隔离的环境中打包和运行应用程序的能力,这个隔离的环境被称为容器. 由于容器的隔离性和安全性,因此可以在一个主机(宿主机)上同时运行多个相互隔离的容器,互不干预. Docker已经提供工具和组件(Docker Client.Docker Daemon等)来管理容器的生命周期:

移动端 oncanplaythrough不起作用

热门专题