辉常努腻的网页点名器-可搬运-分享无碍
原创 2022-12-07 00:41:19
157阅读
  M站、h5、PC移动APP等这些都是前端开发最长接触到的,今天我就大概的聊一聊他们吧!   M站:M站一般是指手机网页的页面,也就是mobile移动  H5:H5,是HTML5的简称,他是一种高级的网页技术,最大的优点之一就是在移动设备上支持多媒体。我们平时看到的邀请函、幻灯片、小游戏......都是H5网页,他跟我们平时上网看到的那些网页本质上没有任何区别  pcPC
转载 2023-07-06 13:48:26
1839阅读
一、前端项目角色简称PM产品经理(Project Manager),项目主管或项目经理RD研发(Research and Development)CRD客户移动(client Research and Development)FE前端(Front-End);前端开发(Frond-End Development)QA测试(QUALITY ASSURANCE,中文意思是“质量保证”)UE用户体验
如何在 PC 机上测试移动网页?如果用 HTML5 写的页面,想兼容 iOS?1 条评论 分享按投票排序按时间排
转载 2023-05-19 14:05:43
180阅读
Nginx:轻量级,采用 C 进行编写,同样的 web 服务,会占用更少的内存及资源抗并发,nginx 以 epoll and kqueue 作为开发模型,处理请求是异步非阻塞的,负载能力比 apache 高很多,而 apache 则是阻塞型的。在高并发下 nginx 能保持低资源低消耗高性能 ,而 apache 在 PHP 处理慢或者前端压力很大的情况下,很容易出现进程数飙升,从而拒绝服务的现象
pc样式重置 *{ margin:0; padding:0;}body{ font-size:14px; font-family:微软雅黑;font-style:normal;}a{ text-decoration:none}a,a:hover{  transition:background 0.5s linear;-webkit-transition:background
原创 2016-12-19 10:52:04
6188阅读
# 如何实现“jQuery PC 移动” ## 介绍 在如今移动设备的普及程度越来越高的情况下,为了提供更好的用户体验,很多网站都需要对PC移动进行适配。使用jQuery可以很方便地实现这个功能,本文将介绍如何使用jQuery实现PC移动的适配。 ## 流程 下面是实现“jQuery PC 移动”的整个流程: | 步骤 | 描述 | | --- | --- | | 1 | 引
原创 2023-11-24 09:15:29
131阅读
1、兼容性方面      移动:主要是不同终端分辨率问题      PC : 主要在浏览器不同内核兼容性上问题2、布局方面      移动移动除了不同型号终端的分辨率问题还有同一终端的横屏竖屏处理,总体就是响应式布局(自适应布局)      PC : 通常有
转载 2023-07-14 18:16:34
425阅读
好久没复习js了,今天正好之前的项目要重新写一套移动的代码,之前的没有做移动的兼容,故将遇到的问题写在上面:在移动设备应用越来越广泛的今天,许多网站都开始做移动的界面展示,两者屏幕尺寸差异很大,所以展示的内容也有所差别。于是就遇到一个问题,如何判断你的页面是在移动还是在PC打开的,很简单的问题,那我们就简单点来说:Navigator对象  首先来了解一下Navigator 对象,Navi
转载 2023-12-14 11:28:53
190阅读
1.PC考虑的是浏览器的兼容性,而移动开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化。2.在部分事件的处理上,移动多出来的事件是触屏事件,而缺少的是hover事件。 另外包括移动弹出的手机键盘的处理,这样的问题在PC都是遇不到的。3.在布局上
PC移动的区别你知道吗?截至2015年11月,中国手机上网用户数已超过9.05亿,软件移动化成为一种趋势,移动产品经理成为了产品经理的一个重要分支,那么对于移动PC到底有什么区别呢?在设计过程中有什么差异?下面我们逐一分析。一、PC移动区别有人说手机无非就是PC的移植,功能设计照搬就行了,这是对于移动设计最大的误解,其实PC移动是千差万别的。操作方式PC的操作方式与移
一. 移动适配1.安装两个插件库 lib-flexible和px2rem-loader flexible.js是淘宝官方H5移动适应解决方案 px2rem会在项目编译的过程中根据根结的font-size值将我们项目css中的px单位转成rem, 其中不需要转成rem的可以写成PX ,UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内,打包适配时不会读取相关css,
转载 2024-04-19 15:21:15
524阅读
负责一个项目pc的,再上线以后呢,想兼容移动。用同一套页面 1.方法1 定义视口窗口,简单,可以在手机上看到一个缩小版的pc
原创 2022-07-06 11:50:40
847阅读
关于移动屏幕适配的文章网上有很多,大部分都写的很好,而本文是我自己观摩各路大神的文章后的小小总结。flexible方案说到移动适配,总不免会提到阿里的flexible方案。对于flexible,我总结出以下几点:使用rem实现等比缩放:使用js动态设置html标签的font-size将屏幕宽度按10rem进行计算html标签的font-size为了以后vh、vw兼容计算非常麻烦,生产中要使用c
如何选择自适应网站建设?自适应网站制作有何特点?自适应网站建设的重要因素?“自适应式网站”又被称为HTML5自适应式网站,自适应式网站做为欧美流行建站方式,现在正成为中国做网站的主导方向,越来越多做网站人士挑选建设自适应式网站。那么究竟什么是自适应式网站建设?如何操作自适应式网站?自适应式网站有何重要因素点?曾经的网站用户根本只会用电脑访问,建网站只需求考虑电脑访问的体会就好了。而现在是移动互联
操作方式:PC的操作方式与移动已经有了明显的差别,PC使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说单一,交互效果相对较少,而对于手机端来说,包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度,除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式,操作方式更加的丰富,通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。屏幕
转载 2023-12-23 21:44:05
132阅读
对于现在的移动设备的普及,移动端上的用户体验成了一个重要的关注点。看了一些网上的关于移动的交互和用户体验的知识,这里总结了一些。若有不足的地方,希望大家能够积极补充。 PC移动的产品的设计区别屏幕与适配的问题考虑;操作系统(windows,mac,android,iOS等)的区别;网络环境(并不是每一个移动设备随时随地都有网络);使用场景(站着,坐着,躺着,蹲着,趴着,走着等
转载 2023-10-01 09:26:55
24阅读
点击下面 目录标题网页 head 部分<!-- 禁止缩放 --> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />公共 js 部分//提取非行间样式 function getStyle(obj,attr) { if(obj.current
转载 2023-07-22 19:20:02
70阅读
        Vue 移动PC 适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。       &n
1.元素偏移量 offset 系列 获取元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 offset系列常用属性: offset系列属性 作用 element.offsetParent 返回带有定位的父亲 ,如父元素没有定位则以body为准 element. ...
转载 2021-07-16 11:47:00
101阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5