0%

devdocs.io 是一个在线的web开发文档在线站点,收藏了500+的前端开发文档,还支持离线模式。很适合部署在公司内网中。

如果是我的话,可能会开发一个Chrome插件,用于替换Chrome的欢迎页面,然后把我收藏的所有开发文档做成一个欢迎页。

真是个好想法,行动起来。
先给你们一个仓库地址 web.devdocs.chrome.welcome 大家可以贡献代码

官网

官网

特点

  • 轻量
  • 扁平
  • 框架无关
  • 组件特别齐全
  • Pro 付费版 支持生成器

image.png
windows10开启剪贴板历史后,使用 win+v可以看到剪贴板历史,从历史中选择。非常好用
image.png

现象

登录界面多次重定向到自己。退出浏览器,清理缓存,无痕模式,都不行。

原因

google chrome在90+版本后,关闭所有窗口仍然会在后台运行,右下角有个小图标。这样会导致存在session Storage里面的数据不会被清理,或者是一些缓存命中机制出现变化,原有的登录判断逻辑出现问题。

解决

右击电脑屏幕右下角状态栏chrome小图标,测底关闭浏览器后台程序。

一劳永逸法,chrome://settings 界面去勾选退出后在后台运行的设置
alt
根本解决法,修改判断登录的机制,适配浏览器更新

术语

术语 全称 描述
RDPM research and development project management methods 华为PSST体系的研发项目管理方法
CP check point 评审点
PM Project Manager 项目经理
PL Project Leader 项目组长
SE 系统工程师(出方案的)
PG 程序员
QA Quality Assurance 质量保证
UI 平面设计师 (画图的)
UX 交互设计师
UCD 用户体验设计中心
PMBOK Project Management Body of knowledge
PDU Product development Unit 产品部
PMO project Management office 项目管理办公室,设置在PDU及以上层面
PO project office 项目办公室,职能同PMO
RDR R&D Review RDR评审点,RDR0-RDR5共6个检查点
EER Early Execution Review 提前执行评审点,在RDR2前执行;
WBS work breakdown structure 工作分解结构
PMI Project management institue 全球领先的项目管理协会
PMBOK Project Management Body of knowledge
Project Portfolio Owner 项目组合负责人,在多项目情况下的管理者(调整优先级等)
Project sponsor 赞助人,以资金或其它方式为项目提供财务资源的个人或团队;
OSG project Operation steering group 项目运作指导团队
ROI 投资回报率
CDP charter的开发过程;
IPMT/BMT/SPDT 决策者
E2E end to end 端到端
PCR project change review 项目更改评审
CCB change control board 变更控制委员会
PSST 华为产品与解决方案体系;
(O/SBP) 商业计划
SME 领域专家
TR technical review 技术评审点
DCP 决策评审点
ADCP 可获得性DCP
CDCP 概念DCP
PDCP 计划DCP
Charter 项目启动任务书
GA General availability 项目正式发布
EOM End of marketing 产品停止销售
EOP End of Producting 产品停止生产
EOFS End of full support 停止为发布软件系统开发新补丁
EOS End of service&support; 产品停止服务
V/R/C Version/Release/Modification 类似于软件包的大版本,小版本,补丁版本
SPDT Solution Program Development Team (产品)解决方案开发团队

项目运作指导团队 (OSG) 组成部分

  • PUD产品部部长
  • PO采购部部长
  • PDT/SPDT 开发经理
  • 产品部职能部门主管(设计,开发,集成与验证测试,质量,资料,维护)

项目生命周期

1
2
graph LR
立项准备--> 概念 -->计划-->开发-->验证-->发布-->收尾-.->GA-.->EOM-.->EOP-.->EOFS-.->EOS

项目组成员

  • QA 质量保证 (项目质量)
  • POP 项目助理(工时,人力,进度,会议,需求跟踪,问题跟踪)
  • CME/CIE 研发项目配置管理工作 (流水线,仓库权限,BPI信息维护,版本管理,版本变更)
  • 职能部门经理
  • 执行小组
    • 设计组
    • 开发组
    • 测试组(test beta)
    • 验收组 (uat prod)
    • 资料组

知识域

  • 价值管理
  • 范围管理
  • 质量管理 成本管理 时间管理
  • 人力资源管理 采购管理 财务管理 风险管理
  • 整体管理(沟通管理)

事件

发出去的请求一毛一样,都包含了同一张base64格式的图片,图片显示出来是一样的。对比内容不一样。但是请求时间差距3分钟,甚至超时。接口20M大小的图片也能秒级处理。 图片来源一个是前端上传转换的base64,一个是后端把pdf文件首页转换出来的。

原因

后端生成的图片base64包含大量的换行符,http协议中的换行符有特殊含义,会被网关服务器解析,导致请求超时。

知识点

base64格式里面有大量的换行符,会严重影响传输效率

现象

使用window.open 开一个页签后,回到原本的页面,动画啥的变卡了。开的页面越多越卡

当新开的页签崩溃,原有页面也会一起崩溃。

原因

window.open 新开的页面跟原有页面用的是同一个渲染器。另外 超链接 target=_blank也是一样的。

解决

使用超链接打开新页面,并使用<a href="" rel="noopener"></a>属性

也能使用 window.open(URL,_blank,'noopener')

现象

使用download属性用a标签下载图片,变成了新页签打开预览

原因

下载的图片跨域,早期chrome没有这个限制

解决

后台接口转发可以解决

图片服务器增加允许跨域相关响应头

前端用image拿到图片资源,使用Blob对象下载

strapi是目前github上最流行的基于nodejs 的Handless CMS项目。

gridsome是基于vue的静态站点构造器,具有SEO友好,站点响应快,安装npm依赖后可以直接启动运行。

CMS我们一般用于网站的后台管理,基于这个技术架构,我们可以快速搭建博客系统,企业官网,项目文档网站等。

改技术架构只需要一个纯前端的开发者就可以运行维护,由于数据库是sqlite3省了数据存储费用,自带了媒体资源上传与存储服务,也节省了静态资源存储服务的费用。非常适合小型网站的构建。

该技术架构成本

  1. 阿里云ECS大概800一年

  2. 定制化界面开发 7-15人天

  3. com域名约75元/年

最基础的站点,大概首次投入7000元。后续1000/年。就可以长期运行下去了。

有需要做网站的可以留言联系我(微信号:sq88sq)

做事情成功的要素

  1. 自己想不想做
  2. 环境允不允许
  3. 能不能做到

如何说服他人

晓之以理。动之以情。诱之以利。绳之以法。胁之以威。

  • 晓之以理的难处是,个人认知的不同,很难达到一致
  • 动之以情的问题是,感情培养的成本很高。
  • 诱之以利的问题是,公司给的政策是有限的。
  • 绳之以法,工作中基本上用不到
  • 胁之以威,“你给我滚!” “好的!老子不干了!!”

管理真正能用的就是晓之以理动之以情两种,因为成本高,所以要做好一定很累。

影响他人的方法

  1. 能给人带来好处,激励
  2. 能给人带来痛苦,惩罚

沟通方式方法

  1. 客观阐述事实
  2. 陈述自己的观点
  3. 表示愿意协助改进
  4. 商讨解决办法

人与人的关系

  1. 人际关系是流体,有波动性
  2. 需要你的时候,关系就会变好
  3. 不需要的时候,关系会被冷落

性格分析方法 DISC

根据人做事情的快慢,人际交往的意愿。大致可分为四类。

  • D型人格:孙悟空 支配型 自己+环境
  • I型人格:猪八戒 影响型 自己+他人
  • S型人格:沙悟净 稳健型 他人
  • C型人格:唐三丈 谨慎型 环境

沟通技巧——时间换空间

有时候,不好处理的事情,可以先放一放,冷一冷。情绪爆炸的时候,不是沟通的好时机。

管理者要做到

见人说人话,见鬼说鬼话。斗战圣佛有72般变化,以应对不同的场景。也能保持一个战心。自我,本我,超我。