移动WEB

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

全开源即时通讯(IM)系统-仿微信

E聊现已适配PCWeb,移动Web,Android,iOS等平台。3.系统架构:3.1各模块介绍E聊服务器:提供了基础的消息转发功能，用户
E聊SDK·2020-07-04 20:48

SAPUI5教程——ABAP环境下SAP Fiori 系统搭建以及开发实践

前言近年来，SAPUI5(SAPFiori2.0)的普及，云时代下的移动Web应用一路高歌，众多SAP顾问也将焦点投入到了这个前端框架。
天外野草·2020-07-04 19:40

2019-05-25 移动端简单介绍

移动端一行多列一般用弹性布局flexrem布局：fontsizeoftherootelement性能网络环境流量问题图片的适配与压缩移动端开发的优势：就是兼容性更好移动端开发的劣势：目前来说，大多数移动
Sallyscript·2020-07-04 17:46

移动端开发基础

移动web开发基础视口设置视口和最大最小缩放获取视口document.documentElement.clientWidth||window.innerWidth||document.documentElement.getBoundingClientRect
纪春生·2020-07-04 16:00

技术文章地址

PS技能—切图篇前端入门方法AngularJS入门ES6入门-阮一峰常用的javascriptAPIJS错误处理淘宝前端开发node.js学习360前端博客程序猿的百宝箱前端知识结构前端开发者手册腾讯移动
高调的小丑·2020-07-04 12:05

移动Web之响应式布局

布局特点：响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局需要一个布局容器，结合css的多媒体查询在不同的设备宽度下，一定会产生不同的显示样式。某些元素会隐藏或显示，某些元素会从行内元素变成块状元素传统的开发方式是PC端开发一套，手机端再开发一套，响应式布局相较于传统开发方式优点是只要开发一套就够，缺点就是CSS文件代码量大响应式布局思想及实例*{margin:0;padding:0;}bod
杨筱斌·2020-07-04 09:21

移动Web之流式布局

布局思想：流式布局，也称百分比布局设置根元素居中，内容向两侧填充通过根容器的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制为了保护内容在合理的范围内在页面中通常限制max-width最大宽min-width最小宽流式布局思想及实例*{margin:0;padding:0;}.container{width:80%;margin:0auto;max-width:1200px;min-
杨筱斌·2020-07-04 09:21

移动Web之rem布局

rem布局思想：①我们希望网页的宽高、文字等各元素在不同大小的屏幕上同时进行等比例缩放，达到适配移动端多种尺寸屏幕的最好效果②在移动web页面中，由于理想视口的存在且如①所述，故设网页设计宽度（屏幕宽度
杨筱斌·2020-07-04 09:21

移动Web之flex布局

Flex布局：Flex布局又叫伸缩布局、弹性布局、伸缩盒布局、弹性盒布局、flex布局给父盒子添加flex属性，来控制子盒子的位置排列方式从而实现flex布局当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将失效Flex布局与传统布局和流式布局相比传统布局：兼容性好，布局繁琐，局限性在移动端不能很好布局Flex布局：简单，操作方便，兼容性差，移动
杨筱斌·2020-07-04 09:21

APP 自动化：Appium 极简上手

基础介绍Appium是一个开源的自动化测试框架，用于原生，混合和移动Web应用程序。它使用WebDriver协议驱动iOS，Android和Windows应用程序。
happyJared·2020-07-02 17:56

VUE 移动SPA html2canvas截图不清晰问题

1、最近做一个移动web,用到html2canvas截图模糊问题一直存在网上找了很久依然没有解决：原因是devicePixelRatio决定了canvas的清晰度：网上又有了修改html2canvas源码生成
SImon_Leo·2020-07-02 15:27

【移动端】移动web布局

Flexbox弹性布局.nav{overflow:hidden;background-color:#DE7C3C;padding:10px;display:-webkit-flex;}.item{color:#FDDFA7;padding:05px;text-align:center;flex:1;}Flex混合划分另外有一个常见的问题：不定宽高的水平垂直居中css3的解决方式是：.myoff-w
TianZhu·2020-07-02 12:16

运用react开发仿网易云音乐移动web端学习案例

仿网易云音乐（移动端web—基于react）代码下载地址码云下载github下载介绍这个项目是前端是基于react，后端是nodejs编写（github社区某大佬提供），之前看到也是基于这个api接口开发了一些项目，但是很多都是用vue开发，所以在空余的时间就用react开发了此项目以供学习说明最后一次更新时间：2020.01.30中午此项目会不定时更行（开发时间比较仓促，若有不足地方请多多指教）
小子逆袭·2020-07-02 10:03

HTML meta标签总结,HTML5 head meta属性整理

/mobile-meta.html#comments来源:http://caibaojian.com移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动
losedguest·2020-07-02 09:33

HTML meta标签总结

meta通用设置meta概述meta使用理解1name属性2http-equiv属性meta大全展示移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动
乡子·2020-07-02 05:08

Vue Cordova开发混合app教程（一）

组件+JavascriptAPI+IonicNative）ionic3的优点：它提供了漂亮的UI组件库、强大的JSAPi以及基于调用原生的的NativeAPi,可以让我们快速开发跨平台的混合APP以及移动
哈哈哈哈哈itying·2020-07-02 03:48

移动web开发规范

以下规范建议，均是Alloyteam在日常开发过程中总结提炼出的经验，规范具备较好的项目实践，强烈推荐使用字体设置body{font-family:-apple-system,BlinkMacSystemFont,"PingFangSC","HelveticaNeue",STHeiti,"MicrosoftYahei",Tahoma,Simsun,sans-serif;}ios4.0+（iOS9以
hehekai·2020-07-02 02:57
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他