文章目录⭐️ 前端开发工具和环境准备? 什么是 “IDE”? 前端开发IDE⭐️ "VS Code"的下载安装? 下载VS Code? 安装VS Code⭐️ "VS Code"的简单配置? VS Code的中文设置? VS Code更改颜色主题? VS Code更改字号大小? VS Code的快捷键 工欲善其事必先利其器，一款好的开发工具可以让我们事半功倍。今天我们就来认识一下前端开发工作中使
目录 一.网页开发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
前端是什么？在回答这个问题之前，我想到了一道面试题：当我们在浏览器中输入网址并按回车之后，接下来会发生什么？我们来简单地看一看 “网页展现” 的整个过程。比如这里有一个用户，它需要访问 abc.com 这个网址。一般来说，当用户输入一个域名时，是在请求一个 HTML 资源。当他完成域名解析之后，他的浏览器会向 abc.com 这个域名所指向的 Web 服务器发出请求。有时候 Web 服务器直接就可
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewM
关于移动端适配的技术方案主要有以下四种（1）通过媒体查询的方式即CSS3的meida queries（2）以天猫首页为代表的 flex 弹性布局（3）以淘宝首页为代表的 rem+viewport缩放（4）rem 方式 1.Media Queries早期采用的布局方式，它主要是通过查询设备的宽度来执行不同的 css 代码，最终达到界面的配置。核心代码@me
事情的起因是这样的，我在实验室有一台台式电脑，还有一个笔记本。但是我只有一套好用的键盘鼠标。此前使用的时候，一般都是键盘鼠标连上台式电脑，如果要传东西去笔记本的话需要用u盘拷贝，还需要使用两套键鼠操作，非常麻烦。好在我师兄小硕硕实乃神人，转首教了我使用了无界鼠标，非常好用。所以这里做一个简单教程分享给朋友们。一、简单介绍无界鼠标（Mouse without Borders）是微软推出的免费工具，能
转载
2024-11-01 06:38:43
60阅读
一、宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。（1）宽度自适应块元素宽度默认为auto（2） 高度自适应元素{height:auto;}/高度不写二、浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）解决高度塌陷的方法（
简介：远程桌面控制工具（Remote Desktop Control Tool）是一种软件程序，它允许用户在本地计算机上通过网络访问和控制远程计算机。使用远程桌面控制工具，用户可以像操作本地计算机一样地对远程计算机进行操作，包括打开和关闭应用程序、查看和编辑文件、调整设置等。远程桌面控制工具通常由两部分组成：客户端和服务器端。客户端是安装在本地计算机上的软件程序，而服务器端则运行在远程计算机上。当
rem布局是现在比较流行的移动端布局，掌握了这种布局方式后，可以很轻易的实现布局自适应手机屏幕。目前淘宝首页就是采用的这种布局方式。我曾经上网查过很多资料，看过很多解释原理的和使用方法的，可是还是一脸懵逼，可能我是一枚女程序员，脑子转不过来，必须要弄得很清楚透彻才能想明白这个布局的原理。后来我自己在纸上琢磨，用数学公式成功把自己弄明白了。希望也能帮到大家。就像一道数学题一样，见下题：首先，假设UI
前言在移动端页面开发过程中避免不了对页面做适配，适配方案说多还是挺多的，接下来主要讨论一下rem和em。兼容性ios：6.1系统以上都支持android：2.1系统以上都支持大部分主流浏览器都支持，可以安心的使用~一、remrem是基于页面根元素html字体大小来设置，例如给html元素设置font-size: 30px; p元素的font-size: 0.5rem;可以使用geComputedS
转载
2024-10-31 15:21:38
47阅读
元素偏移量offset系列offset概述offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等.获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意： 返回的数值都不带单位offset系列常用属性offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素,如果父级都没有定位则返回bod
上一次认真的学习使用Vue已经是四月份的事了，当时只是简单的就像使用jQuery一样，直接引入页面，没有使用任何组件、路由，写了个cakeroom的小demo，感兴趣的可以去看下： 这次就更加深入的学习如何使用vue-cli，去组件化的开发一个项目；以及如何使用路由vue-router，完成页面之间的跳转；还有vuex如何管理页面之间需要交互的全局数据；如何使用vue-resource跨域请求，
Webpack+Vue-router的架构方式Vue-cli安装省略（vue-cli搭建）ElementUI库（pc端）的引用（见下文）打包（项目完成后打包放服务器）在项目目录下运行 npm run build 运行完成之后会在项目里面增加一个dist的目录，直接把这个目录丢给服务器就好了，dist目录的名字可以自定义在配置文件里面 上面1、2项完成好后，在命令框
移动端适配方案，说多也很多。可以使用百分比布局，但百分比与em都是基于父元素进行计算的，在实际应用中不是很方便。使用rem不仅可以设置字体大小，块大小也可以设置。而且可以良好的适配各种终端，所以这方案很受欢迎。rem定义及浏览器支持情况rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就
转载
2024-08-23 21:40:25
668阅读
一. 当用户访问淘宝网站的时候，网站做了什么处理？大网站：一般情况下，PC端的网页和移动端的网页是两套代码。用户： -> 淘宝的服务端（检测用户是PC端过来，还是移动端） -> PC端 -> -> 移动端 -> 后端重定向 -> PC: 移动：那么有可能用一套代码：既可以针对PC端又可以适配移动端。 答：可以做到。响应式布局方案。 注：这种方案针对小网站，不适合
移动web开发之rem布局rem基础rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */
html {
font-size: 12px;
}
/*
转载
2024-08-27 17:08:32
131阅读
CMD命令使用方法：开始－＞运行－＞键入cmd、或者win键+R－＞键入cmd gpedit.msc—–组策略sndrec32——-录音机Nslookup——-IP地址侦测器explorer——-打开资源管理器logoff———注销命令tsshutdn——-60秒倒计时关机命令lusrmgr.msc—-本机用户和组services.msc—本地服务设置oobe/msoobe /a—-检查
随着移动端的发展，手机端的页面应用越来越广泛，所以我们现在更多的是做移动端的页面。 但是我们同样要维持pc端，因此难免会遇到许多麻烦。 而且现在做移动端适配的方法也有好多种，针对不同的网站我们需要合理的判断，选择全适的方法； 第一种方法：整个页面宽高用px写死，让宽度自适应 这是最蠢的一个办法，但是实际上我们用得也挺多，它适用于一些页面结构比较复杂的网站。 我们只需要在头部加入：<met
如果你也是从事UI界面设计工作的话，那么，必然会接触到PC端的相关的设计，对于这部分内容，我们必须要掌握住PC端UI界面设计规范的知识，如果你已经准备好的话，下面就让我们一起学习下吧。1、PC端是什么意思PC端就是接入个人电脑的接口，有的手机在接入电脑的时候要提示pc容量存储，就是提示接入个人电脑的意思。PC就是personal computer私人电脑 。persional computer个人
1、固定布局固定布局是第一次做移动端的朋友们最好的选择方式，思路沿用PC端，上手比较快。<head>里把viewport加好，然后设想整个网页的宽度为320px即可。其他地方PC端怎么布局，这里类似即可。缺点也显而易见，大屏手机显示网页比较宽，而固定布局宽度参照永远是320px，导致左右两边会有空白。就像你用27寸显示器看980px宽度网页一样。另一个方面就是手机横屏的时候，两边空白更
