有做过拖拽项目的前端小伙伴一定有遇到过这几个鼠标事件属性：clientX、clientY、pageX、pageY、screenX、screenY、offsetX、offsetY，WTF！一开始SEO禅看到这么多XY也是一头雾水头大的很，读了MDN的文档还是不是很清楚，后面看了几篇文章，又找到一些图片，终于再也不会把他们混在一起了，在这里记录分享给大家：
clientX/Y：当前鼠标点击位置相对于浏览器窗口左上角的X/Y值，不会随着文档滚动而变化
pageX/Y：当前鼠标点击位置相对于文档左上角的X/Y值，如果DOM文档，也就是页面滚动，这个值会变化
screenX/Y：当前鼠标点击位置相对于屏幕浏览器左上角的X/Y值，不会随着浏览器窗口变化或文档滚动而变化
offsetX/Y：当前鼠标点击位置相对于当前被点击DOM对象节点左上角X/Y值，这里注意是padding内边距的左上角
转自：https://www.seozen.top/javascript-clientx_y-pagex_y-screenx_y-offsetx_y.html
socks5 代理和 http 代理有什么区别
概念不同
HTTP 代理，能够代理客户机的 HTTP 访问，主要是代理浏览器访问网页，它的端口一般为 80、8080、3128 等；
SOCKS 代理，与其他类型的代理不同，它只是简单地传递数据包，而并不关心是何种应用协议，既可以是 HTTP 请求，所以 SOCKS 代理服务器比其他类型的代理服务器速度要快得多。SOCKS 代理又分为 SOCKS4 和 SOCKS5。SOCKS5 代理则既支持 TCP 协议又支持 UDP 协议（即用户数据包协议），还支持各种身份验证机制、服务器端域名解析等。
代理速度不同
http 代理工作在应用层上，只允许用户通过 HTTP 协议访问外部网站；
Socks5 代理工作在会话层，不要求应用程序遵循特定的操作系统平台，Socks5 代理只是简单地传递数据包，而不必关心是何种应用协议（比如 FTP、HTTP 和 NNTP 请求）。
由上可知，Socks5 代理比 http 代理速度要快得多。
适用范围不同
socks 包含 https，https 包含 http，socks 代理适用的范围最广；
https 协议只支持 http/https，一般的 ie 代理用的 http/https 协议。如果是应用层协议一般不用 http/https，有些应用程序只能使用 socks 代理。
貌似没有百度搜索的帖子，网上搜了些细碎百度搜索技巧，结合自己的使用经验，整理了一下，和大家讨论讨论（希望没有拉低虫子们的水平，哈哈）
1、+加号——强制包含关键词
将“+”后面的关键词强制包含到搜索结果中
2、-减号——排除关键词或者网站
在某个字词或网站网址前添加短横 (-) 可排除所有包含该字词的搜索结果。在搜索“汽车品牌美洲虎”和“动物美洲虎”这类同义词时，此功能特别实用。
提示：您也可以根据其他运算符排除搜索结果，例如排除特定网站中的所有搜索结果。例：美洲虎速度 -汽车或熊猫 -site:http://baike.baidu.com
3、""双引号和书名号——精确匹配
查询词加上双引号“”则表示查询词不能被拆分，在搜索结果中必需完整出现，可以对查询词精确匹配。如果不加双引号“”经过百度分析后可能会拆分。
查询词加上书名号《》有两层特殊功能，一是书名号会出现在搜索结果中；二是被书名号扩起来的内容，不会被拆分。 书名号在某些情况下特别有效果，比如查询词为手机，如果不加书名号在很多情况下出来的是通讯工具手机，而加上书名号后，《手机》结果就都是关于电影方面的了。
4、（|）——并行搜索
逻辑“或”的操作，使用"A|B"来搜索"或者包含关键词A，或者包含关键词B"的网页。使用同义词作关键词并在各关键词中使用“|”运算符可提高检索的全面性。如：“计算机|电脑”搜索即可。
5、site——在特定网站或域中搜索
仅搜索来自特定网站的结果。site:”后面跟的站点域名，不要带“http://”。site:和站点名之间，不要带空格。
例：奥林匹克 site:http://nytimes.com
提示：也可以在特定顶级域（如 .org 或 .edu）或国家/地区顶级域（如 .de 或 .jp）中进行搜索。例：奥林匹克 site:.gov
6、inurl——在特定url链接中搜索
在搜索中加入“inurl:”可以限定在网站url链接中搜索网站信息。由于关键词出现在url 中对排名有一定影响，使用inurl:搜索可以更准确地找到竞争对手。
例如：auto视频教程 inurl:video
搜索词“auto视频教程”是可以出现在网页的任何位置，而“video”则必须出现在网页url中。
7、intitle——在特定的网页标题中搜索
在搜索中加入“intitle：”可以限定在网页标题title中搜索网站信息。intitle:和后面的关键词之间不要有空格。
例如:出国留学 intitle:美国
搜索词“出国留学”可以出现在网页的任何位置，而“美国”必需出现在网页title中。
使用intitle 指令找到的文件是更准确的竞争页面。如果关键词只出现在页面可见文字中，而没有出现在title 中，大部分情况是并没有针对关键词进行优化，所以也不是有力的竞争对手。
8、filetype——在特定文档格式中搜索
在搜索中加入“Filetype:”可以限定在文档格式中搜索网页信息，支持文档格式有pdf，ps,dwf, kml, kmz, doc，xls，ppt，rtf,swf,all(所有上面的文档格式)。对于找文档资料相当有帮助。
例如：photoshop实用技巧 filetype:doc
下面这一条在知乎里面找到的，一段文字说了半天也不知道他这方法用来干啥的，个人感觉并没有什么用，有虫子知道第9条干啥的不？欢迎留言讨论
9．“开始连接”、“正在连接”——搜索***
网络上有很多热心人提供的下载地址。为了表明真实可靠，把下载过程也同时附上。现在比较流行的下载工具是flashget和迅雷。 Flashget下载开始就是“正在连接”，迅雷则是“开始连接”。所以，可以用想找的电影名字，加上“开始连接”或者“正在连接”，来寻找。 检索式形式如：“电影名 开始连接”、电影名 正在连接”、“电影名 (开始连接 | 正在连接)” 。如：哈利波特4 开始连接 、倩女幽魂 正在连接 、史前一万年 (正在连接 | 开始连接) 。
下面三条也是知乎找的，第10、11条完全没搞懂怎么用以及有什么便利之处，有虫子知道的话，欢迎留言讨论
10.『』——查找论坛版块
百度作为国人自己开发的搜索引擎，支持的中文标点符号最多。『』是直行双引号。 检索式形式如： 『论坛版块名称』 。如：『影视交流』。PS：这个直行双引号怎么输入呢？调出中文输入法，选择“软键盘”——“标点符号”，就能找到。
11.“文本方式”——查找论坛内容
论坛是个宝库，资源丰富，人才荟萃。交流的气息浓，在反复的讨论和回帖中，可以获得相对真实的信息。如：文本方式 可口可乐 、文本方式 超级女声。
12.intitle:bookmarks——查询别人的收藏夹
IE浏览器的收藏夹导出后，网页的标题（title）是bookmarks。百度的intitle语法可以把搜索范围限定在网页标题内。所以，用intitle语法可以查询别人的收藏夹，结果应该都是精品，没有哪个人会把垃圾放到自己收藏夹的。如：小说 intitle:bookmarks \查找小说的精彩站点 语文 intitle:bookmarks \查找语文方面的精彩站点 。
单行文字超出显示省略号
.text{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}3行文字超出显示省略号
.text{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;/*省略几行写几*/
-webkit-box-orient: vertical;
}鼠标悬浮显示全部
<!-- 给元素设置title属性 -->
<p title="文本内容">文本内容</p>typora链接引用中使用相对路径或绝对路径引入本地文件
按住ctrl并点击跳转，注意，标题中的空格用-代替，否则无法跳转，一定要按住ctrl
转自-ethaaa
https://www.jianshu.com/p/b7eaa6aad326
大家不妨冷静想一想，借助一个成熟的框架，开发出一个合格的Web应用，他的难度有多高？
更具体点，我们经常使用的各种小程序和快应用，让一个培训班里培训了3个月的新人，以及充足的时间，他能不能捣鼓出来？
答案显而易见，肯定可以，至少绝大多数人都可以。
因为使用一个东西的难度要比创造一个东西的难度低多了。
也就是，基于Vue等前端框架的开发，它是需要技术的，但是，它并不需要的很高的技术。
这种状态最容易迷惑人，所谓满瓶不动半瓶摇。
如果不能跳出自己所处的环境，正在更高的视角看待自己，非常容易对自己在行业所处的层次造成误判，譬如，我明明干活很利索，怎么没有面试机会，一定是我们这个行业出问题了。
这就是误判，有问题的不是行业，而是自己的竞争力不足。
我再说一遍，希望大家不要嫌啰嗦，使用工具的能力，并不能作为核心竞争力，因为现在学习资料很丰富，社区很活跃，什么问题都可以找到解决方案，你能做到的别人也能做到，没有任何优势，不属于竞争力。
反而是下面这些能力有足够的区分度。
比他人涉猎更广，例如音视频处理、图形表现实现或者Node开发有较多经验；
JS、CSS等前端基本功扎实，积累深厚，各种API特性了然于心，最佳实践信手捏来；
具有设计审美或者产品嗅觉灵敏，开发的产品体验非常好，干活很细。
拥有这些能力或特质，并在简历上表现出来，最好有材料佐证，那找到一份满意的工作是非常轻松的事情。
就怕一年经验十年用，从此外卖天天送。
--也谈“前端已死”
一般网站的高质量询盘价格在100块钱左右一个，如果你彻底懂了PPC技术，后面还可以把预算降低到几十块钱一个。如果碰上了冷门产品，有的几块钱一个就可以转化掉一个询盘了。所以一个月500块钱，你一个月最少可以期待5个询盘了。
当然，前期投PPC，可能你压根不知道从哪开始投，又要怎么设置广告，关键字要选哪些。哪怕是能手，要一投广告就有高转化也比较难，所以在前两个月以积累经验为主。如果你投了1个月，觉得没效果，就说adwords没有用，放弃了，就不能羡慕为什么别人网站一上线就有询盘了。
事实就在这里，如果在短期内效果显著的网站一定是投了付费广告，而如果靠seo优化，要想有出色的效果，专业的seo达人至少也要个一年半载，你等的了吗？
转自kiwi
外贸B2B网站的设计中，网站的排名页一般有4类，首页，产品分类页，登陆页以及博客。其中首页是用来布局最核心的关键词，例如我想做phone case的oem服务，那就应该布局OEM Phone Case Supplier在网站的首页了。其次重要的是产品分类页，由于外贸SOHO欠缺网站的运营技能，所以这个产品分类页又同时充当了登陆页的作用，这里你可以布局你的产品分类关键词，也是比较重要的。如果你有推主词的计划，就靠的是这两个页面了。
那博客又是干什么的呢？博客是用来布局长尾关键词的地方。长尾关键词就是那些搜索量很小，但是竞争度很低的词，顾名思义，很长。例如How to find a good phone case manufacturer in China? 这个就是一个很好的长尾主题了，你就可以写到博客里。一篇博客一个长尾，一个长尾1-2个流量，博客数量多了，流量就也上来了。
在网站设计中有一个词叫做站内优化，这个咋听起来感觉很泛，但是实际上也很简单。其实就是做好内链的交互链接。无论是站内还是站外优化，都有一个权重的传递，而我们一般要做的便是在博客中，有意识的向主要的排名页（首页，产品分类页面）传递权重。举个例子，当博客中出现了 OEM phone case这个关键词的时候，你可以直接插入来链接，把它指向首页，这样就可以做到把权重引向首页了。
这几个部分，也是外贸网站中最重要的几个部分。我们也可以说排名页的设计是外贸网站设计中的功能性设计，而其他的页面则是为了满足客户体验用的辅助性设计。
转自kiwi
创业初期来说，资源对SOHO来说是奢侈的！我们明明就是一个人，却要去向客户展示我们有强大实力！吹嘘吹多了，自然就心理过意不去！外贸创业SOHO经常十分关心一个问题，客户问我是工厂还是贸易公司，我怎么回答？这里就涉及到虚假的问题。
首先观念一定要正确，一单生意能不能成，归根结底取决于你为客户解决问题的能力。你为客户解决问题的能力越强，客户把订单交给你的概率就越大。而这个客户评价客户你需要格外展现的就是你解决问题的能力，那个头像是不是真的，客户的身份是不是真的这并不重要，只要你的评价内容是真实可靠的这就够了。理论讲多了就有点虚
千万不要认为好的内容就一定是博客，很多人只要一听到内容就认为是要写博客了。没钱的就打算自己写，有钱的就想我找个老外帮我写，可是我真得不认为好的内容，老外能帮你写的出来。只要你还在这个行业，其实你就可以制造出好内容的素材。
博客是内容的其中一种形式，此外，产品也是，还有今天说的客户评价，客户案例，各种产品订单的solutions，这些都是内容。只是我见过的大部分网站，都没有这样优质的内容，好多人的产品甚至都只有一张图片，描述就那么几个字。这就成了一个页面了；还有就是有客户跟我说，他自己的博客自己都不想看，然后一直跟我纠结是不是摆的不好看。这样一个没有可读性的网站，做的再好看又有什么用呢？
这里我展示了一点营销的黑暗面，我直接告诉他，营销的东西，没什么假不假，只有手段。就这个客户评价的板块，客户的头像和客户的身份都可以是假的，但是客户说的话却是真的。虽然那段话是客户说的，但是我们的目的本就是要借客户的嘴去说出展示我们实力的话。
我们常常说现在是内容为王，大家都知道要去做好内容，可是有多少人是把这句话当成了空话，又有多少人觉得好内容就是去写博客。就说这个客户评价的板块，其设计之精妙，实在是可以拍手称赞了。可是几乎我所有的客户，都把他当作是个摆设。我叫他好好去准备客户评价内容，大多数就跟上面一样，一个客户说了两句话或者一句话，十几个字就搞定的。
其实在内心深处，她们大概也不信这么几句话能有什么作用了，可是依然不会去改。
举个例子，有的人产品发了一堆图片，打开产品也就是图片的欣赏时间。而有的人却把每个产品种类都介绍的十分清楚，附上百科，并把他们放在同一个产品页上，这样客户在看产品的同时学习到很多产品知识。用这种方式，他成功的把原本枯燥的产品变成了犀利的内容。
百度一下建站，各种广告充斥进来。这么多选择，按理说不是很难，但是事实却是，我们不放心，总是在打听靠谱的建站公司。
如果我是一个技术门外汉，现在让我去外包一个网站，我最担心的是什么？
我最担心的是建站公司拿到我的钱之后，就不怎么搭理我了，对我的网站也没怎么上心了。做之前很热情，给我讲各种好处，做之后就冷淡，做的网站我不满意，服务也不周到，反正就是我会生气，我会不满意，但是我也没有任何办法，因为我的网站还在他手上。他分分钟就可以把我的网站弄死，所以我最多把这口气憋在心里，下次不再做他生意了这样，但是网站又有几个生意可做。给钱之前，建站公司是孙子；给钱之后，我就成孙子了。一锤子买卖在建站行业里很普遍！
建站公司它的性质和定位就决定它不可能有售后，哦，错了，没有免费售后。那为什么会造成现在这一现象？
我给你讲一个故事，你就明白了。现在表姐已经算的上是网站建设的半个内行人了，表姐没想过建站去赚钱。但是某一天，表姐的朋友请我帮忙，叫我帮忙搭建个网站，我就帮忙了。然后从原始设计到后面内容的完善，都尽职尽责，然后我的朋友很满意。她要是在使用网站上有问题，也可以随时问我，我就帮忙解答，因为表姐有的是时间。
但是某天，表姐成立了建站公司了，每天靠着给人建网站赚钱养家，而建网站是个彻头彻尾的体力活，干多少活就有多少收入。我需要每天建很多网站来提升公司的业绩，才能有一个好的收入。这样，我从一开始的网站爱好者变成了谈到建网站就想吐的建站患者了。
我为了业绩，我就必须提高效率。我必须在有限的时间里接更多的订单，赚更多的钱。我的精力不再是只建网站了，我还需要去打广告，管理公司那么多人。你说，我还能有那么多精力给到你一个case上面吗？
在我还是一个菜鸟的时候，我压根不知道自己要一个什么网站。而建站公司是盈利性的组织，只负责搭建，不会负责扫盲。所以最后建设出来的网站，过段时间之后，我们总会不满意，不满意就要求修改，修改人家就要钱。
懂网站的人是不需要售后的，他知道自己要一个什么网站，直接给对方空间，让对方帮忙搭建起来就可以了。然而，懂网站的人一般都会自己搭建网站，所以不存在什么纠结。而纠结的是菜鸟，是不懂网站，需要一个网站，但是又不知道需要一个什么网站。他需要你去引导他心中网站的样子，而这样需要的是时间和精力，和多次的修改。
潜规则，听着有点邪恶啊，但是我们就把它叫做潜规则吧。一般你去建网站，对方是不会让你去购买属于你自己的空间的，默认是用他们自己的空间，这样他就可以再向你收一笔费用了。
个人还是推荐自己去买空间，买多站点空间，有很多好处。用他们的空间，你根本不知道他的空间是什么空间？我不喜欢他们的空间，原因如下：
1）他的空间下肯定挂了很多客户的网站，同一个空间下挂了各种各样的产品及服务的网站，速度还有安全性我会有担心。
2）我看到绝大部分的建站公司接受国内国外的网站建设服务，为了兼顾两边的业务，所以他们就买个香港空间挂客户网站。但是香港空间打开速度不够快，国内会宕机，国外速度也提不上去，他们倒是省钱了。
3）如果用他们的空间，到时候你不满意，要把网站放到自己空间里，好的建站公司会给你网站数据，就算这样，你也得迁移网站，这个蛮复杂的，你去请人又得近500大洋；不好的建站公司就直接不给你网站数据包，你怎么办？
另外就是域名了，域名他直接帮你买了，用他们自己的账号，事实上你一个外行，到时候根本就不知道自己域名是在哪里买的。到时候域名迁移到你自己的空间里又不知道怎么操作了。
很多建站公司为了冲业绩，给的报价真的很低。但是建站公司真的收费这么低吗？人家只不过给你做了个分期付款而已，实际上更贵。譬如给你建个展示性网站，收费1000，从第二年开始人家每年就要收800的维护费。而实际上，一个展示性网站最多就值1000，收个手工费而已，你却每年都要付一个网站的费用给人家。
这就是人家不愿意告诉你，你该自己去买空间的原因，要不然怎么收你费？网站有啥维护费，他还会帮你重新设计网站吗？你的展示网站根本就动不了，动一下人家就收钱，无非是空间的费用，可是他的空间是无限制挂网站的，这钱就是多出来的。
空间一定要是自己的，域名也是在自己账户里购买的，收费一次性结清，不存在什么维护费。但是内行人知道怎样的网站才好，知道一个好的网站在什么价位，所以不会开出一个特别低的价格。市场行情价基本在4000左右，这个网站就可以了，也不能让人赚不到钱。
建站行业这块需要增加基本的扫盲的服务，帮助客户能够更好的了解自己的需求，要知道绝大部分的人并不知道自己想要一个什么样的网站，什么样的网站又好这样。
我们在建网站的时候也可以把预算提高一点，一分钱一分货真的是对的。网站是非常重要的公司销售资源，这个钱花的还是值得。