目录 一.网页开发1.Vue、React 和 Angular2.jQuery3.响应式开发二.小程序1.微信小程序原生开发2.uni-app3.Taro4.云开发三.移动端1.Native App2.Hybrid App主流开发框架有：1.RN（React Native）2.Flutter四.桌面端1.Electron五.其他技术1.TypeScript2.前端工程化3.算法，设计模式4
关于移动端适配的技术方案主要有以下四种（1）通过媒体查询的方式即CSS3的meida queries（2）以天猫首页为代表的 flex 弹性布局（3）以淘宝首页为代表的 rem+viewport缩放（4）rem 方式 1.Media Queries早期采用的布局方式，它主要是通过查询设备的宽度来执行不同的 css 代码，最终达到界面的配置。核心代码@me
文章目录⭐️ 前端开发工具和环境准备? 什么是 “IDE”? 前端开发IDE⭐️ "VS Code"的下载安装? 下载VS Code? 安装VS Code⭐️ "VS Code"的简单配置? VS Code的中文设置? VS Code更改颜色主题? VS Code更改字号大小? VS Code的快捷键 工欲善其事必先利其器，一款好的开发工具可以让我们事半功倍。今天我们就来认识一下前端开发工作中使
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewM
前端是什么？在回答这个问题之前，我想到了一道面试题：当我们在浏览器中输入网址并按回车之后，接下来会发生什么？我们来简单地看一看 “网页展现” 的整个过程。比如这里有一个用户，它需要访问 abc.com 这个网址。一般来说，当用户输入一个域名时，是在请求一个 HTML 资源。当他完成域名解析之后，他的浏览器会向 abc.com 这个域名所指向的 Web 服务器发出请求。有时候 Web 服务器直接就可
一、宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。（1）宽度自适应块元素宽度默认为auto（2） 高度自适应元素{height:auto;}/高度不写二、浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）解决高度塌陷的方法（
如果你也是从事UI界面设计工作的话，那么，必然会接触到PC端的相关的设计，对于这部分内容，我们必须要掌握住PC端UI界面设计规范的知识，如果你已经准备好的话，下面就让我们一起学习下吧。1、PC端是什么意思PC端就是接入个人电脑的接口，有的手机在接入电脑的时候要提示pc容量存储，就是提示接入个人电脑的意思。PC就是personal computer私人电脑 。persional computer个人
CMD命令使用方法：开始－＞运行－＞键入cmd、或者win键+R－＞键入cmd gpedit.msc—–组策略sndrec32——-录音机Nslookup——-IP地址侦测器explorer——-打开资源管理器logoff———注销命令tsshutdn——-60秒倒计时关机命令lusrmgr.msc—-本机用户和组services.msc—本地服务设置oobe/msoobe /a—-检查
1、固定布局固定布局是第一次做移动端的朋友们最好的选择方式，思路沿用PC端，上手比较快。<head>里把viewport加好，然后设想整个网页的宽度为320px即可。其他地方PC端怎么布局，这里类似即可。缺点也显而易见，大屏手机显示网页比较宽，而固定布局宽度参照永远是320px，导致左右两边会有空白。就像你用27寸显示器看980px宽度网页一样。另一个方面就是手机横屏的时候，两边空白更
随着移动端的发展，手机端的页面应用越来越广泛，所以我们现在更多的是做移动端的页面。 但是我们同样要维持pc端，因此难免会遇到许多麻烦。 而且现在做移动端适配的方法也有好多种，针对不同的网站我们需要合理的判断，选择全适的方法； 第一种方法：整个页面宽高用px写死，让宽度自适应 这是最蠢的一个办法，但是实际上我们用得也挺多，它适用于一些页面结构比较复杂的网站。 我们只需要在头部加入：<met
当下，许多人的办公和日常生活都离不开电子类产品，如手机、平板、电脑等，这几类产品中的软件/APP能满足不同的需求。目前许多企业的信息化转型，也正是建立在这样的基础上，比如办公常见功能：移动考勤管理、流程审批、公文编辑等等。PC办公为主、移动办公为辅的信息化转型模式，是大部分企业目前正在使用的。但是也有很多的公司只用PC办公，或者只选择移动办公，那这两者之间有什么区别和优劣呢？PC办公：适合场景：适
首先，您得了解什么是引入函数。一个引入函数是被某模块调用的但又不在调用者模块中的函数，因而命名为"import（引入）"。引入函数实际位于一个或者更多的DLL里。调用者模块里只保留一些函数信息，包括函数名及其驻留的DLL名。现在，我们怎样才能找到PE文件中保存的信息呢? 转到 data directory寻求答案吧。再回顾一把，下面就是 PE header:IMAGE
做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080使用了几种办法1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常2.使用rem的地方width,height,margin,padding,le
转载
2024-09-05 18:59:41
28阅读
1 rem基础为实现目标：1. 页面布局文字随着屏幕大小变化而变化 2. 流式布局和flex布局主要针对于宽度布局，为使高度也能布局 3. 让屏幕发生变化的时候元素高度和宽度等比例缩放因此可以采用rem适配布局。rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px;
适配器模式是一种结构型设计模式，它允许不同接口的对象协同工作，它通过将一个类的接口转换成客户希望的另外一个接口，使得不兼容的类可以一起工作。适配器模式提高了类的复用性、系统的灵活性和可扩展性，并降低了系统间的耦合度，在实际应用中，例如电源适配器和数据转换器，以及编程中封装老旧接口或第三方库都体现了适配器模式的应用。定义适配器模式（Adapter Pattern）是一种结构型设计模式，它允许对象具有
事情的起因是这样的，我在实验室有一台台式电脑，还有一个笔记本。但是我只有一套好用的键盘鼠标。此前使用的时候，一般都是键盘鼠标连上台式电脑，如果要传东西去笔记本的话需要用u盘拷贝，还需要使用两套键鼠操作，非常麻烦。好在我师兄小硕硕实乃神人，转首教了我使用了无界鼠标，非常好用。所以这里做一个简单教程分享给朋友们。一、简单介绍无界鼠标（Mouse without Borders）是微软推出的免费工具，能
**手机端适配** 媒体查询 组件统一样式 媒体查询写四套样式 手机 屏幕宽小于768px 平板 屏幕宽 大于等于768px 小于992px 桌面显示器 屏幕宽大于等于992px 小于1200px 大屏幕 屏幕宽大于等于1200px **页面整体及页面内容** 页面看是需要主PC还是主移动端 主移动端的话 一般需要
一、大屏项目屏幕分辨率适配:1366*768 和 1920*1080 和 2560*1440 和 4096×2160和其他二、css方案选择:1、字体大小以 “相对单位rem” 为单位更合适(以 1920*1080 的设计稿为基本尺寸设置 rem 值)(字体相对单位)2、大的布局的宽高以 “相对单位vh,vw” 为单位更合适(视窗相对单位,高宽占满)3、内容的布局使用%,display:flex
转载
2024-06-02 23:39:30
2367阅读
1.静态布局：布局特点：宽高固定 2.自适应布局：布局特点：不同分辨率下，页面元素位置变化，大小不变 实现方法:针对不同分辨率创建对应的样式表，使用 @media 媒体查询给不同尺寸的设备切换不同的样式 缺点：IE8及以下不支持媒体查询；只能兼容主流分辨率 3.流式布局（百分比布局）: 布局特点：不同的分辨率下显示相同的排版；高度固定，宽度自适应
转载
2024-07-31 08:08:12
131阅读
把PC端网页放在手机端打开，会被整体缩小，为什么？如何不让它缩小？1、首先我们要知道把一个PC端的网站放到手机端需要经过两步：第一步：把电脑端的网站放到虚拟容器中。（一个概念——视口：这个虚拟容器就叫做视口。）这个虚拟容器的宽度是980px。这个980px是人为规定的，在手机出厂时就设置好的。为什么是980px？因为早期的PC端显示器宽度是980px。如果PC端网站宽度小于980px，完全可以放进
