, but this code // executes before the first paint, when

茄子视频

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Exploring Computer Science with the Raspberry Pi - News & Stories | 茄子视频

茄子视频

Skip to main content

Publications

Exploring Computer Science with the Raspberry Pi

Tue, Nov 05, 2024
Exploring Computer Science with the Raspberry Pi

Exploring Computer Science with the Raspberry Pi

(pdf)

Exploring Computer Science with the Raspberry Pi

The respected computer scientists Edsgar Dijkstra once remarked that 鈥渃omputer science is no more about computers than astronomy is about telescopes.鈥 Even so, nifty computing devices like the Raspberry Pi provide a good educational platform for studying concepts in computer science. The body of knowledge in computer science includes a wide range of topics such as programming languages, data structures and algorithms, digital logic and computer organization, operating systems, networking and the web, the Internet of Things (IoT), and artificial intelligence. The chapters of this book are organized around many of these key topics which are explored with practical examples and exercises that can all be performed on a recent model of the Raspberry Pi.

Authors:

Dr. Derek Schuurman
Professor
526-8562

Loading...