2020-07-27 Mon.
Why Cypress? | Cypress Documentation
解决痛点
设置测试,编写测试,执行测试,调试测试
特性
- time travel
- debugable
- auto waiting
- Spies, Stubs, and Clocks
- network flow
- consistency
- screenshot and video
二进制文件 CDN 下载地址 http://download.cypress.io/desktop
编写测试
- 访问网页
cy.visit()
- 查询元素
cy.contains()
- 点击一个元素
.click()
- 写断言
.should()
- 暂停
cy.pause()
2020-07-28 Tue.
前端早早聊 - 早聊早知道 17-26
- 17 换城市是要比换工作的成本高的
- 20 放权不等于弃权,就是你放手给下属去做,但是你要保持知道。当你知道了的时候,不要立马有反应,因为有反应,就会变成你没有放权
- 21 时间规划:应该要把时间规划分为大规划和小规划
Vue 3 Cheat Sheet | Vue Mastery
import { toRefs } from 'vue'
to creates a plain object with reactive references
- 基于 JavaScript 的静态网站生成器(SSG)
- 在 2020 年 2 月对 100 万个首页的调查中,WebAIM 发现使用 React 的网页的可访问性错误比平均水平高 5.7%;而使用 Vue 的网页则高出 25%
Webpack 上有一个问题是,对代码进行一些更改后,macOS 上的文件监视将停止。你必须手动重新启动项目才能再次查看更新。再做一些更改后又会停止监视,如此循环。
其根本原因在于 webpack 使用的称为 chokidar 的文件监视实现,chokidar 是 Node.js 生态系统中广泛使用的文件监视实现。
开发团队向 chokidar 发送了补丁以解决此问题。补丁发布后,Webpack 新版中打上了它。
2020-07-29 Wed.
A new default Referrer-Policy for Chrome: strict-origin-when-cross-origin
no-referrer-when-downgrade
=> strict-origin-when-cross-origin
for a cross-origin request, strict-origin-when-cross-origin only send Origin Referer on request Headers
Understanding "same-site" and "same-origin"
Deprecations and removals in Chrome 85 | Web | Google Developers
- ready close AppCache
- reject unsafe SameSite Cookie
- -webkit-box quirks from -webkit-line-clamp
New in Chrome 84 | Web | Google Developers
- app-icon-shortcuts
- Animations API Feature
- content Indexing API
- Weak Lock
- origin_trials (Web Assembly SIMD,Idle detection)
What's New In DevTools (Chrome 85) | Web | Google Developers
- Style editing for CSS-in-JS frameworks
- Lighthouse 6 in the Lighthouse panel
- ...
2020-07-30 Thur.
前端早早聊 - 早聊早知道 27-30
- 27 多和老板(上级)沟通,从源头了解需求
- 28 工作经历的第3、4年比较重要,不能继续耗着
- 30 忍耐几个月,同时给自己紧迫性,好好准备面试
2020-07-31 Fri.
从URL输入到页面展现到底发生什么? · Issue #24 · ljianshu/Blog
DNS-TCP-HTTP-RENDER-FIN
你需要知道的几类npm依赖包管理Peer Dependencies | Node.js
- dependencies 项目依赖
- devDependencies 项目开发依赖 --prod 不安装此依赖
- peerDependencies 项目同等依赖,默认不会安装,依赖该项目的项目必须安装此依赖
- optionalDependencies 可选依赖,如果有一些依赖包即使安装失败,项目仍然能够运行或者希望npm继续运行
- bundledDependencies 打包依赖,将会把这些包打包到tar文档中
每日发布一些新闻