如何正确选择办公笔记本电脑配置,如何正确选择办公笔记本电脑品牌,如何选办公笔记本电脑,怎样选购办公笔记本电脑

身处职场，笔记本电脑可谓是商务办公的必备工具。面对市面上众多品牌和型号，选对适合自己的笔记本电脑需要纠结一段时间。作为消费者，要考虑预算价格、使用需求和综合对比后，才能确定好目标，而这中间过程很难抉择。每个人的需求和预算价格都不一样，下面我就推荐一份选购攻略，帮助你更好的定位自己的需求和方向。

需求是购买的首要条件，但是每个人需求都不相同，如何能清楚定位自己的需求呢？可以根据以下几点：

办公效率需求：我们被分配的工作内容都不单一，所以经常需要在电脑上处理各种办公软件。为了提高工作效率，就需要一款性能稳定的笔记本电脑，这样才能轻松运行多任务，使用过程中流畅不卡顿，从而提高办公效率。

外出办公需求：商务办公人士需要经常外出开会、出差等，所以笔记本电脑要随身携带，因此需要一款轻薄便携、电池寿命长的笔记本电脑。笔记本电脑的优势就是方便移动办公，所以外出携带，选择轻薄本更适合。

安全性需求：电脑上的资料内容和数据都非常重要，所以要考虑到安全问题，避免因为被他人窃取和损坏，在选购时就要考虑具备如指纹识别、面部识别、加密存储等功能的笔记本电脑，从而多了一重保护，提升了安全措施。

长久耐用需求：使用笔记本电脑办公时间较长，因此要考虑到长久耐用、品质可靠，所以要选择专注大品牌，不仅产品有保证，而且售后服务也有保障。随着使用时间的长久，这样算下来还降低了使用成本。

使用体验需求：笔记本电脑毕竟是每天都要用，所以使用体验很重要。在选购时不能光看介绍，要真正了解产品的使用体验，我们可以通过从购买用户使用感受，用户评价来判断产品是否符合你的标准。

说完了选购需求，就要考虑遇到的问题，大致会从以下因素做参考：

处理器：在选购时主要是用于办公用途，所以处理器性能不需要太高端，毕竟我们不是拿来玩游戏。通常 i5 或 i7 处理器就足以应对。如果你处理的工作涉及到更大的数据，比如图片和视频等，可以选择性能更强的 i9 处理器。

内存和存储：每天要处理大量的工作，运行内存和存储空间要足够保证，就像我们的手机一样，内存和空间随着使用久了，你就会发现不够用了。所以面对各种办公软件的运行和数据文件的存储，通常 8GB 以上的内存和 256GB 以上的固态硬盘基本可以满足需求。

显示屏：每天面对电子屏幕，势必会造成视力疲劳，所以选择分辨率高、显示色彩好的屏幕能够从视觉上提高工作效率。如果你不介意尺寸大，携带不方便，那么显示屏尽量选择大一些，这样才能看着更舒服。

电池耗电：笔记本电脑比台式主机的优势就是可以移动办公，所以电池的耗电和寿命直接影响了笔记本电脑使用时长，谁也不想因为工作时电池电量低而影响到进度。通常电池保持在 8 小时以上完全可以满足日常工作需求。

价格：价格也是购买笔记本电脑时需要考虑的一个因素。通常，较高的价格会在质量和性能上得到体现。当然要根据个人预算价格来衡量，只要能满足你的需求，也不一定非要买贵的，选对了才重要。

除了以上这些因素，还要考虑重量和便携、安全性以及品牌和售后服务等。在选择时需要根据自己的具体情况来考虑，比如处理大量图形或者视频等需要显卡性能高，那么就需要选择一款带有独立显卡的笔记本电脑。

以上就是从需求和选购因素上分析了购买办公笔记本电脑的攻略，希望可以帮助你更明确的做出选择，从而选购到适合自己的产品。#笔记本电脑#

web前端面试题及答案2021 2021前端面试题及答案

web前端面试题及答案2023,web前端常见面试题及答案(一),2020web前端经典面试题及答案,2021web前端经典面试题

关于前端面试的题，这里整理了一些干货，经常被问到的一些问题，出现频率比较高的问题，如有不足之处，麻烦大家指出，持续更新…（ps：一到三颗?代表重要性,?选择性了解，掌握，?前端需要知道的知识）

答：用正确的标签做正确的事。

提高代码的可读性，页面内容结构化，便于开发人员的代码编写，同时提高的用户体验；有利于SEO ，便于搜索引擎爬虫爬取有效信息。

1. Canvas绘图以及SVG绘图。
2. 拖放（Drag and drop）API
3. 语义化标签（header、nav、【【微信】】、article、section）
4. 音频、视频（audio、video）API
5. 地理定位（Geolocation）
6. 本地离线存储（localStorage）,长期存储数据，关闭浏览器后不丢失。
7. 会话储存（sessionStorage）,数据在关闭浏览器后自动删除。
8. 表单控件（calendar、date、time、email、url、search）
9. 新技术如Web Worker、Web Socket。（关于Web Socket使用可以看这篇文章浅谈Web Socket。）

1. 保存方式 cookie存放在客户的浏览器上。 session都在客户端中保存，不参与服务器通讯。

2. 生命周期 cookie可设置失效时间 localStorage除非手动清除否则永久保存 sessionStorage关闭当前页面或浏览器后失效

3. 存储的大小 cookie 4kb左右 session 5M

4. 易用性 cookie需自己封装 session可以接受原生接口

因为cookie每次请求都会携带在http请求中,所以它的主要用来识别用户登录,localStorage可以用来跨页面传参,sessionStorage可以用来保留一些临时数据。

关于storage使用的方式可以查看storage传值

类选择器（class）、标签选择器、ID选择器 !【【微信】】>内联样式（非选择器）>ID选择器>类选择器>标签选择器>通配符选择器（*）

请看这里前端CSS布局问题

请看这里前端CSS布局问题

请看这里前端CSS布局问题

块标签：div、h1~h6、ul、li、table、p、br、form。 特征：独占一行，换行显示，可以设置宽高，可以嵌套块和行 行标签：span、a、img、textarea、select、option、input。 特征：只有在行内显示，内容撑开宽、高，不可以设置宽、高（img、input、textarea等除外）。

1. 父级div定义【【微信】】:hidden（如果父级元素有定位元素超出父级，超出部分会隐藏，）
2. 给浮动元素父级增加标签（由于新增标签会造成不必要的渲染，不建议使用）
3. 伪元素清除浮动：给浮动元素父级增加 .【【微信】】::after（content: ‘’; display: table; clear: both;）（不会新增标签，不会有其他影响，）

1. 圆角（border-radius）
2. 阴影（box-shadow）
3. 文字特效(text-shadow)
4. 线性渐变（gradient）
5. 变换(transform)
6. 更多的CSS选择器
7. 更多背景设置（background）
8. 色彩模式（rgba）
9. 伪元素（::selection）
10. 媒体查询（@media）
11. 多栏布局（column）
12. 图片边框（border-image）

答：

1. 盒模型由内容(content)、内边距(padding)、边框(border)、外边距(margin)组成。
2. 盒模型分为IE盒模型和W3C标准盒模型。
3. W3C标准盒模型又叫content-box，元素宽度/高度由border+padding+content组成。 （属性width,height只包含内容content，不包含border和padding）
4. IE盒模型又叫border-box，元素宽度/高度由content组成。 （属性width,height包含border和padding，指的是content+padding+border。）

PS：盒模型这个东西需要多理解。。。

1. 绝对长度单位：px
2. 百分比: %
3. 相对父元素字体大小单位: em
4. 相对于根元素字体大小的单位: rem
5. 相对于视口*宽度的百分比（100vw即视窗宽度的100%）: vw
6. 相对于视口*高度的百分比（100vh即视窗高度的100%）: vh

display:none：隐藏元素，在文档布局中不在给它分配空间（从文档中移除），会引起回流（重排）。 【【微信】】:hidden: 隐藏元素，但是在文档布局中仍保留原来的空间（还在文档中），不会引起回流（重绘）。

1. 已知父元素宽高用%

• 用vw

这个可以用伪类来实现

向上

伪类 伪元素 区别

• 伪类只能使用“：”，伪元素既可以使用“:”，也可以使用“::”
• 伪元素其实相当于伪造了一个元素，伪类没有伪造元素，例如first-child只是给子元素添加样式而已。（本质区别就是是否抽象创造了新元素）

重排：当DOM的变化影响了元素的几何信息(元素的的位置和尺寸大小)，浏览器需要重新计算元素的几何属性，将其安放在界面中的正确位置，这个过程叫做重排。 重绘：当一个元素的外观发生改变，但没有改变布局，重新把元素外观绘制出来的过程，所以重绘跳过了创建布局树和分层的阶段。

重排需要重新计算布局树，重绘不需要，重排必定发生重绘，但是涉及到重绘不一定要重排 。涉及到重排对性能的消耗更多一些。

触发重排的方法： 页面初始渲染、添加/删除可见的DOM元素、改变元素位置、改变元素尺寸、改变元素内容、改变元素字体大小、改变浏览器窗口尺寸、设置 style 属性的值等。 避免重排的方式：样式集中改变、使用 absolute 或 fixed 脱离文档流。

1. 新增块级作用域let定义变量和const定义常量
2. 变量的解构赋值
3. 模板字符串 （‘${}’）
4. 默认参数（key=value）
5. 箭头函数（=>）
6. 扩展运算符（…）
7. 模块（import/export）
8. 类（class/【【微信】】s）
9. Promise
10. Proxy
11. Symbol 了解关于es6的更多知识可以看阮一峰――ES6 入门教程

理解：主要是为了设计私有的方法和变量。 优点：可以避免全局变量造成污染。 缺点：闭包会常驻内存，增加内存使用量，使用不当会造成内存泄漏。 特征：（1）函数嵌套函数。（2）在函数内部可以引用外部的参数和变量。（3）参数和变量不会以垃圾回收机制回收。

详情请看call()、apply()、bind（）重新定义this的区别

主要是还是实现继承与扩展对象。 每个函数对象都有一个 prototype 属性，这个属性就是函数的原型对象。 原型链是JavaScript实现继承的重要方式，原型链的形成是真正是靠__proto__ 而非prototype。

所有的引用类型（包括数组，对象，函数）都有隐性原型属性（proto）, 值也是一个普通的对象。 所有的引用类型的 proto 属性值都指向构造函数的 prototype 属性值。 构造函数 new 出来一个对象，而每个对象都有一个 constructor 属性，该属性指向创建该实例的构造函数。 实例对象通过__proto__或者 object.getPrototype 的方法获取原型。 原型链其实就是有限的实例对象和原型之间组成有限链，就是用来实现共享属性和继承的。

详细可以看看这篇文章最详尽的 JS 原型与原型链终极详解

1. 基本类型

• Number:数值，包括整型和浮点型。
• String:字符型。
• Undefined:未定义，声明变量时未赋值。
• Null：定义为空或者不存在。
• Boolean：布尔值，true or false。
• Symbol：独一无二的值。

1. 引用数据类型

• Object：对象。
• Array：数组。
• Function：函数。

• 均可导出常量、函数、文件、模块等。
• 在一个文件或模块中，export、import可以有多个。【【微信】】仅有一个。
• 通过export方式导出，在导入时要加{ }，【【微信】】则不需要。

• 语法更加简洁、清晰，=>()
• 箭头函数是匿名函数，不能作为构造函数，不能使用new
• 箭头函数不能使用arguments，而用reat参数…解决
• 箭头函数没有自己的this,会捕获其所在的上下文的this值,并且不能通过call()和apply()来改变其this
• 箭头函数没有原型

表面区别

• 后退/刷新：GET无害，POST数据会被重新提交。
• 书签：GET产生的URL地址可以被收藏为书签，而POST不可以。
• 数据：GET一般是用来获取数据，POST提交数据。
• 数据类型：GET只允许ASCII字符,POST无限制。
• 数据大小：GET大小有限制（一般来说1024字节）,POST理论上来说没有大小限制。
• 安全性：GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
• 可见性：GET参数通过URL传递对所有人可见，POST数据不可见。
• 历史保留：GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。

forEach没有返回值，map返回新的数组。 map创建新数组，forEach不修改原数组。

常见的：

1. 原型链继承
2. 借用构造函数继承
3. 原型链+借用构造函数的组合继承（使用 call 或 applay 方法）
4. ES6中class 的继承（class可以通过【【微信】】s关键字实现继承）

面向对象是基于万物皆对象这个哲学观点. 把一个对象抽象成类，具体上就是把一个对象的静态特征和动态特征抽象成属性和方法，也就是把一类事物的算法和数据结构封装在一个类之中,程序就是多个对象和互相之间的通信组成的。

面向对象具有封装性,继承性,多态性。

封装：隐蔽了对象内部不需要暴露的细节,使得内部细节的变动跟外界脱离,只依靠接口进行通信.封装性降