current location：Home > Technical Articles > Web Front-end
- Direction：
- All web3.0 Backend Development Web Front-end Database Operation and Maintenance Development Tools PHP Framework Daily Programming WeChat Applet Common Problem Other Tech CMS Tutorial Java System Tutorial Computer Tutorials Hardware Tutorial Mobile Tutorial Software Tutorial Mobile Game Tutorial
- Classify：
-
- JavaScript Functional Testing with Nightwatch.js
- Eric Elliott once wrote an article about JavaScript testing: JavaScript Testing: Unit Testing, Functional Testing, and Integration Testing, which explains different types of tests and when to use which test. This article will explore JavaScript functional testing in more depth and demonstrate using the Nightwatch.js library. Before we get started, let's review what functional testing is and why it is important. Simply put, functional testing is designed to ensure that the application works as expected from a user's perspective. What we are talking about here is not technical testing such as unit testing or integration testing. The goal here is to ensure that users can perform seamlessly
- JS Tutorial . chrome 430 2025-02-17 10:26:10
-
- Getting Started with PouchDB Client-Side JavaScript Database
- This article has been reviewed by Sebastian Seitz and Taulant Spahiu. Thanks to SitePoint's peer reviewers for their contributions! Modern client-side web applications demand sophisticated data handling capabilities. Browsers now offer robust JavaS
- JS Tutorial . chrome 976 2025-02-17 10:24:15
-
- Seven Ways You Can Place Elements Using CSS Grid Layout
- Seven ways to layout web elements using CSS Grid (This article was updated on March 23, 2017. Specific content: Browser support for CSS Grid layout) This article will introduce seven ways to place elements in web pages using the Grid Layout module. SitePoint has previously published "Introduction to CSS Grid Layout". Recently, I also wrote "The Current Situation of the Draft Work of CSS Grid Layout". Here, the focus will be entirely on the specific way to layout elements on a web page using CSS Grid. Now, let's introduce them one by one. Key Points CSS Grid Layout allows for flexible use of multiple methods on web pages
- It Industry . chrome 547 2025-02-17 10:20:13
-
- How to Implement Internationalization (i18n) in JavaScript
- Key Points Internationalization (i18n) is the process of creating or converting products and services so that they can adapt to local languages and cultures. Localization (l10n) is the process of adjusting internationalized software for a specific region or language. Globalize is a JavaScript library developed by members of the jQuery team for internationalization and localization. It uses the official Unicode CLDR JSON data, supports all major browsers, and provides functions such as digital formatting and parsing, date and time formatting and parsing, relative time formatting, currency formatting, message formatting, plural support and unit support, etc. . JavaScript through the Internationalization API (
- JS Tutorial . chrome 733 2025-02-17 10:00:26
-
- Native Infinite Scrolling with the IntersectionObserver API
- Intersection Observer API: Efficiently monitor DOM element visibility The Intersection Observer API is an emerging client-side JavaScript API for efficiently monitoring the visibility of specified DOM elements, which is useful for features such as lazy loading, infinite scrolling, and ad visibility. Browser support and polyfill This API is relatively new and currently has limited browser support, including Chrome Desktop 51, Chrome Android 51, Android WebView 51, Opera 38 and Opera Android 38. However, a pol in development is provided on Github
- JS Tutorial . chrome 774 2025-02-17 09:49:08
-
- Web Audio API: Add Bandwidth-Friendly Sound to Your Web Page
- Unlocking Browser Audio Power: A Guide to the Web Audio API The Web Audio API empowers developers to integrate sophisticated audio processing directly into web pages using JavaScript, eliminating the need for plugins. This is particularly beneficial
- JS Tutorial . chrome 782 2025-02-17 09:37:09
-
- How to Order and Align Items in Grid Layout
- This tutorial demonstrates controlling item placement and alignment within CSS Grid Layout. We'll explore ordering items and aligning them both individually and as a group. Previously, we covered Grid Layout basics, including element placement and th
- It Industry . chrome 283 2025-02-17 09:24:11
-
- How to Build Your Own AI Assistant Using Api.ai
- Want to have an in-depth understanding of artificial intelligence? Watch our video tutorial "Microsoft Cognitive Services and Text Analysis API: Implementing AI Sentiment Analysis in Your Robot". The world of smart assistants is changing with each passing day - Siri, Cortana, Alexa, Ok Google, Facebook M, Bixby - All tech giants have their own smart assistants. However, many developers don’t realize that building their own AI assistant is actually very simple! You can customize to your needs, IoT devices, and custom APIs, and the possibilities are endless. Note: This article was updated in 2017 to reflect the latest changes in Api.ai. Earlier, I wrote an article about
- It Industry . chrome 217 2025-02-17 09:16:08
-
- Adventures in Aurelia: Creating a Custom PDF Viewer
- This article was peer-reviewed by Vildan Softic. Thanks to all the peer reviewers at SitePoint for getting SitePoint content to its best! Working with PDF files in web applications has always been tricky. If you are lucky, your users just need to download the file. But sometimes, users need more features. I was lucky in the past, but this time, our users need the app to display PDF documents so that they can save metadata related to each page. Previously, people might have used expensive PDF plugins (such as Adobe Reader) to run in the browser to achieve this. However, after some time and experimentation, I found a better way to go on the web
- JS Tutorial . chrome 756 2025-02-17 09:03:09
-
- Bringing Pages to Life with the Web Animations API
- This article, by guest author Dudley Storey, explores the Web Animations API, a powerful tool for creating dynamic and performant web animations. SitePoint's guest posts aim to deliver engaging content from leading JavaScript experts. Key Highlights
- JS Tutorial . chrome 458 2025-02-17 09:01:09
-
- What is HTTP/2?
- HTTP/2: A major upgrade to web page transport protocol HTTP/2 is the latest version of the Hypertext Transfer Protocol (HTTP) and is designed to replace HTTP/1.1. It significantly improves data transmission efficiency and speed through features such as binary data, compression headers, pipelineization, multiplexing and server push. Differences between HTTP/2 and HTTP/1.1 HTTP/2 (originally named HTTP/2.0) originated from the SPDY protocol designed by Google in 2009. HTTP/1.1 has some limitations, such as designing in an era of small web page sizes and limited CSS and JavaScript applications, it is difficult to cope with the current situation of high bandwidth, Ajax drivers, single-page applications and client frameworks. HTT
- It Industry . chrome 744 2025-02-17 08:49:12
-
- Build a Search Engine with Node.js and Elasticsearch
- This article was peer-reviewed by Mark Brown, Vildan Softic and Moritz Kröger. Thanks to all the peer reviewers at SitePoint for making SitePoint’s content perfect! Elasticsearch is an open source search engine that is becoming increasingly popular due to its high performance and distributed architecture. This article will explore its key features and guide you how to use it to create a Node.js search engine. Key Points Elasticsearch is a high-performance distributed search engine built on Apache Lucene, mainly used for real-time indexing and searching data. The system is patternless and can automatically detect data structures and
- JS Tutorial . chrome 949 2025-02-17 08:47:09
-
- Building a Cross-platform Desktop App with NW.js
- NW.js: A framework for building native applications using web technology NW.js is a powerful framework that allows developers to create native applications using web technologies such as HTML, JavaScript, and CSS to generate hybrid applications that have significant advantages over ordinary web applications. Compared with another hybrid application framework, Electron, NW.js has the following advantages: support for chrome.* APIs, Chrome applications, NaCl and PNaCl applications, V8 snapshot source code protection, built-in PDF viewer, print preview, and Web Workers Integrate Node.js in. Use NW.js to create hybrid applications
- JS Tutorial . chrome 383 2025-02-17 08:37:10
-
- Using Selenium with PHPUnit
- Testing is a really wide subject, whether it be unit testing, functional testing, acceptance testing, etc. In this article, we’re going to see how you can do acceptance testing using Selenium. I will use a practical example to illustrate a real use c
- PHP Tutorial . chrome 396 2025-02-17 08:31:09
-
- How to Test Your JavaScript with Selenium WebDriver and Mocha
- Core points Mocha.js is a feature-rich JavaScript testing framework based on Node.js, which can be used to write JavaScript functional tests in combination with Selenium WebDriver 3 and NodeJS. This requires familiarity with the basics of NodeJS and JavaScript programming languages. Mocha provides an API for building test code into test suites and test case modules to enable execution and report generation. It supports test suite setup and teardown functions, as well as test case setup and teardown functions. Selenium WebDriver is a control W
- JS Tutorial . chrome 474 2025-02-16 13:21:09
Recommended Articles
Tool Recommendations
jQuery enterprise message form contact code
jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29
HTML5 MP3 music box playback effects
HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.
Player special effects
2024-02-29
HTML5 cool particle animation navigation menu special effects
HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29
jQuery visual form drag and drop editing code
jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29
Organic fruit and vegetable supplier web template Bootstrap5
An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03
Bootstrap3 multifunctional data information background management responsive web page template-Novus
Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02
Real estate resource service platform web page template Bootstrap5
Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02
Simple resume information web template Bootstrap4
Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02
Cute summer elements vector material (EPS PNG)
This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09
Four red 2023 graduation badges vector material (AI EPS PNG)
This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29
Singing bird and cart filled with flowers design spring banner vector material (AI EPS)
This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29
Golden graduation cap vector material (EPS PNG)
This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27
Home Decor Cleaning and Repair Service Company Website Template
Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09
Fresh color personal resume guide page template
Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29
Designer Creative Job Resume Web Template
Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
Modern engineering construction company website template
The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
