javascript 移动端

2024-11-05

移动端——JS（一）

javascript(简称js)语言在移动前端可以说必不可少,许多效果都是和js相关的,包括现在移动端的一些框架:jqmobi.jqtouch.sencha touch.jquerymobile等等.都是基于js编写的. 暂时不讨论这些框架,主要讨论一下部分常用的js事件在移动端的使用.举几个例子: 1.隐藏地址导航栏: <script> // 该函数由Simon Willison编写,它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字) function addLoa

javascript无线端的判断

经常在工作中要求网页做这样的处理判断:针对无线端的网页,我们需要兼容一种异于PC端的网页效果. 如下代码就可以实现无线端的判断: var mobs = ['android', 'ipad', 'ipod', 'phone', 'mobile', 'mobi'], isMob; for (var i = 0; i < mobs.length; i++ ) { if (navigator.userAgent.toLowerCase().indexOf(mobs[i]) > -1 ) { isMob

javascript移动端禁止页面滑动的解决方案

1 前言移动端网页,发现ios平台的iphone或者ipad,网页可以上下左右移动,而Android版则不会.仅作为记录使用. 2 代码 var mo=function(e){e.preventDefault();}; function stop(){ document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动 } //直接默认不让滑动 stop();

[javascript]——移动端 HTML5 图片上传预览和压缩

在开发移动端web网页中,我们不可避免的会遇到文件上传的功能,但由于手机图片尺寸太大,上传时间过长导致用户体验太差,就需要在上传前对图片进行一定的压缩. 在代码之前,有必要先了解我们即将使用到的几个API file 和 FileList 对象 file对象可以用来获取某个文件的信息,还可以用来读取这个文件的内容.通常情况下,File对象是来自用户在一个 input 元素上选择文件后返回的FileList对象,也可以是来自由拖放操作生成的 DataTransfer对象. 通常情况我们这样使用它:

javascript移动端滑屏事件

来看看在pc上面的几个事件:onmousedown,onmousemove,onmouseup 我相信大家对这几个事件一定不陌生,第一个onmousedown表示鼠标按下,第二个onmousemove表示鼠标移动,第三个onmouseup表示鼠标抬起,虽然在移动端也支持这几个事件,但是性能并不理想,所以我们会用到移动端的按下,移动,抬起事件. 分别是:ontouchstart:手指按下事件 ontouchmove:手指移动事件 ontouchend手指抬起事件

javascript移动端电子书翻页效果

1.后端给一长串的纯文本 2.前端根据屏幕的高度,将文本切割为 n 页 3.使用插件 turn.js 将切割好的每页,加上翻书效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale

Node.js是一个事件驱动I/O服务端JavaScript环境

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎.目的是为了提供撰写可扩充网络程序,如Web服务.第一个版本由Ryan Dahl于2009年发布,后来,Joyent雇用了Dahl,并协助发展Node.js. 其他编程语言的类似开发环境,包含Twisted于Python,Perl Object Environment于Perl,libevent于C,和EventMachine于Ruby.与一般JavaScript不同的地方,Node.js并不是在Web浏

2017 年值得一瞥的 JavaScript 相关技术趋势

跨年前两天,Dan Abramov在Twitter上提了一个问题: JS社区毫不犹豫的抛出了它们对于新技术的预期与期待,本文内容也是总结自Twitter的回复,按照流行度降序排列.有一个尚未确定的小点是既然函数式编程已不再是少数派,是否要把它踢出红毯呢? WebAssembly 去年笔者就表示过了对于WebAssembly的期待,WebAssembly就是面向Web平台的底层代码.其初衷是希望能够使所有语言都能够编译运行到Web平台,这一点对于很多函数式编程.响应式编程的粉丝充满吸引力.特别是随

JS手机访问PC端网站自动跳转到手机端网站

JavaScript权威指南（第六版）--JavaScript概述 DEMO

//所有在双斜线之后的内容都属于注释 //仔细阅读这里的注释:它们对JavaScript代码做了解释 //变量是表示值的一个符号名字 //变量是通过var关键字声明的 var x; //声明一个变量x //值可以通过等号赋值给变量 x=0; //现在变量x的值为0 x // =>0:通过变量获取其值 // JavaScript支持多种数据类型 x=1; //数字 x=0.01; //整数和实数共用一种数据类型 x="hello world"; //由双引号内的文本构成的字符串 x

2017值得一瞥的JavaScript相关技术趋势

2017值得一瞥的JavaScript相关技术趋势从属于笔者的Web 前端入门与工程实践,推荐阅读2016-我的前端之路:工具化与工程化获得更多关于2016年前端总结.本文主要内容翻译自,笔者对于每个条目进行了些许完善. 本文中提及的这些趋势可能离大部分开发者还很远,或者说离真正的大规模工程化应用还很远,不过不妨碍我们提前两三年了解下.本文仅代表原作者个人看法,不喜留言轻喷,译者也很好奇大家对这个列表的看法. 跨年前两天,Dan Abramov在Twitter上提了一个问题: JS社区毫不犹豫的

前端笔记之移动端&响应式（下）默认样式&事件&惯性抛掷&swiper&loaction对象

一.移动端默认样式 ·IOS和Android下触摸元素时出现半透明灰色遮罩 a,input,button{ -webkit-tap-highlight-color: transparent; } ·IOS按钮圆角的问题 button,input{ border-radius:; -webkit-appearance: none; } ·上下拉动滚动条时卡顿.慢 body { -webkit-overflow-scrolling: touch; overflow-scrolling: touc

ios端position为fixed失效的解决办法

关键代码 document.getElementById("searchInputbox").addEventListener('touchmove', handler, {passive: false}); function handler() { event.preventDefault(); } var contentBox=document.getElementById("contentBox") contentBox.ontouchstart = func

移动端的rem适配

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0;} ul{ width:100%; height:1rem; background: red; } li{ width:1rem; height:1rem; font-size:0.2rem; color:bl

全端开发必备！10个最好的 Node.js MVC 框架

Node.js 是最流行的 JavaScript 服务端平台,它允许建立可扩展的 Web 应用程序.Node.js 包含不同类型的框架,如 MVC 框架.全栈框架.REST API 以及大量的服务器库,使它能够快速构建 Web 服务器,而无需使用外部软件(如 Apache 和 Lighttpd 等).这些框架使得它更加用户友好,易于使用,还支持众多的特性和功能,只要按照几个步骤就可以开发出庞大的 Web 应用程序. 今天,我们挑选了10个最好的 Node.js MVC 框架分享给 Web

web开发中常用的技术体系

HTML html(HyperText Markup Language)超文本标记语言"超文本"就是指页面内可以包含图片.链接.程序等非文字元素. 超文本标记语言的结构包括"头&quto;部分(head)和"主体"部分,其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容.文件扩展名为.html. 网页的本质就是超文本标记语言,通过结合使用其他的web技术(脚本语言,样式)可以创造出功能强大的网

bootstrap布局网格系统

Bootstrap 网格系统本章节我们将讲解 Bootstrap 的网格系统(Grid System). Bootstrap 提供了一套响应式.移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列. 什么是网格(Grid)? 摘自维基百科: 在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的.水平的)组成的结构(通常是二维的).它广泛应用于打印设计中的设计布局和内容结构.在网页设计中,它是一种用于快速创建一致的布局和有效地使用 HTM

PHP Error 和 Logging 函数

PHP Error 和 Logging 函数 PHP Error 和 Logging 简介 Error 和 Logging 函数允许您对错误进行处理和记录. Error 函数允许用户定义错误处理规则,并修改记录错误的方式. Logging 函数允许用户对应用程序进行日志记录,并把日志消息发送到电子邮件.系统日志或其他的机器. 执行配置 error 函数受 php.ini 配置文件影响. 错误和日志配置选项: 参数默认值描述可修改范围 error_reporting NULL 设置 PHP

photoSlider-原生js移动开发轮播图、相册滑动插件

详细内容请点击在线预览立即下载使用方法: 分别引用css文件和js文件如: <link rel="stylesheet" type="text/css" href="css/photoSlider.min.css" /><script src="js/photoSlider.min.js" type="text/javascript" charset="utf-8&q

Ajax 技术一

一.Ajax概述 1.历史起源 1998年,微软公司Outlook Web Access研发小组在当时的IE浏览器中集成了一种技术,可以在客户端无刷新的前提下向服务器端发送Http请求,这门技术称之为"XMLHTTP". 2005年,谷歌公司在自家的多款产品(Gmail邮箱.Google Suggest搜索建议.Google地图)中应用了Ajax技术,从此Ajax火的一塌糊涂- 2.什么是Ajax技术 Asynchronous :异步 JavaScript :Javascript技

JS原型与原型链终极详解(转)

JavaScript原型及原型链详解一. 普通对象与函数对象 JavaScript 中,万物皆对象!但对象也是有区别的.分为普通对象和函数对象,Object,Function 是JS自带的函数对象.下面举例说明 function f1(){}; var f2 = function(){}; var f3 = new Function('str','console.log(str)'); var o3 = new f1(); var o1 = {}; v

javascript 移动端

热门专题