we see 视界

小码哥 2023-07-05

美团的这篇《前端安全系列（一）：如何防止XSS攻击？》写的相当的详细，推荐给做前端的同学。
https://tech.meituan.com/2018/09/27/fe-security.html

人民日报：中国最需要教育的不是孩子，而是爸爸

孩子满了百天，我也是第一次做父亲，也不知道该怎么做好，只能边学边做。小红书上看到的人民日报发的《中国最需要教育的不是孩子，而是爸爸》给出了10个建议，学习自勉。 1、做个会玩的父亲 2、做个学习型的父亲 3、做个坚忍得得父亲 4、做个蹲下来的父亲 5、做个善解人意的父亲 6、做个谦虚的父亲 7、做个讲理的父亲 8、做个"不缺席"的父亲 9、爸爸可以陪孩子做的七件事 10、爸爸不能对孩子说的七句话父亲，应该是参与者，而非旁观者。孩子的成长只有一次，给他最好的陪伴和教育，是每位父亲义不容辞的责任。李安导演曾说：“我做了父亲，做了人家的先生，并不代表我就可以很自然地得到他们的尊敬。你每天还是要来赚他们的尊敬，你要达到某一个标准，这个是让我不懈怠的一个原因。”并不是生理上做了父亲，孩子就天然会亲你爱你敬你。如何才能成为一个合格的好父亲？人民日报曾给出了10个建议，值得分享给所有爸爸，收藏起来反复阅读。当好父亲的第一步，就是做孩子童年的玩伴，理解他的天马行空，欣赏他的天真浪漫。丰子恺有七个子女，个个出类拔萃。从小他就喜欢陪孩子玩，世人眼中很多“熊孩子行径”，在他眼里却是孩子独树一帜的

生活 · 2023-07-04

协同编辑冲突处理算法综述【转】

作者：jaysonxiao ,腾讯AlloyTeam 2021-04-07 发表的协同编辑冲突处理算法综述对协同编辑冲突处理算法的基本概念进行介绍，并对三种主流算法：OT、CRDT、AST，从理论层面分别对基本原理进行简单介绍，帮助从宏观角度更好地理解协同编辑冲突处理算法。我们可以在在线编辑器，多人协同工具的研发中使用到相关的算法和原理。 1.主流协同冲突算法简介在实时协同编辑系统领域，OT（Operational Transformation）算法核心原理基于操作转换，是最早（1989年）被提出的协同冲突处理算法，而后因为Google Wave应用流行起来。OT算法相关的研究如今得到了广泛的实际应用，例如Google Docs和腾讯文档，底层的协同冲突处理算法都是基于OT算法实现。 AST（Address space transformation）算法，最早于2005年提出，其核心思想是在执行操作前回溯文档生成操作时的状态，通过转换地址空间实现协同。在协同编辑学术领域，相关的研究成果不断在提出，不过现实中的实际应用较少。 CRDT (Conflict-free

技术 · 2023-07-04

30 道 Vue 面试题，超详细（自测 Vue 掌握程度）

前言本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 Vue 掌握程度有一定的认识，对缺漏之处进行弥补，对 Vue 有更好的掌握。文章最后一题，欢迎同学们积极回答，分享各自的经验 ~~~辛苦整理良久，还望手动点赞鼓励~感兴趣的小伙伴可以关注我的公粽号：码上掌握，一起学习前端！1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。优点：用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染；基于上面一点，SPA 相对对服务器压力小；前后

技术 · 2023-07-03

php 入门基础

[TOC]在最近使用typecho 中对页面的中的部分功能进行了二次开发，所以将很久不用的php基础知识又重新学了一遍。上一次用还是在2013年用thinks php 开发海淘的电商网站。0 语法变量PHP 是一门弱类型语言，不必向 PHP 声明该变量的数据类型，会根据变量的值，自动把变量转换为正确的数据类型。PHP 脚本可以放在文档中的任何位置, 以 <?php 开始，以 ?> 结束：// 单行注释、/* 多行注释*/ 、echo - 可以输出一个或多个字符串(用,隔开)，无返回值[推]、print - 只允许输出一个字符串，返回值总为 1一基本数据类型8种四种标量类型：boolean （布尔型逻辑型）、int （整型）、float （浮点型, 也称作double)、 string （字符串）两种复合类型：array （数组）、object （对象）两种特殊类型：resource　（资源）、 null　（NULL）二运算符7种逻辑运算符:and 与、or 或、xor 异或、&& 与、|| 或、! 非、算数运算符:+、-、*、/、%、++、

技术 · 2023-07-03

小码哥 2023-07-03

今天车被对方剐蹭了，对方直接开走了。报警后，交警勘查现场和伤情，车门腻子板后视镜都有受伤。前后一个多小时，交警大队尝试多次才联系对方车主，要求其来现场处理。我闲着没事用手擦了擦受伤的地方，居然是对方的漆。自己就后视镜的塑料件轻微受伤了，在巨大的时间成本下，嫌麻烦撤销报案了。
补充：肇事逃逸很严重的，如果不撤销估计要浪费一两天的时间，现在时间成本太高。

聊聊PDP职业性格测试

PDP 是一种个人行为特质区分的测试方法。对职场中，不同特质的团队成员可以承接团队不同的工作内容，相互协作相互补充，通过对等的沟通交流可以对团队整体的产出提升一个台阶。简介PDP的全称是Professional Dyna-Metric Programs（行为特质动态衡量系统），它是一个用来衡量个人的行为特质、活力、动能、压力、精力及能量变动情况的系统。PDP根据人的天生特质，将人群分为五种类型，包括：支配型、外向型、耐心型、精确型、整合型；为了将这五种类型的个性特质形象化，根据其各自的特点，这五类人群又分别被称为“老虎”、“孔雀”、“考拉”、“猫头鹰”、“变色龙”。PDP是一个进行人才管理的专业系统，能够帮助人们认识与管理自己，帮助组织做到“人尽其才”。PDP的目的挖掘企业和组织中目标明确、态度积极和具有领导潜力的优秀精英，强化他们的天赋优势，提高个人与组织的绩效。PDP的目标与愿景通过使用PDP综合管理工具，以精准的测评、人才的开发和应用、量身定制的服务来实现组织的成功和个人的成就。PDP测试工具的用途：可以在企业的很多方面进行应用，现在用的比较广的是高层的招聘和团队建设。PDP 详

生活 · 2023-07-02

大型互联网网站架构优化

这篇文章最早我是在360的时候，那个到时处理360手机商城，然后积累的一些经验，然后处理的然后只是很早之前都写出来了，但是这个没有发表，这次重新把它找出来了，在这里再重新同步一次。一、分我们知道，对于一个大型网站来说，可伸缩性是非常重要的，怎么样在纵向和横向有良好的可伸缩性，就需要在做架构设计的时候考虑到一个分的原则，我想在多个方面说一下怎么分：首先是横向的分：大的网站化解为多个小网站：当我们一个网站有多个功能的时候，可以考虑把这个网站拆分成几个小模块，每一个模块可以是一个网站，这样的话我们到时候就可以很灵活地去把这些网站部署到不同的服务器上。批注：现在很多网站他运营着多个域名就比如CSDN，他的博客是blog.csdn.net ，写博客是用的write.blog.csdn.net，主站用www，每个站之间独立运营，让整个服务器的前面，Nginx负载均衡压力不会特别大，因为ng的负载每秒最大是3万多也有人说5万10万的，但是到最后限制最大的不是机器本身的性能反而是带宽。之前在博客上有看到有人，有人测redis最大连接是10万+的连接数时，那么需要的带宽1000G以上。所以连

技术 · 2023-06-29

周鸿祎都53岁了还要去清华卷个博士，我们要不要也去卷

新闻事件2023年6月27日，周鸿祎晒出清华大学计算机博士录取通知书。我印象中的周鸿祎之前我在360手机工作过，在工作的大楼里面也见过红衣教主很多次。那会儿虽然距"3Q大战"已经过去多年，但红衣教主还是保留着他"打嘴炮"的特点。做事雷厉风行，讲话呢也很幽默。当时他很想借着移动互联网的兴起，想捞一张移动互联网的船票，拯救走下坡路的360。所以那时对外也不停地在投资入股或买各种创业公司或者是互联网的企业。奈何时运不济，就投资的效果来说不尽人意。我见识到的周鸿祎在学识、学历、学习能力等方面，在互联网大佬圈里还是很牛的。软件技术能力和实力来说，在互联网研发行业还是能秒掉不少开发同学的。对于初代大佬级的程序员来说，像周鸿祎、雷军、小马哥这些开发能力都是还不错的。关于继续读书如果是我这么大50多岁的，我可能是不会再继续读了。尤其是到了像周鸿祎这个位置，自己有一个大公司，下面也有很多的大牛来了解科学技术发展的一些情况，完全是可以基于员工的研发方向和研发成果进行自学成长。工作了这么多年，我现在用到的各种知识技术框架和能力，基本上都是在工作中学习、理解、应用的。大学学的那一点知识，基本上就是最初的一些入

生活 · 2023-06-29

四种 Git 代码管理工作流简介

业界常见的 4 种 Git 工作流，您可以选择任一预设的工作流作为初始配置，也可以选择自定义配置，全新定义团队需要的分支规则。一、Github Flow 模式GitHub Flow 是一个非常轻便的，基于分支的工作流，非常适合代码部署非常频繁的团队和项目。它最大优点就是简单，对于”持续发布”的产品是最合适的流程。它默认 master 的更新与产品的发布是一致的。版本管理默认开启版本管理。开启后，拉取的分支将归属于版本，包括分支关联的需求、缺陷等数据也将从该版本关联的维度去筛选过滤。分支类型默认 master 为主干分支。自定义 2 种分支类型。开发分支，分支名 dev/*，跟随版本。修复分支，分支名 bugfix/*，跟随版本。分支拉取与合入规则允许从所有类型拉取 dev，并自动同步源分支。允许从所有类型拉取 bugfix 允许dev合并至dev、 master 允许bugfix合并至bugfix、 master 高级工具支持默认开启分支权限管理。默认开启分支变更文件覆盖提醒及自动同步。需求、缺陷绑定设置若项目关联

技术 · 2023-06-28