移动端web

移动端webapp点词翻译的设计与实现

单词翻译常见于APP中，那么在网页中对于一段中英混杂的内容怎么准确的做到单词的翻译呢？我要渲染的内容是一段段的html，用react渲染一段html内容是没有什么难度，使用dangerouslySetInnerHTML即可。但是可以做到将内容中的英文单词翻译出来，是怎么实现的呢？一起来看一下吧。效果image事情是这样的...我前端是做内容展示，后台将Html格式的内容传递到前端，前端原生元素的d
安妮小雅·2018-03-14 18:55

移动端web日期与时钟设置

使用mui项目模板，用APP视角预览，此项目须在真机上进行运行测试。12345678910mui.init();111213141516时钟效果17181920获取日期21获取时间2223242526functionshowDate(){27vardDate=newDate();28dDate.setFullYear(2018,3,8);29varminDate=newDate();30minDa
筱白迩·2018-03-08 22:00

移动端web初体验

使用mui项目模板，用APP视角预览。12345678910mui.init();111213141516折叠面板1718192021面板12223面板1子内容24252627面板22829面板2子内容303132333435点击这里36点击这里37点击这里3839404142菜单一434445菜单二4647484950取消515253545556运动57585960看书616263646566运
筱白迩·2018-03-08 22:00

移动端Web开发小记

阅读更多之前为公司商旅频道写移动端的页面时遇到不少问题，今特来个总结，希望能为后来者带来一些帮助。【不再考虑浏览器兼容性】移动端开发主要对象是手持设备，其中绝大部分是IOS和Android系统，so，在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性，webkit是本次开发重点。当然，不同版本的Android是存在一些问题的，还有就是不同浏览器的版本也存在一些差别，IOS在这方面表现甚好。所
青春..荒唐·2018-02-02 18:00

移动端Web开发小记

阅读更多之前为公司商旅频道写移动端的页面时遇到不少问题，今特来个总结，希望能为后来者带来一些帮助。【不再考虑浏览器兼容性】移动端开发主要对象是手持设备，其中绝大部分是IOS和Android系统，so，在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性，webkit是本次开发重点。当然，不同版本的Android是存在一些问题的，还有就是不同浏览器的版本也存在一些差别，IOS在这方面表现甚好。所
青春..荒唐·2018-02-02 18:00

欢迎使用马克飞象

特点概述：功能丰富：支持高亮代码块、LaTeX公式、流程图，本地图片以及附件上传，甚至截图粘贴，工作学习好帮手；得心应手：简洁高效的编辑器，提供桌面客户端以及离线ChromeApp，支持移动端Web；深度整合
HeartMa·2017-12-14 11:48

移动端Web页面适配方案

移动端Web页面，即常说的H5页面、手机页面、webview页面等。
KK凯凯·2017-12-01 14:27

手机移动端web总结

关于如何做好移动web页面，接下来，我就自己的一些经验和大家分享。1，理解meta头含义H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式2，下面将提供通用view-port模板标题
dingqizhen89072·2017-11-30 16:01

小技巧|移动端网页调试神器Eruda使用技巧

移动网页调试神器Eruda使用技巧做移动端Web开发的一大痛点就是，在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。
Dunizb·2017-11-22 22:47

小技巧|移动端网页调试神器Eruda使用技巧

移动网页调试神器Eruda使用技巧做移动端Web开发的一大痛点就是，在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。
Dunizb·2017-11-22 22:47

WEB兼容性测试----移动端兼容矩阵的设计

屋顶的秘密上期文章分享了PC端的web兼容测试，本期我们通过调研移动端web的特性和移动端浏览器特性，进一步探讨Web移动端的兼容测试。
EchoDing·2017-11-17 09:17

移动端网页开发调试神器Eruda的介绍与使用技巧

前言众所周知，我们在做移动端Web开发的一大痛点就是，在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。
dunizb·2017-10-30 09:20

小技巧|移动端网页调试神器Eruda使用技巧

做移动端Web开发的一大痛点就是，在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。
dunizb·2017-10-28 00:00

利用纯js + transition动画实现移动端web轮播图详解

前言在上一篇文章中,我们使用tween算法实现了ease-out移动效果,其实更简洁的方法是使用css3的transition动画，下面话不多说了，来一起看看详细的介绍吧。核心点:在我们通过代码来移动一段距离的时候,使用transion动画;在手指移动的时候,不使用transition动画.使用transition实现的动画效果的轮播图js代码不足100行~function(){varlastPX
苦练内功·2017-09-10 09:52

原生JS实现移动端web轮播图详解（结合Tween算法造轮子）

前言相信大家应该都知道，移动端的轮播图是我们比较常见的需求,我们最快的实现方式往往是使用第三方的代码,例如swiper,但当遇到一些比较复杂的轮播图需求时,往往是束手无策,不知道怎么改.所以我们要尝试去自己造一些轮子,以适应各种复杂多变的需求;另外一点,自己写的代码如果有bug是很容易修复的,对自身的提高也很大.在没有阅读swiper源码的过程下,我尝试自己实现一个简易而不失实用的移动端轮播图,经
苦练内功·2017-09-10 09:51

移动前端开发的一些简单分类！

移动端Web开发可分为移动端网页，移动端webApp，Hybird开发（直译为混合开发，又称套壳开发，常牵扯到原生App）。移动端网页：与PC端网页基本类似，可以说是缩小版的PC端网页。
梦里梦一·2017-08-27 11:55

300ms 延迟问题

但随着移动端web发展，对使用体验要求也越来越高，300ms的卡顿越来越难以接受。目前的解决方案归结起来是两个办法：一、禁用双击缩放（meta标签、touch-action都属
evelynlab·2017-07-21 19:44

从淘宝和网易的font-size思考移动端怎样使用rem？

然而根据我以往做移动端web项目的时候，设计稿一般是640或者750的，我一般会在head里面这样写：做移动端活动的时候结构也一般这样：viewport通用varphoneWidth=parseInt(
风雨后见彩虹·2017-07-19 09:00

移动端WEB开发，click,touch,tap事件浅析

一、click和tap比较两者都会在点击时触发，但是在手机WEB端，click会有200~300ms，所以请用tap代替click作为点击事件。singleTap和doubleTap分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，即点击会触发非当前层的点击事件。处理方式：（1）、g
L1829427·2017-07-06 16:32

爬虫实战技巧-抓取源的选择

这里的Wap是于Web形成对应并区分，指的是移动端Web，并不是狭义的WAP。很多同志一说到抓取，就想到Web，HTML
周筱鲁·2017-06-27 00:28

爬虫实战技巧-抓取源的选择

这里的Wap是于Web形成对应并区分，指的是移动端Web，并不是狭义的WAP。很多同志一说到抓取，就想到Web，HTML
周筱鲁·2017-06-27 00:28

移动端web开发整理

/*移动端定义字体的代码*/body{font-family:"HelveticaNeue",Helvetica;}ios端触摸时，会出现一个半透明灰色遮罩如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0body{-webkit-tap-highlight-color:rgba(0,0,0,0);}关于iOS与OSX端字体的优化(横竖屏会出现字体加粗不一
huliang56·2017-06-12 09:00

[置顶] 40条常见的移动端Web页面问题解决方案

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。想
LY_RQ·2017-06-07 09:00

40条常见的移动端Web页面问题解决方案

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。想
lucky芬·2017-06-05 14:21

手机移动端WEB资源整合

meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 viewport模板viewport模板——通用 标题 这里开始内容 viewpor
John_jian_yo·2017-05-23 09:00

移动端web开发开发技巧和常见问题

常见问题1、移动端如何定义字体font-family三大手机系统的字体：ios系统默认中文字体是HeitiSC默认英文字体是Helvetica默认数字字体是HelveticaNeue无微软雅黑字体android系统默认中文字体是Droidsansfallback默认英文和数字字体是DroidSans无微软雅黑字体winphone系统默认中文字体是Dengxian(方正等线体)默认英文和数字字体是S
donyFeng6·2017-05-05 17:41

移动端 Web 开发踩坑之旅

前言最近在一个移动端的Web项目中踩了很多的坑，感觉有必要把它们记录下来，分享给即将踏入移动端Web开发大门的新人们。
张宏凯·2017-05-05 15:19

移动端web滚动分页的实现方法

本文实例为大家分享了移动端web滚动分页展示的具体代码，供大家参考，具体内容如下方法一：前端代码：varpage=2;//当前页的页码varflagNoData=false;//falsevarallpage
北平123·2017-05-05 10:10

移动端 Web 开发踩坑之旅

前言最近在一个移动端的Web项目中踩了很多的坑，感觉有必要把它们记录下来，分享给即将踏入移动端Web开发大门的新人们。
welson_tom·2017-05-05 09:48

移动端web布局方案的知识总结

做移动端web开发时，我自己了解了4种方法，我觉得目前适合我的方法就是用rem来作单位，配合h5新的meta属性来适配屏幕做开发。
风再起时·2017-04-28 00:00

移动端适配方案

前言在移动端web开发上，不免会遇到各种移动设备的适配问题。在不断踩坑的路上，总结出了两套毕竟适合的适配移动端布局的方案。
PC.aaron·2017-04-27 10:00

移动端web开发技巧

移动端web开发技巧META相关1.添加到主屏后的标题（IOS）2.启用WebApp全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）3.百度禁止转码通过百度手机打开网页时
Daisy_____·2017-04-25 10:19

移动端Web开发调试之Weinre调试教程

原文地址:http://blog.csdn.net/freshlover/article/details/42640253在设计师与前端开发人员的努力下，一个WebApp出炉了，可是测试人员说了一堆的问题：某某机型下页面表现不一致，某某系统下页面如何如何，某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档，我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作：仔细的排查代码，alert可
一个会写诗的程序员·2017-04-24 15:54

2016年最流行的移动Web前端框架

最近，一直在做移动端web开发，记录一下使用的前端框架。目前使用过两个，一个是AmazeUI，一个是WeUI。UI是什么意思?这是百度百科的定义：UI即UserInterface(用户界面)的简称。
zmdstr·2017-04-22 22:49

移动端H5页面适配问题研究

刚开始做移动端web开发的同学应该都碰到过页面适配问题，为什么我在开发手机上调试好的页面在其他手机会有这样或那样的样式问题？viewport我也设置了，为什么还是显示不正常？
留七七·2017-04-19 23:39

Vue从入门到精通（1）--前言、基础知识

写这篇文章是由于公司要上移动端web的项目，而我作为前端却没有一点相关经验，在网上搜索教程并没有类似java、js、jquery等那样系统的教程。在花了两周的时间看了三个视频教程后，才渐渐明白前
李晓_·2017-04-18 09:40

vue2+webpack2实现饿了么移动端商家页面

这是一个基于Vue全家桶实现的饿了么移动端webap项目github地址：https://github.com/JerryYgh/m-eleme如果觉得对您有帮助，您可以在github上给我个star支持一下
jerry幻灵·2017-04-17 18:47

React Native 响应式布局实践

现任前端开发团队Leader，就职于NHNTechorus，侧重Web技术和互动性的内容开发，主要负责日本NHNcomico集团下各项目的Web前端架构设计与开发，最近兴趣专注于利用React和Redux的移动端
csdn的移动开发朋友们·2017-04-04 10:45

移动web自适应性详解

一般说到移动端web自适应方法时，只要在html文档头部加上一个meta标签即可。但各个参数都是什么意思，如何理解，以做到举一反三。
飞舞妙画·2017-03-30 15:17

#003 HTML5缓存机制浅析

时间：2017-03-2718:02:47该文章为《HTML5缓存机制浅析：移动端Web加载性能优化》的读书笔记，整理一下自己的收获。
izhongxia·2017-03-29 15:33

H5缓存机制浅析-移动端Web加载性能优化【干货】

转载:H5缓存机制浅析-移动端Web加载性能优化【干货】作者：贺辉超，腾讯游戏平台与社区产品部高级工程师目录1H5缓存机制介绍2H5缓存机制原理分析2.1浏览器缓存机制2.2DomStorgage（WebStorage
weixin_30446613·2017-03-26 18:00

移动端Web页面适配方案

更新：完整js代码和sassmixin已上传于gitHub，点击此处可获取===================================================移动端Web页面，即常说的
bolelee·2017-03-20 00:00

Vue.js开发环境快速搭建教程

Vue.js现在在后端、前端、微信、移动端Web非常流行，今天简单模拟Vue.js快速安装；1.安装npmnpm是node.js的包管理工具,安装流程地址：https://docs.npmjs.com/
Eason_hoo·2017-03-17 14:03

vue2.0移动端触摸反馈指令

githubstarvue-feedbackVuev2.0触摸反馈自定义指令v-fb顾名思义，这个是为vue移动端web项目打造的触摸反馈指令，高度模拟App反馈效果；比如点击一个按钮会有样式反馈,当然不只是按钮
hjcc·2017-03-09 00:00

我的ajax跨域方案

我的移动端webapp前后端分离后，前端页面的静态资源从后端分离，交由cdn加速，而后端也不再处理页面渲染，只提供业务数据供前端通过ajax获取。
欧阳小龙虾·2017-02-24 20:25

移动端web css适配

一位大神写的：html{font-size:100px;font-size:calc(1000vw/32);background-color:#E1E1E1;}@mediaalland(max-width:320px){html{font-size:100px;}}@mediaalland(min-width:640px){html{font-size:200px;}}body{min-width
lucky芬·2017-02-23 11:09

html5自定义字体

我在做移动端Web开发的时候，遇到过设计师设计的特殊字体，而且很容易用肉眼识别的一种字体－方正轻刻简体，平时他们使用方正兰亭黑我就用默认的字体Helvetica显示，还凑合，但是这种字体，很难用默认字体取代
luffy5459·2017-02-13 23:36

7个优秀的国内外移动端web框架

淘宝SUIMobile框架官网地址：http://m.sui.taobao.org/SUIMobile是一套基于Framework7开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到iOS6.0+和Android4.0+，非常适合开发跨平台WebApp。轻量的UI库SUIMobile非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20
lucky芬·2017-01-25 11:32

移动端Web App自适应布局探索与总结

原文链接：https://my.oschina.net/Osen/blog/8260341、困扰多时的问题在这之前做WebApp开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640*1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的多倍图、基
chibianwei4751·2017-01-16 23:00

关于如何在PC上调试手机X5内核浏览器下的WEB页面

当我们在开发移动端WEB页面时经常会遇到X5内核（也就是QQ浏览器以及微信内置浏览器）与其他浏览器出现不一致的地方，而且有时候很难判断其原因所在，这时候就希望能像PC端浏览器一样在开发者工具上调试页面，
bug_zero·2017-01-11 20:06
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他