移动web

微信内置浏览器中如何实现点击电话号码自动到拨号页面？

一般的web处理1.一键拨号：马上拨打电话100862.发送短信功能：发送短信发送短信3、移动web页面自动探测电话号码4.使用wtai协议进行拨打电话。
阿龙哥哥·2020-07-12 04:39

H5移动web页面触摸按钮效果实现-模拟按钮hover效果实现

移动端触摸按钮的效果，可明示用户有些事情正要发生，是一个比较好体验，但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，还好国外有个激活css的active效果，代码如下：.btn{display:block;position:relative;top:100px;margin:20px;width:200px;height:50px;line-height:50px;tex
Joshua__Peng·2020-07-12 02:51

如何利用HBuilder快速设置外部web服务器来测试移动web

HBuilder关于HBuilder工具的简介：HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、
东-雄平·2020-07-12 01:53

[前端学习]移动web部分学习笔记，第一天

这样可以有效的避免元素过宽，导致移动端设备不能显示完全的问题目前来说，流式布局配合h5和c3是移动web开发最常用的处理方案viewport概念：PC浏览器在渲染html页面时，直接就在浏览器的窗口中显示
印象rcj·2020-07-11 21:15

移动端常用的四个框架

组件都有点击态，大大增加了用户的体验好感，高清屏幕下border:0.52：FrozenUI专注于移动web的UI框架,基于腾
超级无敌皮皮超·2020-07-11 19:14

浅谈Web自适应

转载自：http://web.jobbole.com/87267/前言随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。
lijunlinlijunlin·2020-07-11 11:05

移动web开发之响应式布局

移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）1.2响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是
function_road·2020-07-11 06:31

移动Web与js定时器暂停或不准确计时的问题解决

今天继续聊一聊JavaScript定时器与移动Web这个话题。计时器最简单的计时器只需要一个时间变量和固定间隔运行的函数就可以了，定期把上一次时间（默认为系
dearcai11112·2020-07-11 04:26

rem 原理与简介

html根元素大小而定，同样可以作为宽度，高度等单位适配原理：将px替换为rem，动态修改HTML根元素的font-size适配兼容性：Ios6以上和Android2.1以上，基本覆盖所有流行的手机系统//移动
aijiaju0221·2020-07-11 01:11

推酷《编程狂人》第一五三期

前端开发移动Web利器transformjs入门vue2.0构建单页应用最佳实战移动端HTML5页面开发备忘录JavaScript原型链深入理解nuxt.js-Vue.js后端渲染开源库20条书写CSS
推酷·2020-07-10 15:26

基于[email protected]的移动webapp项目搭建

1.执行vue.createapp-name创建一个项目2.进入到项目目录，如果没有安装router，就执行npminstallvue-router-s安装vue-router并写入依赖3.清除无用的文件，让src目录保持最简单的一个min.js和App.vue即可4.创建一个名为views的目录，在里面分别创建Home.vue,Mall.vue,Cart.vue,Mine.vue这四个页面级的视
XiaoErGG·2020-07-10 10:38

移动web-01

文章目录第1章基础知识1.1屏幕1.2长度单位1.3像素密度1.4设备独立像素1.5像素第2章远程调试2.1模拟调试2.2真机调试第3章视口3.1PC设备1.2移动设备1.3移动浏览器第1章基础知识1.1屏幕移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。通常我们所指的屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸来度量）如下图所示而分辨率则一般用像素来度量px
不断前行的菜鸟_·2020-07-10 09:50

微信分享，二次分享(移动web端)

create-at2019-02-16引入微信JS-SDKhttp://res.wx.qq.com/open/js/...(当前最新版本)js相关代码(移动端实测,需做老版本兼容)functionweChatShare(title,desc){varlink=window.location.href;varserverUrl=encodeURIComponent(link);varimgUrl='
weixin_34226182·2020-07-10 08:10

如何在一个页面用多个swiper插件

在编写移动web前端页面时,发现公司的原代码引用沉重杂乱,因此才找到了swiper这款强大的移动web前端js插件。下面就是在学习及使用过程中的碰到的问题和解决方法。。
唐大帅·2020-07-10 05:47

基于HTML5的移动Web应用——移动端页面布局和常用事件

目录流式布局视口1、理解视口2、移动端的3种视口移动端常用事件1、Touch事件简介2、Touch事件的应用3、过渡和动画结束事件流式布局在PC端进行网页制作时，经常使用固定像素并且内容居中的网页布局，为了适应小屏幕的设备，在移动设备和跨平台(响应式)网页开发过程中，多数使用流式布局，本节将对流式布局进行详细介绍。流式布局是一种等比例缩放布局方式，在CSS代码中使用百分比来设置宽度，也称百分比自适
sem00000·2020-07-10 01:39

微信开发HTML5轻游戏中的几个坑

【编者按】现如今微信为各种移动Web的小应用提供了肥沃的土壤，于是
dj0379·2020-07-09 15:38

移动web开发+前端框架bootstrap相关笔记（一）

1.定时器设置的时间如果和过渡的时间相等或者小于过渡的时间，会导致本次过渡还没有结束，下一次过渡又来了，会导致过渡结束时的事件无法被触发。2.代码的通用性◆dom元素的值【◇先获取dom元素，然后再根据dom元素来获取宽度、子元素个数、默认的样式等。◇◇◇◇◇】◆不要再代码中出现magicNumber【◇不要在代码中写死具体的数值，如element.style.transition='all.3s
badongqing5553·2020-07-09 13:05

2017IFE-移动Web页面布局实践

前言2017-百度前端技术学院编码任务：移动Web页面布局实践任务目的进行移动开发时的HTML及CSS实践掌握移动Web开发在页面架构和布局的方法及差异性掌握移动Web开发页面调试的方法任务描述实现与设计图
朋友喜欢叫我春哥·2020-07-09 13:31

移动web前端开发之常见bug

1.ios6修复了cssposition:fixed1像素抖动的bug，不过引出另一个bug：当给指定元素添加position:fixed时首次加载页面完成后，滑动整个网页，添加此样式的元素会跟随页面滚动（目的是固定此元素）解决方案：为其元素添加如下css属性即可：-webkit-transform：translate3d(0,0,0)（具体原因不知）2.当竖屏的屏的时候显示效果不错，但是当横屏的
侠客行·2020-07-09 13:15

9.移动web端

原文链接：https://github.com/helloyoucan/knowledge1.常见问题1.滚动穿透有fixed遮罩层和弹出层，在屏幕上滑动能够滑动背景下面的内容。解决设置body为position:fixed，弹出前记录滚动条位置，关闭后还原滚动条位置。2.移动端输入框被键盘遮挡解决监听窗口resize事件，判断当前获得焦点的元素为输入框，则调用元素的scrollIntoView(
helloyoucan·2020-07-09 09:49

GitHub资源一周汇集（2014.04.13整理）

前端grid响应式设计简易指南(中文版)javascript.patternsJavaScriptPatterns中译本Mars腾讯移动Web前端知识库Flat-UIFlatUIFree-DesignFramework
Gevin·2020-07-09 01:02

vue项目第一阶段

###今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式###1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app
码德浮乐·2020-07-08 23:26

移动web开发相关知识 物理像素、逻辑像素、设备像素比、移动端常见布局、布局视口、视觉视口、理想视口

在Web开发中可以使用px（像素）、em、pt（点）、in（英寸）、cm（厘米）做为长度单位，我们最常用px（像素）做为长度单位一、物理像素物理像素指的是屏幕渲染图像的最小单位，属于屏幕的物理属性，不可人为进行改变，其值大小决定了屏幕渲染图像的品质。手机屏幕横向有828个点手机屏幕纵向上有1792个点同等大小屏幕下，点越多、图像显示越精细上面所说屏幕上一个个点就是物理像素（physicalpixe
You're the best*·2020-07-08 23:49

2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）项目概述篇

一起来学习Vue把，这篇博客是关于项目概述，请多指教~2、项目概述2.1电商项目基本业务概述根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问
一百个Chocolate·2020-07-08 20:43

Python3_Appium_QQ 实战

所谓的“移动web
weixin_34097242·2020-07-08 16:08

Picker组件的设计与实现

NutUI是一套京东风格的移动端Vue组件库，开发和服务于移动Web界面的企业级前中后台产品
京东设计中心JDC·2020-07-08 13:34

WeUI 入门教程

WeUI是由微信官方设计团队专为微信移动Web应用设计的UI库：http://www.weui.org.cn/?/article/1。
绿萝哥哥·2020-07-08 11:55

移动Web开发基础-百分比+flex布局方案

前言移动端适配是一个非常繁琐的问题，当然，只要掌握了一些基础的布局方式之后，适配问题也不再是大问题。其实也没有非常死板的适配方案，一般实际开发过程中也是根据项目实际情况采取不同的适配方案或者混合使用几种。目前常用的布局适配方案有百分比+flex布局；以淘宝首页为代表的rem+viewport缩放flexible布局方案；固定viewport，通过js动态修改html字体大小的rem布局，这里我先介
前端向朔·2020-07-08 11:26

移动Web开发基础-flexible布局方案

概述前面我们已经已经了解了两种基本的布局方案，移动Web开发基础-百分比+flex布局方案和移动Web开发基础-rem布局，其中rem布局方案和我们今天要了解的flexible布局方案是有关系的，因为这两种方案布局元素的单位都是
前端向朔·2020-07-08 11:26

高并发模型

一、基础知识1.pc、ios、android、移动web，通常通过负载均衡服务器（nginx）进行任务分发，经过多web服务器，多业务服务器，到数据库或分布式文件系统等；2.高并发服务器模型：多进程并发模型
花莫弦·2020-07-08 09:44

h5 storage事件监听

分析引用《h5移动web开发指南》上的话：“当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件，就会触发”所以，localStorage的例子运行需要如下条件
目尽地平线·2020-07-08 04:58

移动web开发布局模式（单独制作移动端界面）之流式布局和Flex布局

移动web开发布局模式（单独制作移动端界面一）单独制作移动端界面布局方式1.移动端开发基础1.1移动端常见布局1.2移动端大量使用CSS3盒子模型box-sizin1.3移动端公共与特殊样式2.流式布局
我是一阵风xu·2020-07-08 03:36

移动web开发之像素和DPR详解

原文前话：像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就不清楚了。本文将介绍关于像素的相关知识什么是像素：像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，有
听闻青春丶·2020-07-07 20:13

app四种开发模式的优缺点

app的四种开发模式：1.原生App开发（NativeApp，本地应用程序,包内页面）；2.网页应用程序（WebApp，移动web，包内页面）。
郏国上·2020-07-07 11:40

移动web开发_流式布局

移动web开发流式布局1.0移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。
function_road·2020-07-07 08:54

移动web开发常用的框架（二）

二、IonicIonic提供了一个免费且开源的移动优化HTML，CSS和JS组件库，来构建高交互性应用。基于Sass构建和AngularJS优化。Ionic官网http://ionicframework.com/Ionic中文网http://www.ionic.wang/Ionic是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应
博为峰51Code教研组·2020-07-07 07:52

iKcamp&掘金Podcast直播回顾（12月16号的两场）

12月16号－第一场－戴亮－沪江基于Node.js大规模应用实践戴亮：《移动Web前端高效开发实战》作者之一，GMTC荣誉讲师，沪江Web前端架构师。
iKcamp·2020-07-07 05:35

12款很赞的web前端移动开发框架

利用现有的高质量移动框架来构建移动Web应用程序已成为非常容易，但是如何选择合适的框架是比较纠结的。因此在本文中，我们整理了12个很赞的移动框架。
chuoyu3723·2020-07-07 05:18

移动web开发（一）设备像素，设备独立像素，css像素

看了好久，也不是十分懂，特写此文章记录一下心路历程参考文章：这三篇文章都图文并茂，容易理解。此像素非彼像素（翻译版）：https://www.w3cplus.com/css/A-pixel-is-not-a-pixel-is-not-a-pixel.html移动高清，多屏幕适配方案：http://www.html-js.com/article/Mobile-terminal-H5-mobile-t
cherry8179·2020-07-07 05:42

移动端开发系列笔记（2）—— 移动端特别样式处理

来源：慕课网《Hello,移动Web》前言：移动开发像素知识px:css像素，逻辑像素，是浏览器使用的抽象单位，不同设备可变dp/pt:物理像素，与设备无关dpr:Devicepixelratio设备像素缩放比
chenyuelili·2020-07-07 05:09

移动web页面适配

前言由于最近工作原因，需要开发移动端的网页，除了页面兼容性问题，就是页面适配了，在此分享下几种实践过的页面适配解决方案首先我建议各位去看看之前写的一篇《移动web网页开发细节》，下面讲的都是默认已做好基本操作当前比较常用的适配解决方式宽高采用百分比
感觉被掏空·2020-07-07 04:19

UIWebView，移动web

1.只有使用loadRequest:加载网页,才能对之后的链接操作做goBack,goForward操作,即canGoBack,canGoForward才有可能返回YES.使用loadHTMLString,loadData都不可以.并且在load之后通过stringByEvaluatingJavaScriptFromString对网页增加的内容，在NSString*outerHTML=[iWebV
andyweike·2020-07-07 03:13

移动web开发之像素和DPR详解

前话：像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就不清楚了。本文将介绍关于像素的相关知识什么是像素：像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，有时亦
开心大表哥·2020-07-07 02:51

移动端页面适配方案

1.问题的引出最近阅读白树的博文《移动web资源整理》时，他在博
PHPService·2020-07-06 23:34

移动web网页开发细节

最近在做android和ios的webview开发，踩过不少坑，略有所获，记录一下移动web中的兼容性问题，有时候顽强的根本解决不了，不过注意以下几点，可以规避一些基本的Bug（并且这些Bug后期发现是很难改的
感觉被掏空·2020-07-06 22:47

深入屏幕像素概念

如果你是一个开始接触移动Web开发的前端工程师，那么你或许也遇到了和我曾经遇到的过问题：有太多新的概念需要掌握，太多相似的概念需要区分。没关系，我将用两篇文章的篇幅来解决这些问题。
weixin_33744141·2020-07-06 19:06

前端移动web开发基础知识点整理(html篇)

前端移动web开发基础知识点整理(html篇)整体目标利用HTML和CSS能够写出常见的静态页面(PC)注:此文章是根据本人自己的学习笔记整理,以供参考,学海无涯,能力有限,不足之处,望见谅一.准备工作基础知识的储备
夏沫浅雪·2020-07-06 05:16

JS实现某东移动web轮播图

移动web轮播图参考实例，可以从中保存轮播图的图片，这里我们放入uploads的文件夹下，将八张图片一次改为l1.jpg,l2.jpg…（最后面都demo）https://m.jd.com/HTML这里要放入十张图片
前端薛之谦...·2020-07-06 03:49

Appium简介

什么是AppiumAppium是一个开源测试自动化框架，可用于原生，混合和移动Web应用程序测试。它使用WebDriver协议驱动iOS，Android和Windows应用程序。
车大侠丶·2020-07-05 13:04

Bootstrap Web设计与开发实战

BootstrapWeb设计与开发实战计算机响应式设计响应式图表设计程序设计网络框架相关技术移动本书由浅入深，全面、系统、详尽地介绍了Bootstrap框架相关技术在Web和移动Web开发领域的应用。
你大爷依旧你大爷·2020-07-05 08:58
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他