我们以登录为场景来分析这三个机制的流程。使用Cookie：用户输入凭据后登录成功，服务端将凭据以Cookie的形式返回给客户端也就是浏览器浏览器保存Cookie，以后每次发请求的时候带上Cookie就可以了，这样用户就不需要每次都输入凭据，也就解决了HTTP无状态的问题，方便了用户。优点如下：1 将数据保存到客户端，减轻了服务端的压力。2 解决了HTTP的无状态，方便了用户缺点如下：1 每个特定了
对于现在的移动端设备的普及，移动端上的用户体验成了一个重要的关注点。看了一些网上的关于移动端的交互和用户体验的知识，这里总结了一些。若有不足的地方，希望大家能够积极补充。 PC端和移动端的产品的设计区别屏幕与适配的问题考虑；操作系统（windows，mac，android，iOS等）的区别；网络环境（并不是每一个移动端设备随时随地都有网络）；使用场景（站着，坐着，躺着，蹲着，趴着，走着等
转载
2024-04-29 12:13:55
18阅读
前言移动端适配的目标是让页面在不同的移动设备上都合理展示。一般来说有两种方向：0适配，使用合理的flex布局+媒体查询做微调基于一个尺寸的屏幕做设计，其他屏幕等比缩放本文会初略介绍两种方向的具体思路和优缺点，后续的文章会介绍等比缩放适配的具体方案：1、viewport缩放方案；2、动态rem方案；3、vw适配方案。0适配所谓的0适配就是根本不需要适配，基于设计稿使用flex做布局后也
m install postcss-pxtorem -D安装postcss-pxtorem，此插件如果你用的是webpack的话只要进行安装即可，不需要另外进行配置，此插件是对px进行转换。 2.新
转载
2022-04-21 11:46:32
298阅读
像素 PX其实很多会 Photoshop 的人都有一个误区：认为像素是一个宽高相等的小方块，并且的像素都是“那么大”，但是不知道这个宽高的具体数字。然而其实 pixel（像素）是图像的基本采样单位。它不是一个确定的物理量，也不是一个具体的点或者小方块（尽管可以用点和小方块来呈现），而是一个抽象概念。详细解释见维基 像素 条目。那么 px 都会受哪些因素的影响而变化？每英寸点数(Dots Per I
px转rem单位。 可配合媒体查询自适应屏幕。 ...
转载
2021-09-08 14:50:00
156阅读
2评论
目录前言什么是跨域问题常用解决方案vite proxy实现原理Vite中配置proxy代理vite.config.ts配置在配置中使用环境变量结语 什么是跨域问题跨域问题：浏览器从一个网页去请求另一个资源时，域名、端口、协议任一不同，都是跨域。常用解决方案常用的解决跨域问题的方式有如下几种：jsonp：利用script标签可跨域的特点，在跨域脚本中可以直接回调当前脚本的函数。cors：服务器设置
pxpx是css像素，是一个虚拟像素，是一个相对单位 例如在两个不同的设备上，1px对应的物理、设备像素是不一样的ptpt是物理像素，它是一个绝对单位，设备出厂就固定的，不会改变 通常我们说的显示器分辨率，并不是真正的物理分辨率，而是桌面设置的显示分辨率px与ptcss像素px是相对的，而物理像素pt是设备的分辨率，我们以iphone6来举例iphone6的实际设备像素是750x1334，而它的逻
转载
2024-03-19 19:54:49
131阅读
报错信息： Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. 解决： 据说是postcss-pxtorem版本太高？？ 然后就先 npm uninstall postcss-pxtorem 卸载之后再安装低 ...
转载
2021-08-20 16:12:00
1132阅读
2评论
/* ****************************************移动端**************************...
原创
2022-08-23 16:55:47
160阅读
智能手机和平板设备的高选用率最终导致了移动web开发人员和设计人员的需求增长，jQuery Mobile框架允许你创建出可与本地化应用开发结果相谐美的移动web体验，其通过web浏览器提供了到应用和网站的即时访问，而不是让用户下载和安装 移动应用。了解如何使用jQuery Mobile的主题化框架来创建品牌定制的移动网站和web应用。 jQuery Mobile框架是一个JavaScript库，
目标能够知道移动web的开发现状 能够写出标准的viewport 视口 能够使用移动web的调试方法 能够说出移动端常见的布局方案 能够描述流式布局 能够独立完成移动端页面1.移动端基础浏览器现状 pc端常见浏览器 360,谷歌,火狐,qq,百度,搜狗,IE 移动端常见浏览器 uc,qq,欧朋,百度手机,360安全,谷歌,搜狗手机,猎豹 国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过
转载
2024-05-11 10:47:48
99阅读
第七章 移动端数据的爬取基于某一款抓包工具 : fiddler ,青花瓷 ,miteproxy7.1 fiddler 基本配置 7.1.1fiddler简介和安装什么是Fiddler?Fiddler是位于客户端和服务器端的HTTP代理，也是目前最常用的http抓包工具之一 。 它能够记录客户端和服务器之间的所有 HTTP请求，可以针对特定的HTTP请求，分析请求数据、设置断点、调试web应用、修改
转载
2023-08-08 18:46:49
224阅读
一. 移动端适配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阅读
本文不做任何编辑器的比较，只是我本人日常使用 vscode 进行开发，并且比较喜欢折腾 vscode ，会到处找这一些好玩的插件，于是越攒越多，今天给大家推荐一下我收藏的 60 多个 vscode 插件，据说插件装太多，编辑器会变卡，可能是我的电脑配置还顶得住，目前并没有感觉到卡卡的。接下来我会将会以 优化外
操作方式：PC端的操作方式与移动端已经有了明显的差别，PC端使用鼠标操作，操作包含滑动、左击、右击、双击操作，操作相对来说单一，交互效果相对较少，而对于手机端来说，包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度，除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式，操作方式更加的丰富，通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。屏幕
转载
2023-12-23 21:44:05
132阅读
对于现在的移动端设备的普及，移动端上的用户体验成了一个重要的关注点。看了一些网上的关于移动端的交互和用户体验的知识，这里总结了一些。若有不足的地方，希望大家能够积极补充。 PC端和移动端的产品的设计区别屏幕与适配的问题考虑；操作系统（windows，mac，android，iOS等）的区别；网络环境（并不是每一个移动端设备随时随地都有网络）；使用场景（站着，坐着，躺着，蹲着，趴着，走着等
转载
2023-10-01 09:26:55
24阅读
一个思路分析：大致上实现的思路有以下两种。一、判断块是否被按下(mousedown)，然后在点击事件中嵌套移动事件(mousemove)，同时在里面放置一个松开的事件(mouseup)二、跟第一种方法类似，都是分成三个事件来触发，但是不同的是：事件与事件之间没有互相嵌套，而是分成三个独立的事件，通过一个控制器（变量）来达到事件之间的交互第一种方法是不推荐的，因为这种方法虽然直观，符合整个思考的逻辑
