（推荐） Git reset 原理： git reset的作用是修改HEAD的位置，即将HEAD指向的位置改变为之前存在的某个版本，如下图所示，假设我们要回退到版本一： 适用场景： 如果想恢复到之前某个提交的版本...查看版本号： 使用命令“git log”查看： 也可以在github网站上查看： 在Idea上，点击项目右键git->Show Histroy ->选择需要回滚的版本，右键Copy Revision...在github图形化界面上看，远程库的HEAD也已经指向目标版本： 4.IDEA上Git Reset 选项说明 提交版本2的修改后，想回退到版本1，选择版本右键Reset Current Branch...已经add到index（暂存区）的文件不会回滚，任然保留 4.2 Mixed Mixed模式：在选择的回退点之后的所有更改将会保留但不会被git追踪下来。...已经add到index（暂存区）的文件会回退到工作区 4.3 Hard Hard模式：在选择的回退点之后的所有更改都会被丢弃。
有位大佬注册一个名为996.icu的网站，该网站虽然只有一个首页，但主题却极为明确：工作996，生病ICU。在该网站中作者直接点名批评了58同城、有赞以及因为员工关系被推上风口浪尖的京东！...网站的开篇即是对996工作制的介绍：“996”工作制，即每天早 9 点到岗，一直工作到晚上 9 点。每周工作 6 天。“996”工作制的周工作时间为最低 60 小时。...最后，网站作者还帮被公司996的员工们算了一笔经济账：按照劳动法规定， 996 工作制下只有拿到当前工资的2. 275 倍，才在经济账上不吃亏。 不得不说该网站已经将996工作制反对到了极致！可敬！...以下为该网站的全部内容： ? 不过该网页的源码并未托管到 GitHub 上，而是在 README 中给出了链接以及英文介绍，也让老外感受下中国程序猿对996制度的不满。...目前该项目在GitHub的Star 数已经直接飙到 6 万+了，并且还在快速增长中…… 该项目的火爆不断引来同病相怜人们的关注，看来被动996制度已经成为了众多人心中不可触摸的痛！
随着移动互联网的普及，移动网站的访问量也呈爆炸式增长的趋势。根据最新的统计，国内一些大型的搜索、视频和社交类网站的移动访问量已经超越了PC端。...他们会遭遇到之前没有遇到过的问题：如何适配不同大小的屏幕、如何兼容安卓的众多版本、为什么有些CSS属性在手机上不生效、手机上的click事件为什么会有延迟等。...开发移动网站和开发桌面版本基本上是一样的，尤其是考虑到响应式设计的技术允许我们在大的电脑显示器和小的手机屏幕上使用同一套CSS。...事实上，“移动Web”可以理解为“运行在比你听说过的还要多的浏览器上的支持小型触摸屏的网站”的缩写。我们最好把移动Web开发看作常规的Web开发之上的一层，其中包含了一些新概念和技术。...它们并非完全独立的浏览器，其中的很多只是基于同一浏览器的不同版本，尤其是安卓WebKit。为什么会这样？该如何处理这么多版本的差异呢？为什么安卓上的浏览器会这么复杂？移动浏览器市场将会如何发展呢？
opeck渲染引擎 Opera # 屏幕分辨率兼容性 典型的桌面屏幕分辨率：1920x1080 典型的便携屏幕分辨率：1366x768 典型的平板屏幕分辨率：1920x1200 典型的移动屏幕分辨率...大部分人的手机分辨率都是1080x1920，在分类中却被归为了360x640，这个分辨率和CSS中的PX是一致的。...，手机网站与桌面网站是不同的入口，因此不存在兼容，是两个单独的应用程序。 ...对于流量较小的网站，平台的兼容策略主要是应用响应式框架(比如：normalize.css、Bootstrap 等)，加上移动端主菜单与导航栏即可，其次可以选用跨平台框架来实现在不同平台的差异化体验。...没有这些框架对于Web网站来说不造成大的体验下降。而如果需要开发混合移动、桌面应用，则需要认真考虑这些框架，毕竟用户对本地应用的体验期待要高很多。
移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？自适应网页设计的出现很好的解决了这个问题。...因此，当您在电脑上打开浏览器浏览网页时，该网站会自动检测并选择该桌面屏幕的最佳布局。 二、实践方法：如何做自适应网页设计？...三、自适应网页设计范例 目前很多网站在PC端和手机端已经采用了自适应设计，在不同的设备上浏览网页时已经可以很好的体验到自适应网页设计。...但自适应设计在移动网站上显示的布局可能与桌面版本会有所不同。所以，做自适应网页设计时，设计师需要做更多的工作来满足至少6种常见的布局需求。 这里有一些优秀的自适应网页设计范例供各位设计师朋友参考。...并且，此外，亚马逊的自适应网站为移动用户提供了在移动设备上使用“Amazon.com全站点”的机会，而响应式设计并不会提供。 ? 2.
移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？自适应网页设计的出现很好的解决了这个问题。...因此，当您在电脑上打开浏览器浏览网页时，该网站会自动检测并选择该桌面屏幕的最佳布局。 二、实践方法：如何做自适应网页设计？...三、自适应网页设计范例 目前很多网站在PC端和手机端已经采用了自适应设计，在不同的设备上浏览网页时已经可以很好的体验到自适应网页设计。...但自适应设计在移动网站上显示的布局可能与桌面版本会有所不同。所以，做自适应网页设计时，设计师需要做更多的工作来满足至少6种常见的布局需求。...并且，此外，亚马逊的自适应网站为移动用户提供了在移动设备上使用“Amazon.com全站点”的机会，而响应式设计并不会提供。 ? 2.
移动和桌面渲染 Googlebot可以"看到"你的页面与两个子类型的爬行者：桌面Googlebot和智能手机Googlebot。需要此部门为桌面和移动 SERP 索引页面。...谷歌认为，世界变得足够对移动友好，并开始使用智能手机Googlebot来抓取、索引和排名移动和桌面SERP网站的移动版本。 尽管如此，实施移动先发制人索引结果却比预期的要困难。...即使您的网站已转换为移动先索引，您仍将有一些页面由 Googlebot 桌面抓取，因为 Google 希望检查您的网站在桌面上的表现。...谷歌没有直接说，如果与手机版本有很大不同，它将为您的桌面版本提供索引。不过，假设这一点是合乎逻辑的，因为谷歌的主要目标是为用户提供最有用的信息。谷歌几乎不想盲目地遵循移动第一的概念来失去这些信息。...注意：在任何情况下，您的网站将被移动Googlebot和桌面Googlebot访问。因此，重要的是要照顾你的网站的两个版本，并考虑使用响应式布局，如果你还没有这样做。
如果我们想要避免早期的移动和 PC 桌面战争的历史重演，我们就需要确保在这些新设备下，网页仍然能够像使用其他常用设备那样可访问和可用。...我们最不愿意见到的事情是不得不为 IoT 设计一个版本的网页，然后为移动和 PC Web 设计另外一个版本。 哪些 IoT 设备可能呈现网页？...真正的响应式 CSS 网页需要适配到微型显示器，在它之上保持相对可读。CSS将是适配非常小的显示分辨率的关键。CSS 是否能像处理移动网站那样处理微型屏幕？...测试将变得艰难 在智能手机、桌面平板、智能电视和桌面操作系统上测试你的网站已经相当困难，因为物联网和其他技术不断进步（虚拟和增强现实也来了！），充分测试每一种设备变得越来越困难。...然而，我相信如果我们不去改变，Web 技术将被限制于桌面应用和少量移动应用，正如响应式 Web 的真正潜力被移动 App 的盛行所阻碍。
CSS框架的历史 这一切大约开始在2006-07年，YUI(雅虎用户界面库)和Blueprint这样的CSS框架开始流行;它们提供了一下基础功能，例如：CSS重置、字体、网格、动态效果、按钮等等；开发者们开始意识到...它完全重写了Bootstrap程序库，并成为了一个响应性的框架。它的组件兼容各种设备，包括移动设备、平板电脑和桌面设备，以及许多新的CSS和JavaScript插件。...在经历了15次重大更新之后，2013年的Bootstrap3是另一个重要的版本，成为了“移动为先，总是响应”的框架。在早期版本的Bootstrap3框架中，响应式的网站是一个可选项。...让我们假设我们使用了Bootstrap来创建桌面布局。我们已经使用它的网格系统来创建响应式设计，这样布局就会自动调整以适应平板电脑和移动设备。 在平板设备上，布局将如图所示。...准备Bootstrap 首先，我们需要Bootstrap程序包，所以让我们在Bootstrap的官方网站 https://v3.bootcss.com/ 上，下载最新的4.x.x或3.x.x版本。
我们今天要向大家分享关于打造移动网站友好用户体验的12个技巧 介绍 要知道，一个网站可以在移动设备上浏览并不代表着这个网站在移动设备上浏览的用户体验是友好的。...RITTA（一家广告与营销机构）的 COO Kevin Janosz补充说：“响应式是Web开发的一种更统一的方法，无论用户是通过桌面，平板还是智能手机访问网站，您都可以为用户创建相似的优质浏览体验。...“友好体验的移动端网站通常会使用CSS（媒体查询media queries）来调整屏幕大小，而不考虑手指可能会导致的错误点击。”...“移动设备上的分辨率和宽高比变化范围还是比较大的（范围从240 x 320到2560 x 1440及以上不等）。”...7.不要过度使用Java Hume说：“尽可能避免在您的移动网站上使用过多的JavaScript代码，因为它在不同的浏览器和设备上运行效果不同。
5、每屏完成一项任务 当在移动设备上浏览或者操作时，尽量安排每个屏幕完成一项任务。因为，在移动设备上用户的屏幕比较小，同时执行多项任务会分散他们的注意力，用户无法快速获取信息。...6、使用谷歌网页设计标准 谷歌网页设计标准不仅包含针对智能手机关于响应式设计的优秀建议和技巧，还包含了在不同的手持设备上快速加载网页的方法。...6、精简页面文字 只使用那些必要的文字，而不是把你的桌面电脑设计复制到你的移动端来。后者往往会造成长期滚动的页面，这种糟糕的体验会让你在移动端失去很多用户。...7、控制CSS和Javascript的加载 响应式站点通常将桌面和移动 CSS 和 JavaScript 合并到一组文件中，但通过将不必要的代码传送到所查看的宽度，可能会影响性能。...8、移除不必要的特效 在PC端网页上，动画效果和视差滚动常会让网站看上去极富魅力，但在移动端上情况可就大不相同了。
提及的安卓系统包括Android和基于Android开发的系统 提及的苹果系统包括iOS和iPadOS 本文针对的开发场景是移动端浏览器，因此大部分坑位的解决方案在桌面端浏览器里不一定有效 解决方案若未提及适用系统就默认在安卓系统和苹果系统上都适用...，若提及适用系统则会详细说明 Webkit及其衍生内核在移动端浏览器市场占有率里达到惊人的97%，因此无需太过担心CSS3、ES6和浏览器新特性的兼容性 每次填坑都是一次实践过程，全部坑位的源码都按语言方向记录在笔者...appId=60000002">打开支付宝的蚂蚁森林 禁止页面缩放 在智能手机的普及下，很多网站都具备桌面端和移动端两种浏览版本，因此无需双击缩放查看页面。...-- 保存网站到桌面时添加图标 --> 网站到桌面时添加图标且清除默认光泽 --> 针对其他浏览器配置 贴一些其他浏览器较零散且少用的配置
“逐步增强”和“优雅降级” 这两个概念是在“响应式网页设计”之前被提出的。为了使网页或软件在不同的设备上都呈现出良好的效果，设计师在设计产品时分别为不同的终端设计不同的版本。...“优雅降级” 指：一开始就针对高级浏览器，为产品构建完整的功能，然后再针对低版本浏览器进行兼容。 这两种策略实际是在设计时选取了不同的方向，一个是“由小到大”，另一个是“由大到小”。...假设先设计一个软件的桌面版本，设计师难以避免地会利用桌面平台所提供的所有条件，比如，鼠标悬停时产生某种效果；在网页中使用高清大图，复杂的表格等（这些在移动端常常无法正确显示）。...1. 2016年，全球移动网络用户数量超过了PC端网络用户数量。 ? 2. 人们每天在移动端使用网络的时间越来越长。 ? 3. 早在2012年，全球智能手机的销量就超过PC电脑的销量。 ?...桌面端效果如下： 在主要功能的基础上进行了扩展；扩大了广告和活动促销的显示范围。 ? 这样一来，设计师能够很顺畅地在移动端的基础上添加更多内容，设计出一个既功能丰满又主次分明的桌面端产品。
2：Hammer.js:http://hammerjs.github.io/ Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。...多点触控插件Hammer.js的demo源码：http://www.jq22.com/jquery-info552 现在已经更新到2.04版本，跟1.0版本有点天壤地别了，毕竟改写了事件名并新增了许多方法...jQueryMobile适用于所有流行的智能手机和平板电脑，jQuery Mobile是jQuery框架的一个组件（而非jquery的移动版本）。...jQuery Mobile是一款基于HTML5的用户界面系统，旨在使所有智能手机，平板电脑和桌面设备上都可以访问的响应网站和应用。...专业版都是压缩的JS、CSS，基本不能阅读代码如果到期基本就不可以再免费使用了。
“APP版本迭代更新，都是企业的一道难关，没有一个一劳永逸的解决方式吗？” “一个Web开发者如何能快速适应移动互联网时代，用HTML5开发出一个APP呢？”...“安卓、IOS双平台同时开发，程序员都累死在加班的路上了……” 针对行业痛点，国内外涌现出众多APP开发工具，开发者只要有相关的HTML5、CSS和JavaScript知识，便可以轻松快速的开发出属于自己的...Titanium是Appcelerator公司旗下的一款开源的跨平台开发框架，和PhoneGap及Sencha Touch一样，都是让开发者使用HTML/CSS/JS来开发出原生的桌面及移动应用，还支持...Bedrock的交叉编译程序会把Java源代码转换成其他如C++、C#、ActionScript等编程语言，其独特的IDE特性，可以让开发者方便地在各种平台上开发应用和游戏，此外Bedrock还能直接把开发者编写的代码程序跨平台地部署到各种移动操作平台上...其强大之处在于非常容易学习和使用，可以让一个不会编程的人在很短的时间内就能开发出原生的，能够运行于PC、服务器、移动设备上的应用程序。
T哥听到移动优先的策略还是从微软换帅开始，从鲍尔默下台到纳德拉上位，微软开始进行一系列改革，其中最主要的一条是放弃设备和服务，转而主攻移动优先和云优先，而纳德拉此举也得到了业界的一致认可，微软终于又恢复玩家的角色...例如，在你寻找合适的产品或市场时，Android更容易让你 在初期发布和升级应用，iOS更容易进行商业化。一旦你在平台的选择上做出了自己的决定，那么下一步就是… 聘用专注于某个平台的开发者。...Accompani是一家关系管理软件开发商，可以在客户移动设备上实现移动办公，同时还能在 PC或平板电脑上完成批处理类型的任务——清理收件箱、为第二天全天的会议做准备。...从如何设计移动应用界面到是否需要“移动到桌面”的同步，一切都取决于这个重要区别。 即便你在创办自己的公司时并未抱着移动为先的理念，但今后仍有时间来实现这种巨大的转变。...Facebook就做到了这一点——从基于个人用户的桌面端网站变成了一个移动为先的应用，在此过程中还改变了整个收入来源。
HTML、CSS HTML（超文本标记语言）和CSS（层叠样式表）是Web编码的最基本构建块。没有这两件事，你就无法创建一个网站设计，而你最终得到的只是屏幕上没有格式化的纯文本。...它会在您将代码发布到您的网站之前对其进行处理，并将其转换为格式良好且跨浏览器友好的CSS。根据实际工作清单，SASS和LESS是两个最受欢迎的预处理器。...在移动设备上，同一网站将显示为针对触摸交互进行优化的单个列，但使用相同的基本文件。 移动设计可以包括响应式设计，但也包括创建单独的移动专用设计。...有时，您希望用户在台式计算机上访问您的网站时获得的体验与您希望他们从智能手机访问时看到的体验完全不同，在这种情况下，移动网站完全不同是有意义的。...如果你搞砸了，它们也可以很容易地恢复到早期版本。所以，假设您添加了一个自定义的jQuery插件，突然有一半的其他代码中断了。
弹性图片（flexible grids）在小屏幕上可缩小尺寸，并可扩展大最大尺寸以支持大屏幕。...搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的连接。3:多个网站只需一个后台即可完成全部网站维护无需额外增加负担。...比如网站banner上与一些特定地方的图片尺寸，就需要分两次裁剪吧。二、响应式网站缺点1:对低版本浏览器兼容性不友好对于老版本浏览器支持不好，这是一个致命的问题。...老版本浏览器上打开响应式网站会经常出现图片显示不全，排版错乱等情况。2:灵活性有所欠缺基于不同终端的设备属性不同，对产品用户体验要求就会截然不同。...三、市面上很多响应式网站往往是不考虑网速的，在移动端和PC端需要加载的页面数据往往是一样多，导致的结果是，如果用户采用2G\3G的网速，不但速度慢而且耗流量。
前端在桌面端很少需要存储，除非是one page app，不存储自然就不需要数据更新的一系列工作，数据都是从后台取出拼接后直接显示到页面上，即使像微博有可以在页面内不断加载更多数据，数据也只存在于内存，...桌面端以及各种套壳的极速模式用的都是webkit，差异很小，旧的ie6/7就需要特别照顾，不过很多网站都不支持ie6了，移动端更是一家亲，全是webkit，除了新特性上的支持程度不一，其他差异不大。...iPhone流行后，人机交互终于恢复了应有的水平，体验上比web流畅太多，指尖交互/流畅的动画/便捷的滑动手势/无限制的实现，主流终于恢复或超越了十年前Flash的水平。...也无法做到保证用户用的是最新的程序，用的都是传统的客户端更新的方式，bug的修复版无法及时给到用户，无法一天上线几十次，需要维护很多旧版本，开发方式倒退回web时代以前。...这都是因为移动网络不稳定以及流量有限造成的，移动端无法像桌面端浏览器那样完全依赖网络，所以在移动网络稳定流量免费之前，开发方式都不会有多大变化。
快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn...在移动设备上，导航栏是一个侧边菜单，而在桌面设备上，导航栏是一个顶部菜单。 查看移动和桌面导航栏 移动导航栏 PC导航栏 那时我明白了，在这种情况下，“移动优先”并不合适！你问为什么？...因为无论我是“移动优先”还是“桌面优先”，我都会发现自己需要大量的CSS覆盖！而且如果有一件事我在CSS中学到的，那就是CSS覆盖是邪恶的！...新“基本优先”方法，以及为什么放弃了“移动优先”！ 我意识到“移动优先”是一个好主意，但它仍然不是最好的，因为就像我之前说的，有时移动设备与桌面设备非常不同。...在这张图片中，HTML 是相同的，但移动设备+平板电脑和桌面版本看起来完全不同！ 我所做的是将“移动导航栏”的样式放在移动+平板电脑的断点上，将桌面的样式放在桌面断点上。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
