TouTiao

最近对微前端讨论很多，梳理下自己对微前端的理解以及业内的一些微前端尝试反馈。 第零部分：自己对微前端理解 第一部分：基于Single-SPA微前端的一些demo 第二部分：Single-SPA微前端实现原理简析 第三部分：微前端业内一些总结 第零部分：自己对微前端理解 在判断自己项目是否需要使用微前端前，只要记住一句话即可：杀鸡焉用牛刀。 如果项目很简单，请不要没有困难创造困难； 如果项目太大，受够了iframe的种种掣肘，同时你还有一帮陪你肝新玩法的同事，能够准备好面对意想不到的快乐和意想不到的痛苦，深吸一口气，来，我们搞起。 在内部的两次讨论，能够看到不少优点，但同时也需要开发者有一个规范约束，才能发挥微前端的能力。有几个点需要注意： 状态隔离与否 - 状态共享需要规范 样式隔离 - 需要规范 注册应用 - 需要规范 三方依赖不统一 向下兼容方案 第一部分：Single-SPA微前端demo single-spa-learn-kit ：一个基于SPA的基础demo，可以直接run起来 微前端 single-spa ：图文并茂，方案有差异，提出几个坑点，留意下： 在配置systemJs引用时会有跨域问题，这时候可以配置nginx的返回头进行解决，详情仓库见。 在构建vue项目时，App.vue文件的主div id必须为你项目构建的id，因为第一次构建后你的html上的div会消失

由于公司需求，所以最近学习了KVM，下面是本人安装实践过程。 安装虚拟化软件 查看CPU是否支持KVM egrep 'vmx|svm' /proc/cpuinfo --color=auto 可以看到grep出来的内容，就说明支持kvm。 通过apt进行安装 apt-get install -y qemu-kvm libvirt-daemon libvirt-daemon-system 启动并设置开机启动 systemctl start libvirtd && systemctl enable libvirtd 配置网桥网卡，如下配置 ubuntu路径： vim /etc/netplan/01-network-manager-all.yaml network: version: 2 renderer: NetworkManager ethernets: enp2s0: dhcp4: yes dhcp6: yes #bridge: br0 bridges: br0: dhcp4: no dhcp6: no addresses: [192.168.10.163/23] gateway4: 192.168.10.1 nameservers: addresses: [223.5.5.5,223.6.6.6] 重启网卡 netplan apply 安装vncserver apt-get

推荐使用条件编译，少用条件判断 // @/utils/EPlatform.ts /* *枚举EPlatform */ export enum EPlatform { /* *App */ AppPlus = 'APP-PLUS' , /* *App nvue */ AppPlusNvue = 'APP-PLUS-NVUE' , /* *H5 */ H5 = 'H5' , /* *微信小程序 */ MpWeixin = 'MP-WEIXIN' , /* *支付宝小程序 */ MpAlipay = 'MP-ALIPAY' , /* *百度小程序 */ MpBaidu = 'MP-BAIDU' , /* *字节跳动小程序 */ MpToutiao = 'MP-TOUTIAO' , /* *QQ小程序 */ MpQq = 'MP-QQ' , /* *360小程序 */ Mp360 = 'MP-360' , /* *微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序/360小程序 */ Mp = 'MP' , /* *快应用通用(包含联盟、华为) */ QuickappWebview = 'quickapp-webview' , /* *快应用联盟 */ QuickappWebviewUnion = 'quickapp-webview-union' , /* *快应用华为 */

利用Ajax+正则表达式+BeautifulSoup爬取今日头条街拍图集 目标站点分析 今日头条这类的网站制作，从数据形式，CSS样式都是通过数据接口的样式来决定的，所以它的抓取方法和其他网页的抓取方法不太一样，对它的抓取需要抓取后台传来的JSON数据， 　　先来看一下今日头条的源码结构：我们抓取文章的标题，详情页的图片链接试一下： 看到上面的源码了吧，抓取下来没有用，那么我看下它的后台数据：‘ 所有的数据都在后台的JSON展示中，所以我们需要通过接口对数据进行抓取 提取网页JSON数据 执行函数结果，如果你想大量抓取记得开启多进程并且存入数据库： 看下结果： 总结一下：网上好多抓取今日头条的案例都是先抓去指定主页，获取文章的URL再通过详情页，接着在详情页上抓取，但是现在的今日头条的网站是这样的，在主页的接口数据中就带有详情页的数据，通过点击跳转携带数据的方式将数据传给详情页的页面模板，这样开发起来方便节省了不少时间并且减少代码量 流程框架 爬虫实战 spider详情页 import json import os from hashlib import md5 from json import JSONDecodeError import pymongo import re from urllib.parse import urlencode from

前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。 作者：haoxuan10 本节中，我们以今日头条为例来尝试通过分析Ajax请求来抓取网页数据的方法。这次要抓取的目标是今日头条的街拍美图，抓取完成之后，将每组图片分文件夹下载到本地并保存下来。 准备工作 在本节开始之前，请确保已经安装好requests库。如果没有安装，可以参考第1章。另外如果你对python的库不是很熟的话，建议先去小编的Python交流.裙 ：一久武其而而流一思（数字的谐音）转换下可以找到了，里面有最新Python教程项目可拿,多跟里面的人交流，进步更快哦！ 抓取分析 在抓取之前，首先要分析抓取的逻辑。打开今日头条的首页http://www.toutiao.com/，如图6-15所示。 右上角有一个搜索入口，这里尝试抓取街拍美图，所以输入“街拍”二字搜索一下，结果如图6-16所示。 这时打开开发者工具，查看所有的网络请求。首先，打开第一个网络请求，这个请求的URL就是当前的链接http://www.toutiao.com/search/?keyword=街拍，打开Preview选项卡查看Response Body。如果页面中的内容是根据第一个请求得到的结果渲染出来的，那么第一个请求的源代码中必然会包含页面结果中的文字。为了验证

【视频】店铺装修——小二手把手教你装修店铺 来源 https://market.m.taobao.com/app/qn/toutiao-new/index-pc.html?spm=a211b7.9460838.0.0.b05b4aa0ONmOTO#/detail/10621941?_k=6iwdvj 01. taobao - 无线店铺首页装修基础教程.mp4 https://cloud.video.taobao.com/play/u/2227501389/p/1/e/6/t/1/252545606912.mp4 02. taobao - pc店铺首页装修基础教程.mp4 https://cloud.video.taobao.com/play/u/2227501389/p/1/e/6/t/1/252546562692.mp4 03. taobao - 详情如何装修店铺推荐.mp4 http://cloud.video.taobao.com/play/u/2836254621/p/1/e/6/t/1/251671307806.mp4 04. taobao - 详情装修如何批量投放.mp4 http://cloud.video.taobao.com/play/u/2836254621/p/1/e/6/t/1/251376449133.mp4 05. taobao - 详情装修如何添加热区

作者：今日头条 https://www.toutiao.com/a6491669443721036302/ Http协议，对于拥有丰富开发经验的程序员来说简直是信手拈来，家常便饭。虽然天天见，但是对于http协议的问题，可能很多人在没有积极准备的情况下，不一定能很好的回答出来。 今天，我们就来讲讲http 2.0和之前版本的区别。 一、HTTP定义 HTTP协议（HyperTextTransferProtocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传输协议。 二、HTTP发展史 三、HTTP 2.0 vs 1.0 性能能 HTTP 2.0 的出现，相比于 HTTP 1.x ，大幅度的提升了 web 性能。 这是 Akamai 公司建立的一个官方的演示，用以说明 HTTP/2 相比于之前的 HTTP/1.1 在性能上的大幅度提升。 同时请求 379 张图片，从Load time 的对比可以看出 HTTP/2 在速度上的优势。 四、HTTP 2.0 和 1.1 区别别 后面我们将通过几个方面来说说HTTP 2.0 和 HTTP1.1 区别，并且和你解释下其中的原理。 区别一：多路复用 多路复用允许单一的 HTTP/2 连接同时发起多重的请求-响应消息。看个例子： 整个访问流程第一次请求index.html页面,之后浏览器会去请求style

一、 示例： 1.1：通过登录界面登录百度流程： 如上图：我们在界面的登陆框输入正确的用户名和密码，点击登录，登录成功。 1.2：程序内部流程： （ 1）前端发送请求到服务端， （ 2）服务端收到请求去数据库查数据，发现有这个帐号，密码也正确 （ 3）服务端返回给前端登录成功，以及该帐号下的数据 （ 4）前端解析数据，进入登录成功界面，展现该帐户的内容 1.3：开发过程可能出现的问题： 如若上描述，服务端收到前端请求的时候，要解析出用户名和密码。 那么问题来了： 如上图， 前端美眉认为： 用户名这个参数要用 user指代，密码这个参数要用pwd指代。 如上图， RD小哥哥认为： 用户名这个参数要用 username指代，密码这个参数要用password指代。 然后： 前端传请求带参数 user=桃夭queen、pwd=Ilovetest ； 后端 收到请求要 提取 username和password这两个参数的值 ，发现没有这两个字段，直接返回错误。 再然后 ： RD小哥哥跑去找前端美眉，你没给我传参数。然后balabala。。。。 最终： 两个人确定参数名称，按规则进行参数传递。 OMG，接口终于可以跑通了。 这还只是一个参数，实际上每个接口都会有很多参数。这就会出现前端美眉和 RD小哥哥不停的跑来跑去进行交流。而且他们两个人定义好了，其它同学在调用这个接口的时候理解又不一致

前言 个人情况（陈年老词）： 2020.1 公司因为业务调整，90% 被友好劝退了（N+1）。又逢疫情在家耗了 4 个月，3 月末开始找工作，发现都没人搭理我，快 30 的我开始慌了。 某晚看到 【新鲜面经】 四月面试不用慌，掘友攻略来帮忙| 掘金技术征文展（第一弹） ，深深佩服各位掘友的 掘学 出众，反思自己太“弱”了，就这段时间好好再巩固下前端知识点，希望也能找到个不错的工作。 这篇主要写下 网络相关 的知识点。后续还会涉及：数据结构、js、css、Vue 等一些能归纳的知识块，不会面面俱到，起码为后续自己面试有个足够的准备。 每篇内容肯定不够细致，更多扩展的地方可以看如下的“参考文章”。 参考文章 短期内，无法落地 demo 用于实践，多数还是借鉴网上各个作者的知识总结，这里为他们的付出表示感谢！ 【掘金】2020年前端面试复习必读精选文章【赠复习导图】 【掘金】面试官，不要再问我三次握手和四次挥手 【头条】web 前端基础：浏览器的缓存机制 【头条】从事件轮询 Event Loop，看 microTask、macroTask 【bbsmax】HTTP2.0 简明笔记 【segmentfault】你真的了解回流和重绘吗 【github】浅说 XSS 和 CSRF TCP TCP/IP 四层网络模型 TCP（Transmission Control Protocol）

3 月，跳不动了？>>> 不知道玩微博的童鞋有没有遇到过这样的事情：你的微博账号总是会出现很多新的关注列表，而这些并不是你操作的，是不是觉得很恐惧？ 一位搞安全的童鞋曾经告诉雷锋网编辑，这很可能是因为有人知道我的身份信息，吓得我赶紧去改了密码。 最近几天，微博被爆超 5 亿用户信息在暗网上被出售的消息也是闹的沸沸扬扬，究竟怎么回事呢？ 微博被爆用户数据在暗网上被出售，回应称是旧闻？ 事情还要从几个安全大佬的微博说起。 据南方日报报道，近日，多个安全监测平台监控到，有暗网用户于 3 月 4 日发布了一则名为“5.38 亿微博用户绑定手机号数据，其中 1.72 亿有账号基本信息”的交易信息，售价 1388 美元。其中绑定手机数据包括用户 ID 和手机号，账号基本信息包括昵称、头像、粉丝数、所在地等。 【 图片来源： 南方都市报 所有者：南方都市报 】 该用户在商品描述中称，上述信息“均为 2019 年中左右抓取”，并给出 400 条绑定手机号的测试数据，以及1500 条账号基本信息的测试数据。 18 日晚，默安科技创始人兼 CTO 魏兴国（安全-云舒）发博提及此事。 很快，微博 CEO 王高飞（来去之间）回复称“是 2014 年以前网易那次撞库的”。 3 月 19 日上午，默安科技 CTO 魏兴国（安全-云舒）发布了一条微博（目前已删除）称，通过技术查询发现不少人手机号已经泄露