自媒体各大平台图片尺寸大合集
私域是电商用来引流的重要渠道，可以通过种草、社群、活动来丰富电商的GMV。现在越来越多的电商开始通过运营小红书、社群、公众号抖音等渠道进行直播，引流等， 设计师也有了越来越多的设计需求。
长方形大封面尺寸900px*383px（）
正方形小封面尺寸：200px*200px（1:1）
二维码名片：600*600px
内容引导图：900*500px
竖版尺寸：1080px*1260px（6:7）
横版尺寸：1080px*608px（16:9）
背景图尺寸：1000*800px
竖版图文封面：1242px*1660px（3:4）
方版图文封面：1080px*1080px（1:1）
横版图文封面：2560px*1440px（16:9）
竖版视频封面：3:4
横版视频封面：4:3或16:9
抖音个人背景图：1125px*633px
封面竖图尺寸：1242px*1660px（9:16）
封面横图尺寸：1080px*608px
微博主页封面图：980px*300px
微博头条封面图:980px*560px
微博焦点图片：540px*260px
微博长图：800px*2000px
视频封面：1146px*717px
文章封面：690*280px
封面：500*330px
封面：1175*667px
封面：864*516px
悟空图像也可以直接建立对应尺寸的画布，方便大家建立各种需求的图片尺寸，分类的清清楚楚，包括照片、打印、电商、网页等，连各种移动设备匹配的尺寸都设定好了，可以囊括我们做设计的时候大部分的设计需求。
希望今天的分享可以让本来就快节奏电商设计师可以不在为了素材头秃到处找尺寸。更高效的去完成设计。
关注空空，一起不做加班的打工人。
今日头条前端工程师笔试题
1.[不定项选择题]页面有一个按钮button id为 button1，通过原生的js如何禁用?
(“button1”).readolny= true;
(“button1”).setAttribute(“readolny”,”true”);
(“button1”).disabled = true;
(“button1”).setAttribute(“disabled”,”true”);
2.[单选题]页面有一个按钮button id为 button1，通过原生的js 设置背景色为红色?
(‘button1’).”red”;
(‘button1’).”red”;
(‘button1’).”red”;
(‘button1’).”red”;
3.[编程题] 回文解码
现在有一个字符串，你要对这个字符串进行 n 次操作，每次操作给出两个数字：(p, l) 表示当前字符串中从下标为 p 的字符开始的长度为 l 的一个子串。你要将这个子串左右翻转后插在这个子串原来位置的正后方，求最后得到的字符串是什么。字符串的下标是从 0 开始的，你可以从样例中得到更多信息。输入描述:
每组测试用例仅包含一组数据，每组数据第一行为原字符串，长度不超过 10 ，仅包含大小写字符与数字。接下来会有一个数字 n 表示有 n 个操作，再接下来有 n 行，每行两个整数，表示每次操作的(p , l)。保证输入的操作一定合法，最后得到的字符串长度不超过 1000。
输出描述:
输出一个字符串代表最后得到的字符串。
输入例子:
0 2
1 3
输出例子:
abbaabb
今日头条精选图片尺寸
1.[不定项选择题]下面哪些是HTML5 新增的表单元素?
2.[单选题]在HTML中，( )可以在网页上通过链接直接打开邮件客户端发送邮件。
A.发送邮件
B.发送邮件
C.发送邮件
D.发送邮件
3.[不定项选择题]请选出所有的置换元素
4.[单选题]下面哪条声明能固定背景图片
: initial;
: initial;
5.[不定项选择题]下列说法正确的是
: none;不为被隐藏的对象保留其物理空间;
;所占据的空间位置仍然存在,仅为视觉上的完全透明;
;产生reflow和repaint(回流与重绘);
;与display: none;两者没有本质上的区别;
6.[单选题]以下关于盒子模型描述正确的是：
A.标准盒子模型中：盒子的总宽度 = 左右margin + 左右border + 左右padding + width
盒子模型中：盒子总宽度 = 左右margin + 左右border + width
C.标准盒子模型中：盒子的总宽度 = 左右margin + 左右border + width
盒子模型中：盒子总宽度 = width
7.[单选题]下面哪个属性不会让 div 脱离文档流(normal flow)?
: absolute;
: fixed;
: relative;
: left;
8.[单选题]英文字母全部转为大写正确的是
: capitalize;
: lowercase;
: uppercase;
: bold;
9.[单选题]假设在今日头条里面,有很多工作人员检查新闻是不是属于虚假新闻,所有新闻真实率到达了98%,工作人员在检验一个真实的新闻把它检验为一个虚假的新闻的概率为2%,而一个虚假的新闻被检验为真实的新闻的概率为5%.那么,一个被检验为真实的新闻确实是真实的新闻的概率是多大?
10.[单选题]现在有两堆石子,小今与小条玩游戏,2个人都足够聪明,两个人规定:每次每人只能从其中一堆中取走1个或2个或3个石子,最后将石子全部取完的人胜利.现在两堆石子的个数为8和9,请问如何安排才能让小今必胜?
A.让小今先取
B.让小条先取
C.没有策略能够让小今必胜
D.以上说法都不正确
今日头条精选图片尺寸
1、下面哪个不属于W3C标准盒模型?
a.内容
b.边框
c.内边距
d.轮廓
2、下列事件哪个不属于鼠标触发的事件?
3、一个实现搜索结果的页面，如果你想实现高亮搜索关键词，应该使用下面哪个tag?
4、浏览器在一次HTTP请求中，需要传输一个4097字节的文本数据至服务器，可以采用哪些方式?
a.存入indexdDB
b.存入COOKIE
c.放在URL参数
d.写入Session
e.使用post
f.放在Local Storage
今日头条精选图片尺寸
1. ID为left的DIV标签，用CSS设置DIV的左边为红色实线，下面设置正确的是 (C )
”border-top: #ff0000 1 solid;”
”border-left: 1, #ff0000 ,solid;”
”border-left: 1 #ff0000 solid;”
”border-right: 1, #ff0000, dashed;”
2. html语言中，设置表格边框宽度的标签是?(A )
3. 的意思是?(A )
A. 图像相对于周围的文本左对齐
B. 图像相对于周围的文本右对齐
C. 图像相对于周围的文本底部对齐
D. 图像相对于周围的文本顶部对齐
14. 一个有 3 个框架的 Web 页实际上有几个独立 的HTML 文件?(C )
A. 2 B. 3
C. 4 D. 5
5. 下列标签可以不成对出现的是( B)
A.〈HTML〉〈/HTML〉
B.〈P〉 〈/P〉
C.〈TITLE〉〈/TITLE〉
D.〈BODY〉〈/BODY〉
6. 下列那个不是CSS选择符(A )
B..td
C.#box
7. 在CSS的三种选择符种，哪个优先级最高?( C )
A.标签选择符
B.类选择符号
选择符
8. 引入样式表的方式有几种?
引入样式表的方式有两种：方式一通过link引入，如
Type=“text/css” href=“”> 方法二 通过import导入 如import
9. 关于Document对象，下列叙述正确的是(AC )
a)Document对象表示浏览器中显示的HTML文档
b)Document对象的常用属性bgcolor用来设置文档的背景图片
c)Document对象的常用方法getElementById用于访问唯一的一个元素
d)Document对象的常用方法getElementByNames
10. 在javascript 中，以下哪个变量名是非法的(B )
a)Name
b)9name
c)Name_a
d)Name9
今日头条精选图片尺寸
前端面试笔试题
和HTML有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
2.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js;
3.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐（Gecko） 谷歌（webkit,Blink） opera(Presto),Safari(wbkit)
4.什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处，用正确的标签做正确的事情！
html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
为什么只需要写 !DOCTYPE HTML？
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
作用？标准模式与兼容模式各有什么区别?
!DOCTYPE声明位于位于HTML文档中的第一行，处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和
HTML5？
HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
绘画 canvas
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
sessionStorage 的数据在浏览器关闭后自动删除
语意化更好的内容元素，比如 article、footer、header、nav、section
表单控件，calendar、date、time、email、url、search
新的技术webworker, websockt, Geolocation
移除的.元素
纯表现的元素：basefont，big，center，font, s，strike，tt，u；
对可用性产生负面影响的元素：frame，frameset，noframes；
支持HTML5新标签：
IE8/IE7/IE6支持通过方法产生的标签，
可以利用这一特性让这些浏览器支持HTML5新标签，
浏览器支持新标签后，还需要添加标签默认的样式：
8.请描述一下 cookies，sessionStorage 和 localStorage 的区别？
cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
sessionStorage和localStorage的存储空间更大；
sessionStorage和localStorage有更多丰富易用的接口；
sessionStorage和localStorage各自独立的存储空间；
9.如何实现浏览器内多个标签页之间的通信?
调用localstorge、cookies等本地存储方式
