E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
移动端页面
Chrome浏览器真机调试web页面
写前端页面的时候,
移动端页面
开发需要模拟触摸事件,在电脑上操作不太方便,使用物理机可以操作起来会更舒服。
weixin_34246551
·
2020-08-07 20:25
vue-cli3.0项目将px转换成rem,已适配
移动端页面
,超好使!最后的步骤才是最重要的!
1.安装插件postcss-plugin-px2rem;npmipostcss-plugin-px2rem--save-dev2.在vue.config.js中配置。这里需要说明一点,网上搜的一堆教程都强调应该增加remUnit来设置rem的计算标准。但是其实在新版后,这个值换成了rootValue这个。例如你设计稿为750的宽度标准,那么这里的值设置为75则可。module.exports={/
summer_my_sunshine
·
2020-08-07 18:41
解决移动端弹框后底部页面可滑动问题,解决手机端弹框后底部页面滑动问题???
开发
移动端页面
时,需求弹窗是经常遇到的,比如点击某个按钮弹个框出来,查看更多,查看规则弹个框出来。
宋哈哈
·
2020-08-07 17:24
项目中遇到的小问题
前端--基础
有用的代码总结
WEB端自适应尺寸的方法
移动端页面
开发通常用的是rem单位来做不同分辨率屏幕的自适应,那我们怎么从UI设计稿的PX像素单位自动转换到rem呢?我们写了一个方法来解决,只要输入设计稿的元素尺寸,就可以自动转换过来。
培伟Pavier
·
2020-08-07 16:32
前端
CSS 实现隐藏滚动条同时又可以滚动
移动端页面
为了更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动?使用overflow:hidden隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性。
dianni7443
·
2020-08-07 13:07
使用scrapy+mysql爬取拉勾网
移动端页面
@hcolde字数4061使用scrapy+mysql爬取拉勾网
移动端页面
前期准备:Python3.6virtualenv(pipinstallvirtualenv)Scrapy(pipinstallScrapy
hcolde
·
2020-08-07 10:51
Scrapy
使用vw做
移动端页面
的适配
Flexible到今天也有几年的历史了,解救了很多同学针对于H5页面布局的适配问题。而这套方案也相对而言是一个较为成熟的方案。简单的回忆一下,当初为了能让页面更好的适配各种不同的终端,通过Hack手段来根据设备的dpr值相应改变标签中viewport的值: 从而让页面达么缩放的效果,也变相的实现页面的适配功能。而其主要的思想有三点:根据dpr的值来修改viewport实现1px的线根据dpr的值来
疯狂大嘴
·
2020-08-06 11:54
2018
移动端页面
适配-自适应最新方案直接写px--------通过gulp工作流搭建一体化的移动端开发环境...
1.开始在flexible的GitHub上面写着由于viewport单位得到众多浏览器的兼容,lib-flexible这个过渡方案已经可以放弃使用,不管是现在的版本还是以前的版本,都存有一定的问题。建议大家开始使用viewport来替代此方案。vw的兼容方案可以参阅《如何在Vue项目中使用vw实现移动端适配》一文。vm是什么?---vw:是Viewport'swidth的简写,1vw等于windo
weixin_34034670
·
2020-08-05 17:17
移动端页面
适配解决方案
一、流体布局所谓的流体布局,就是用百分比来定义宽度,最外层容器的宽度设置为100%,就可以适配不同的屏幕,子元素按照比例来设置百分比,子元素整体的百分比之和就是100%,但是如果有子元素设置了边框,或者padding,那么整体的宽度就会大于100%,这时,我们可以将盒子的尺寸计算方式设置为从边框计算,通过设置:box-sizing:border-box,此时,盒子设置的宽度就是盒子的实际宽度,就没
weixin_30505043
·
2020-08-05 04:15
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第5章CSS盒子模型
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源divdiv可定义文档中的分区(division)。div标签可以把网页分割为独立的、不同的部分。可以看成以下结构:div不像h1,p标签,没有任何默认样式,其主要作用是标识网页上的某块区域。常见做法是通过给div元素加上id或class,然后通过css选中某个div,对其进行样式美化。我是一
豆约翰
·
2020-08-04 14:10
web前端入门教程
htmlcss实战教程
htmlcss系列教程
html
css
css3
html5
web
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第2章HTML基础知识
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源网页开发工具VSCode或WebStormHTML简介HTML:HyperTextMarkupLanguagehtml文本的内部基本结构我是title这是一个非常漂亮的网页html的注释网页的标题这是我的第二个网页-->标题标签,段落标签,水平线,换行,加粗,斜体常用的标签一级标题标签二级标题
豆约翰
·
2020-08-04 14:10
web前端入门教程
htmlcss实战教程
htmlcss系列教程
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第4章CSS文本样式
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源字体样式属性名含义举例font-family设置字体类型font-family:“隶书”;font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;font-weight设置字体的粗细font-weight:bold;fon
豆约翰
·
2020-08-04 14:10
web前端入门教程
htmlcss实战教程
htmlcss系列教程
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第3章初识CSS
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源考虑对人的描述方式人{身高:175cm;体重:70kg;肤色:黄色}CSS基本语法结构选择器{声明1;声明2;}h1{font-size:12px;color:#F00;}style标签h1{font-size:12px;color:#F00;}标签选择器HTML标签作为标签选择器的名称…、、
豆约翰
·
2020-08-04 14:10
web前端入门教程
htmlcss实战教程
htmlcss系列教程
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第一章前言
关于本教程通过一个PC端和一个移动端网上书城案例,穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点,对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则,即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点,让大家用最短的时间,从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的
豆约翰
·
2020-08-04 14:09
web前端入门教程
htmlcss实战教程
htmlcss系列教程
字体图标 制作流程
字体图标的制作方式如今
移动端页面
越来越频繁,图标字体的应用也越来越广泛。废话少说,根据自己的实践,今天和大家一起分享两种将图标转换为字体的方法。欢迎大家拍砖!
mrzhangdulin
·
2020-08-03 20:07
css
PC/
移动端页面
调试神器
插件1、vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板。GitHub:https://github.com/Tencent/vConsole/特性:查看console日志查看网络请求查看页面element结构查看Cookies和localStorage手动执行JS命令行自定义插件安装使用:执行npminstallvconsole//initvConsolevarvConsol
王秦
·
2020-08-03 04:36
Ionic3
微信小程序
WEB前端开发
如何在Vue项目中使用vw实现移动端适配(转)
在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊
移动端页面
的适配》一文中提出了vw来做移动端的适配问题
DenggLin
·
2020-08-03 03:10
web前端进阶
解决
移动端页面
后退有的浏览器会载入缓存的问题
//安卓手机返回时会有缓存//为清除缓存页面开始时直接reload/*一些浏览器中返回按钮是直接使用缓存的,不会执行任何js代码,例如,在提交的时候将按钮设置为loading状态,如果在提交成功后没有对按钮进行处理,那么返回后按钮依然是loading状态,这就很尴尬了尴尬。原因:部分浏览器在后退时不会触发onload事件,這是HTML5世代浏览器新增的特性之一——Back-ForwardCache
B_sir
·
2020-08-02 23:02
uni-app基础知识
Vue.js框架下的移动端(H5
移动端页面
、App手机应用程序、小程序)开发框架一、uni-app的基础知识1、利用HbuilderX创建uni-app项目“文件”菜单|新建|项目|默认模板uni-app
web_zsh
·
2020-08-02 14:54
uni-app
uni-app的基础知识
uni-app的基础知识uni-appVue.js框架下的移动端(H5
移动端页面
、App手机应用程序、小程序)开发框架。开发工具:HbuilderX。
漠河愁
·
2020-08-02 12:14
前端
【VUE】-使用VUE进行移动端H5页面开发前的推荐准备工作
在正式使用Vue进行
移动端页面
开发前,需要做一些前置工作,以此保证用户在访问页面时看到的东西不会因设备的差异而出现各种不同的效果,比如一个页面在iphone7plus上显示的很正常,然后切换到了Iphone5
老汉健身
·
2020-08-01 13:13
【VUE】
name="viewport" width="device-width" 到底都是啥
移动端适配-dpr浅析参考文件:pixelisnotapixelisnotapixel参考文件:此像素非彼像素参考文件:关于HTML5中metaname=”viewport”的用法拓展链接:像素是什么
移动端页面
渲染过程
picoasis
·
2020-08-01 13:37
移动端页面
调试工具 vConsole 与 eruda
起因当我们写webapp或者移动端网页时,想要在手机上进行调试是非常困难的事,因为在手机上无法直接看到日志输出。之前的办法是通过alert来打印日志,然后一遍一遍的定位问题修改代码。这样实在是太低效了,因此就诞生了vConsole和eruda这两款调试工具,其效果等价于PC端的devtools,可以查看日志,网络,页面,Resources等vConsolevConsole:一个轻量、可拓展、针对手
福州-司马懿
·
2020-08-01 11:00
#
JavaScript
第三方库
selenium+Chrome模拟H5页面
在做
移动端页面
测试时可以利用Chromemobileemulation辅助完成页面的适配问题,但是目前手机市场上的型号居多我们也没有办法通过人工的模式一一的去适配,所以这里考虑到通过自动化的模式来模拟,
晓晓_yun
·
2020-08-01 08:44
python
selenium
八, VueのSteampy市场项目笔记
在做Steampy市场(https://steampy.com)项目,作为新手小白,笔记方便查询1.
移动端页面
设置width:100%,撑满屏幕宽高超出屏幕边界问题解决一),如果没有进行移动端适配在html
BunToy-Steampy
·
2020-08-01 07:47
Vue
vue
web
Vue移动端框架的选择
这里公司由于有少量的
移动端页面
开发需求(表单类页面),所以查阅了一下当前用的较多的移动端Vue组件库由于ElementUI和mintUI都是饿了么团队的,所以一开始选择了mintUI。
woflyoycm
·
2020-08-01 07:16
前端
用vue开发微信公众号H5
移动端页面
第一步:搭建项目结构其中涉及到路由的配置:我是这样的routes:[{path:'/',name:'base-home',redirect:'/main',component:'',children:[{path:'/main',name:'home',component:'',meta:{keepInner:false,//相对于router-view里边跳转缓存keepAlive:true}}
weixin_34321753
·
2020-08-01 04:30
移动端-浏览器设置全屏方法
移动端-浏览器设置全屏方法,解决移动端浏览器底部盖住页面移动端浏览器,在做
移动端页面
的时候,移动端浏览器底部工具栏会遮盖住页面底部弹出框,很是头疼。最终在移动端设置全屏之后,达到想要的效果。
一只会飞的汪汪
·
2020-07-31 22:19
html
vue vant 在IOS
移动端页面
初始化Swipe图片轮播图片显示空白问题解决了
问题描述:在iPhone手机下测试,图片无法正常显示,安卓PC均可以显示!!当初始化页面进入首页时!Swipe轮播图片显示空白。注意:(可以自己用img控件,在Swipe外验证下图片路径是否正确)。问题效果截图:解决方法:无意之中解决的,当时想着把app.js缩小点,就把首页的几个路由全都改成懒加载模式了,然后就好了!!!!{path:'/index',name:'index',//compone
欲掩不从心
·
2020-07-31 21:17
vant
快速了解 AMP (Accelerated Mobile Pages)
快速了解AMP在GoogleI/O2018活动中,有几个议程提到了AMP,TheAcceleratedMobilePages,从字面意思看感觉是一种
移动端页面
的加速技术。
Kin神
·
2020-07-31 19:38
前端
安卓微信window.history.go返回上一页后页面刷新,无法记录浏览位置的解决方案
移动端页面
,顶部左上角返回上一页按钮很常见,如下图所示:按钮所在页面为目标页面,点击按钮返回到上一页,实现代码如下:window.history.go(-1)//或者window.history.back
ClassicSong
·
2020-07-31 17:07
jquery
优秀的基于VUE移动端UI框架合集
用于快速构建移动端单页应用,很简约,是我喜欢的风格star2.3k中文文档在线预览2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库star10k基于webpack+vue-loader+vux可以快速开发
移动端页面
逍遥596607010
·
2020-07-31 12:24
vue 遮罩层阻止默认滚动事件操作
在写
移动端页面
的时候,弹出遮罩层后,我们仍然可以滚动页面。
·
2020-07-31 11:48
移动端界面检查工具正在崛起
由Staff发布2015年7月1日17:15随着上周W3C将其最新的项目MobileChecker公诸于世,两个Web界最老的
移动端页面
检查工具都完成了升级。
康小胖
·
2020-07-31 11:20
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第5章CSS盒子模型
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源divdiv可定义文档中的分区(division)。div标签可以把网页分割为独立的、不同的部分。可以看成以下结构:div不像h1,p标签,没有任何默认样式,其主要作用是标识网页上的某块区域。常见做法是通过给div元素加上id或class,然后通过css选中某个div,对其进行样式美化。我是一
豆约翰
·
2020-07-30 17:05
css
html
前端
移动端页面
重构
一、什么是移动端项目顾名思义,运行在移动端的项目就称为移动端项目。那什么是移动端呢,主要是指我们的一些手持设备,最具有代表性的就是我们日常使用的手机和平板,当然还包括一些其他便携设备,如智能手表,掌上游戏机,等流动装置。二、为什么要学移动端布局随着科技的进步,及人们日常生活节奏的加快,我们通常花费在手机等移动设备上的时间比使用电脑的时间越来越多,为了适应市场及用户的转变,越来越多的服务从PC端转向
liuyingv8
·
2020-07-30 15:04
浅谈
移动端页面
无刷新跳转问题的解决方案
最近开发微信公众号,用的框架是一般的UI,但是涉及到多页面之间的相互跳转的问题,降低了浏览器的性能,用户体验特别不好,卡顿,不流畅,因此不采用传统的页面跳转方式,看到不少手机网页开发的框架都都是在一个html文档中包涵多个页面的内容,每页放到不同的里面。于是采用当下流行的单页面模,在做pc网页的时候一般都直接给链接的。比起用链接来跳转页面,这样做也是有很多好处的(比如appjs,jqueryMob
祈澈菇凉
·
2020-07-30 08:49
实用css特殊属性
文本两端对齐一般情况下文本排版都是左对齐、右对齐、居中对齐,但受制于很多因素,包括标点符号会带走最后一个字、英文单词插在中文中超出一行就会将整个单词换行等影响美观的情况,有些时候需要用到两端对齐,尤其是在
移动端页面
中
carriehaohao
·
2020-07-30 08:54
h5c3
移动端web开发--开发选择、技术解决方案、常见布局
1.移动端开发选择1.1移动端主流方案1.单独制作
移动端页面
(主流)2.响应式页面兼容移动端(其次)1.2单独
移动端页面
(主流)通畅在网址域名前加m(mobile)可以打开移动端。
shirlyran
·
2020-07-30 00:37
html中如何让图片按比例响应式缩放、并自动裁剪的css技巧
响应式网站、
移动端页面
在DIVCSS布局中对于图片列表或图片排版时,如果想要图片按比例缩放,最简单的就是把img宽度设为100%,不设置高度,高度就会自动跟着高度缩放。
消逝的风i
·
2020-07-29 21:00
html中如何让图片按比例响应式缩放、并自动裁剪的css技巧
响应式网站、
移动端页面
在DIVCSS布局中对于图片列表或图片排版时,如果想要图片按比例缩放,最简单的就是把img宽度设为100%,不设置高度,高度就会自动跟着高度缩放。
消逝的风i
·
2020-07-29 21:00
前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第5章CSS盒子模型
本教程案例在线演示有路网PC端有路网移动端教程配套源码资源教程配套源码资源divdiv可定义文档中的分区(division)。div标签可以把网页分割为独立的、不同的部分。可以看成以下结构:div不像h1,p标签,没有任何默认样式,其主要作用是标识网页上的某块区域。常见做法是通过给div元素加上id或class,然后通过css选中某个div,对其进行样式美化。我是一个div.demo{color:
豆约翰老师
·
2020-07-29 18:28
css
Web前端入门系列教程
前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第5章CSS盒子模型
本教程案例在线演示有路网PC端有路网移动端教程配套源码资源教程配套源码资源divdiv可定义文档中的分区(division)。div标签可以把网页分割为独立的、不同的部分。可以看成以下结构:div不像h1,p标签,没有任何默认样式,其主要作用是标识网页上的某块区域。常见做法是通过给div元素加上id或class,然后通过css选中某个div,对其进行样式美化。我是一个div.demo{color:
豆约翰老师
·
2020-07-29 18:15
css
Web前端入门系列教程
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第5章CSS盒子模型
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源divdiv可定义文档中的分区(division)。div标签可以把网页分割为独立的、不同的部分。可以看成以下结构:div不像h1,p标签,没有任何默认样式,其主要作用是标识网页上的某块区域。常见做法是通过给div元素加上id或class,然后通过css选中某个div,对其进行样式美化。我是一
[豆约翰]
·
2020-07-29 18:00
VUE—解决第三方ui库(mint ui)px和rem的转换问题(图文详情)
VUE—解决第三方ui库(mintui)px和rem的转换问题如果你用了mintui去写
移动端页面
,并且用了less依赖,需要用到rem,那么会遇到这样的问题:console.log之后发现mintui
Poppy_LYT
·
2020-07-29 04:12
VUE
解决
移动端页面
滚动后不触发touchend事件
解决
移动端页面
滚动后不触发touchend事件问题在
移动端页面
进行优化时,一般使用touch事件替代鼠标相关事件,用的较多的是使用touchend事件替代PC端的click和mouseup事件。
herbertyoung
·
2020-07-29 01:01
JavaScript
移动端页面
事件委托的坑
今天要给一个js动态生成的元素绑定事件,在web端测完之后,发现在手机上没有效果。在网上搜索找到了解决办法,推荐使用给目标元素添加一条css样式cursor:pointer的方法.tab-cont.pro-introimg,.anmi-img{width:100%;height:100%;display:block;/*给目标元素添加一条css样式cursor:pointer*/cursor:po
YZY君
·
2020-07-29 01:04
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和
移动端页面
开发第4章CSS文本样式
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源字体样式属性名含义举例font-family设置字体类型font-family:"隶书";font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;font-weight设置字体的粗细font-weight:bold;fon
豆约翰
·
2020-07-28 23:14
前端
css
html
css3
html5
移动端页面
初始化 css和html的head中的设置
*,::before,::after{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*去除移动端点击产生的高亮状态*/-webkit-tap-highlight-color:transparent;}html{fon
蔡馨
·
2020-07-28 21:33
web前端学习
CSS-
移动端页面
(响应式)
学会mediaquery学会要设计图学会隐藏元素手机端要加一个meta手机端的交互方式不一样没有hover没有touch事件没有resize没有滚动条一、媒体查询@media(条件){样式}例子:```@media(max-width:320px){body{background:red;}}```复制代码二、三、动态REM,手机专用的自适应方案。px像素em一个汉字宽度,(一个m宽度)remro
weixin_34080903
·
2020-07-28 18:11
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他