Zhentiw - 博客园

2018年7月4日

[Cypress] Test Variations of a Feature in Cypress with a data-driven Test

摘要： Many applications have features that can be used with slight variations. Instead of maintaining multiple tests with nearly identical code, we can take 阅读全文

posted @ 2018-07-04 18:19 Zhentiw 阅读(433) 评论(0) 推荐(0)

[Cypress] Create Aliases for DOM Elements in Cypress Tests

摘要： We’ll often need to access the same DOM elements multiple times in one test. Your first instinct might be to use cy.getand assign the result to a vari 阅读全文

posted @ 2018-07-04 18:15 Zhentiw 阅读(336) 评论(0) 推荐(0)

[Cypress] Interact with Hidden Elements in a Cypress Test

摘要： We often only show UI elements as a result of some user interaction. Cypress detects visibility and by default won’t allow your test to interact with 阅读全文

posted @ 2018-07-04 18:12 Zhentiw 阅读(998) 评论(0) 推荐(0)

2018年7月2日

[PWA] Optimize Assets Delivery using preload and prefetch

摘要： By default, browsers load the assets in a render-blocking way. Modern browsers introduced prefetch and preload which let us specify the priority for a 阅读全文

posted @ 2018-07-02 21:18 Zhentiw 阅读(178) 评论(0) 推荐(0)

[Vue] Lazy Load a Route by using the Dynamic Import in Vue.js

摘要： By default, vue-router doesn’t lazy load the routes unless you tell it to do it. Lazy loading of the non-critical routes is one of the points of the P 阅读全文

posted @ 2018-07-02 21:01 Zhentiw 阅读(175) 评论(0) 推荐(0)

[PWA] Check Online Status by using the NavigatorOnLine API

摘要： Even if you have your application fully cached, you couldn’t perform any external request without internet connection. That’s why in order to build an 阅读全文

posted @ 2018-07-02 20:54 Zhentiw 阅读(145) 评论(0) 推荐(0)

[PWA] Show Notifications when a Service Worker is Installed or Updated

摘要： Service Workers get installed and activated in the background, but until we reload the page they don’t take full control in the app. Showing a notific 阅读全文

posted @ 2018-07-02 20:08 Zhentiw 阅读(199) 评论(0) 推荐(0)

2018年6月24日

[Angular] Remove divs to Preserve Style and Layout with ng-container in Angular

摘要： The Angular <ng-container> is a grouping element that doesn't interfere with styles or layout because Angular doesn't put it in the DOM. When we using 阅读全文

posted @ 2018-06-24 19:12 Zhentiw 阅读(206) 评论(0) 推荐(0)

2018年6月17日

[CSS3] Use Sticky Positioning for Section Headers

摘要： We can take advantage of sticky positioning to keep a section header at the top of the page while the user scrolls. This is useful for neat categorisa 阅读全文

posted @ 2018-06-17 11:49 Zhentiw 阅读(182) 评论(0) 推荐(0)

[CSS3] Make a horizontal-scrolling Menu

摘要： Our web app on desktop may use elements that use great deal of width. On many occasions we can’t simply turn these elements into columns so that they 阅读全文

posted @ 2018-06-17 11:37 Zhentiw 阅读(184) 评论(0) 推荐(0)

Answer1215

公告