L1 站在浏览器肩膀上，能够满足99%业务场景 无法突破浏览器本身的排版效果 L2 技术都掌握在自己手中，支持个性化排版 技术难度相当于自研浏览器、数据库 2021年后，国外notion使用了块级编辑器...典型的例子有飞书和语雀，他们是有足够人力和时间来升级到L2，但实际上他们引入更多的块级组件。用来实现“一切皆对象”概念，很好的实现了互联网最大的需求，“把信息连接起来”。...变成了 conflict-free(无冲突的)，在其定义上扩充了 State-based CRDT(基于状态的CRDT) 在介绍实现原理前，我们先介绍一下，我们使用的协同仓库Yjs。...这意味着客户A文档无法立即反映客户B文档上发生的状态改动，但A B 同步后它们二者就可以恢复一致性。...而强最终一致性不与 可用性、分区容错性冲突的，所以 CRDT 同时提供了这三者，提供了很好的 CAP 上的权衡。
大家好，我是南南 昨晚有个好朋友找我帮个忙，想了想就来开个新专栏，记录一下平常用的技巧 如何将在线网页上的表格转到excel里做数据分析 这里以统计年鉴中“表12-8 全国按现住地和五年前常住地分的人口...”为例 打开国家统计局网页 （http://www.stats.gov.cn/tjsj/ndsj/renkou/2005/html/1208.htm） 可以看到这是一个在线的表格 打开Excel，选择数据...—来自网站—粘贴表格网址（win真是搞人心态，我要是用的起正版还会用盗版？）
这款工具只需简单设置，就可以让你高速下载近乎全网的视频。You-get?You-get是GitHub上的一个项目，也可以说是一个命令行程序，帮助大家下载大多主流网站上的视频、图片及音频。...支持的网站非常多，我们可以先来看一部分。国外网站：?国内网站：?还有很多很多...下面我们就一步步来演示如何使用。...第一步：下载安装python3.7（最新）第二步：按住键盘上的“win+R”键，在打开的运行窗口中输入“cmd”，点击确定。??...就是复制视频链接（或音乐、图片链接）再粘贴就好了...没错就是这么简单...具体方式是：打开想要下载的视频，复制链接。...比如复制一个B站视频的链接：在命令行工具中输入“you-get 视频链接”点击“enter”键就可以下载了。?
网页上的复制与剪切 这篇文章翻译自HTML5ROCKS的Cut and Copy Commands。...当选中了浏览器中的任意文本，只要执行这个方法就可以剪切或拷贝这段文字。有了这个API后，选中一段文字并拷贝会变的非常简单。 这个API和Selection API一起使用时将会变的特别有用。...一个简单的例子 让我们来增加一个按钮，点击这个按钮会拷贝一个email地址到用户的剪切版。...我们在网页里面添加一个email地址和一个按钮，点击按钮会拷贝email地址： Email me at 接下来在Javascript中，我们增加一个click事件监听器到按钮上。
网页上收集用户信息完成后，都需要发送到服务器上存储起来，存储是后台的事，但是我们需要负责发送，是如何发送消息呢？ form标签的属性及意义： action属性 定义表单提交时的地址，需要后台提供。...target属性 规定提交表单后何处显示收到的响应。...具体的属性值及意义： _blank 响应显示在新窗口选项 _self 响应显示在当前窗口 _parent 响应显示在父框架中 _top响应显示在窗口的整个框架 framename 响应显示在命名iframe...的框架中 autocomplete属性 规定表单是否打开自动填写(用户之前输入)值，如果打开添加 autocomplete="on"。...布尔值就是一个非真即假的数据，不懂得可忽略，我们后边数据类型中细讲。
不用ps,只需要以下几步，便能够快速修改网页上的文字，以火狐为例 1：打开火狐，按下f12键 图片发自简书App 2： 点击右侧源码之中的箭头，鼠标所到之处，左侧的页面元素就会和右侧代码对应起来 图片发自简书...App 3：点击百度，修改百度文字为我的姓名： 图片发自简书App 4：双击右侧的源码中的百度两字，使它处于一个可编辑的状态，修改成自己想要的文字 图片发自简书App 5：成功 图片发自简书App
动因之一，显然是因为我们希望使用到 CH 的新功能或者新特性； 但是另外一个更显著的动因, 我认为是为了 Bug fix，即当前版本发现的 Bug，需要寄托于未来的版本进行修复。...但是你可能会发现，19.17 虽然解决了之前的 Bug，但是它包含的新功能也随之带来了新的 Bug。 在生产环境这类对稳定性比较敏感的地方，ClickHouse 的这个的版本升级问题就有点头大了。...但是每家软件对于 LTS 发布的规则是不一样的。...如果你是稳定性优先的用户，可以选择 LTS 版本； 如果你是新特性优先的用户，使用普通的 stable 版本即可。...的资讯手札 【专辑】ClickHouse的原理巩固 【专辑】ClickHouse的经验分享
安全设置帮你忙：启动IE→点击菜单“工具”中“Internet选项”→点“安全”→自定义级别→选择“安全级-高”→确定→按F5“刷新”;这时就可复制网页的相关内容了，原因很简单，安全级别最高的时候，一切控件和脚本均荒茉诵校再厉害的网页限制手段统统全部作废...; 1、禁用网页脚本：将Internet的所有“脚本”都改为“禁用”，当复制到自己需要的内容后，再给网页脚本解禁，这样不会影响到我们浏览其他网页; 2、利用浏览器的编辑功能：只要在浏览器的工具栏点击...“编辑工具”，就可以使用关联的文本编辑工具将网页内容复制其中，随后进行相关的编辑操作。...去掉屏蔽代码：只要将该网页另存到电脑中，打开网页→点击“文件”菜单里的“另存为”→在“保存类型”中选择“全部(*htm;*.html)”→保存后，用记事本打开你保存的网页→找到body onselectstart...以上几种复制不可复制网页的方法学会了吗?但还是需要说明的是：不要将好的技巧用在违规的事情，尤其是版权问题上。
专栏介绍 【前端网页】 目前主要更新HTML，一起学习一起进步。 本期介绍 本期主要介绍CSS的三大特性层叠性、继承性、优先级 文章目录 1. 引言&概述 2. 基本布局：标准流 3. ...引言&概述 网页布局的本质： 使用 CSS 盒子模型来进行调整和定位。...案例 2：右对齐顺序排列 示例 2：要求在一行上，右对齐： 注意：因为从上到下执行代码，红色方块是第一个向右浮动的，自然在最右边 3.3.4 案例 3：两端对齐排列 示例 3：要求在一行上，进行如下两端对齐...（相当于有一个披了隐身衣的隐身人，占着地方，却看不见他） 一般用不上，因为伪元素 :after 在 content 为空时，默认生成的就是高度为 0 ，看不见的元素。...布局总结 网页布局中，行内元素 尤其是行内块元素，在布局上，无论垂直还是水平都容易操作。
我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具（如最著名的 Firebug）对前端开发进行调试，而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯，直接对网页调试非常不方便...下面我讲讲详细的调试过程： 1. 要进行远程调试，首先要打开开启 iPhone/iPad 上的 Safari 的远程调试功能，“通过 设置 > Safari > 高级”开启： 2....然后打开 Safari，开启你要调试的网页，当然原生应用中通过 WebView 开启的网页也是可以调试的。 3....for Windows 目前还没有此项功能），点击开发菜单，选择你调试的 iPhone/iPad 的设备名，选择调试的网页。...另外它还支持触摸检查（Touch to inspect）：激活检查器上的手型图标，就可以通过在 iPhone/iPad 上触摸，就能立即找到检查器对应的 DOM 元素。 ----
新主题搭建完成了，可能时间上可以充裕一些，在整理模板优化性能的时候，看到谷歌 PageSpeed Insights 的诊断结果经常会有一项目：确保文本在网页字体加载期间保持可见状态，解释就是说利用 font-display...这项 CSS 功能，确保文本在网页字体加载期间始终对用户可见。...Web Fonts 以前使用 CSS 指定字体时只能使用用户电脑本地上现有的字体，而由于每个用户电脑上的字体可能都不一样，所以能用的基本上就是操作系统内置的一些字体，例如微软雅黑，宋体，苹果苹方，这些也叫做安全字体...这个是 font-display 的默认值，字体的加载过程由浏览器自行决定，不过基本上和取值为 block 时的处理方式一致。 block 。...基本上没有阻塞期，直接进入交换期，使用后备字体渲染文本，等用到的字体加载完成之后替换掉后备字体。 fallback 。
ios是会将不可见界面都回收，之后再恢复，Android做的并没有那么彻底，简单说：对于单栈（TaskRecord）应用，在前台的时候，所有界面都不会被回收，只有多栈情况下，系统才会回收不可见栈的Activity...注意回收的目标是不可见栈（TaskRecord）的Activity。 ?...而对于我们上文说的回收不可见Task的时机是在关键点2：Java使用内存超过3/4的时候，调用AMS的releaseSomeActivities，尝试释放不可见Activity，当然，并非所有不可见的Activity...image.png 总结 单栈的进程，Activity跟进程声明周期一致 多栈的，只有不可见栈的Activity可能被销毁（Java内存超过3/4,不可见） 该回收机制利用了Java虚拟机的gc机finalize...作者：看书的小蜗牛 Android可见APP的不可见任务栈（TaskRecord）被销毁分析 仅供参考，欢迎指正
import re, urllib htmlSource = urllib.urlopen("http://www.sharejs.com").read(200...
又赶上这个活动图、单页乱飞的季节，对于一个好的页面除了内容、图片重要外，字体也是不容忽视的。这个看看Apple家常用的冬青黑、PingHei就全明白了。还有就是下图卫龙首页的例子。 ?...不过本文想要说的并不是设计，而是如何快速定位页面中某部分所使用字体名称。所推荐的这款利器名叫「WhatFont」，是一款浏览器插件，支持Chrome、Safari。...与直接使用Inspector不同，使用WhatFont，只要点击激活探测模式，就可以直接探测页面中任意文字部分，不像Inspector那样，会一股脑的把CSS所有属性全都给出来，WhatFont只会返回文字相关的...CSS设置，并且借助myfonts提供的图片文字识别接口，还可以探测图片中的字体。
/ public class Calculator extends JFrame implements ActionListener { /** 计算器上的键的显示名字 / private final...", "+", "=" }; / 计算器上的功能键的显示名字 */ private final String[] COMMAND = { "Backspace", "CE", "C" }; /...计算器左边的M的显示名字 / private final String[] M = { " ", "MC", "MR", "MS", "M+" }; /** 计算器上键的按钮 / private...JButton keys[] = new JButton[KEYS.length]; / 计算器上的功能键的按钮 */ private JButton commands[] = new JButton...不允许修改结果文本框 resultText.setEditable(false); // 设置文本框背景颜色为白色 resultText.setBackground(Color.WHITE); // 初始化计算器上键的按钮
今天在工作的过程中遇到一个功能：在网页中加入视频播放器，类似于我们经常看到的优酷,爱奇艺等视频网站的功能。...ckplayer（官网：http://www.ckplayer.com/）是一款在网页上播放视频的免费的播放器，功能强大，体积小巧，使用起来随心所欲。 ? ?...注意上面的红色框：请注意：播放器上的任何元素都可以换成您自己的！（在开发过程中，你回发现ckplayer的注释写的是很完全的，这个值得赞一下....）...看到这里，你是不是也想动手试试，做出自己的网页播放器。...，括号里的参数含义：（播放器文件，要显示在的div容器，宽，高，需要flash的版本，当用户没有该版本的提示，加载初始化参数，加载设置参数如背景，加载attributes参数，主要用来设置播放器的id）
这是网友在 Quora 上提的同名问答帖，本文摘编了排名前两名的答案。得到最多赞的用户介绍了他写的在Facebook上面感谢好友的脚本。...一个完全属于你自己的IMDb数据库！作为一个电影爱好者也不能要求得更多了;) 源代码在GitHub上：imdb。...编辑： 我正设法把这个脚本改成一个单页web应用，用户可以把多个文件夹拖曳放入网页，然后电影的详细信息将会显示在浏览器里的一个表格里。...oatmeal下载器的源代码在GitHub上：theoatmeal.com-downloader 这是下载完后文件夹的样子:D ?...我意识到由于网站里有大量数据需要解析并下载，因此如果我的脚本是多线程的的话那就再好不过了。于是我在每一个分类下的每一页分配了一个线程。 脚本从网站的每一个分类下下载下来了所有滑稽的电子卡片。
当我们想知道线上运行的版本是否是我们预期的版本？当我们想把部署的版本与代码进行关联？如果是你用git来做版本管理，那就可以使用git-commit-id-maven-plugin插件来实现上述功能。...git-commit-id-maven-plugin插件，会根据当前分支的版本号生成一个git.properties文件。...1、在我们的项目中显式引入git-commit-id-plugin插件 ...actuator/info [4b6c3900ac49d6f9a9539fe8cf501873.png] 如果觉得上面的信息不够多，我们可以通过自定义端点或者自己写一个controller把信息展示出来 详细的信息可以通过...gitDetail [658d69d6c7d814f9ba20a88112b1ba85.png] 总结 git-commit-id-maven-plugin在分布式或者微服务项目中，用来验证项目版本还是挺有用的，
最近看了一篇文章：Tracking Down “Invisible” OOM Kills in Kubernetes，其讲述的是由于内存不足导致Pod中的进程被killed，但Pod并没有重启，也没有任何日志或...kubernetes事件，只有一个"Exit Code: 137"的信息，导致难以进一步定位问题。...但在出现问题的场景中，被kill的并不是PID 1，这就导致容器或kubernetes无法记录相关信息，且不会重启容器。这种情况下只能通过查看系统日志才能发现相关信息。...文中也提出了一种解决该问题的方式：VPA。...出现"被隐藏的OOM"的原因可能是Pod中单独启动了多个独立的进程(进程间无父子关系)，在我的场景中就是单独启动了一个脚本进程，当内存不足的时候会导致kill脚本进程。
云服务器
ICP备案
实时音视频
对象存储
云直播
