英文技术文章周刊-第 8 期：CSS Nesting is now available with Vanilla CSS, ChatGPT: Your New Best Friend in Frontend Development, Google bard experiment...

[WJCHumble]

CSS

CSS Nesting is now available with Vanilla CSS, The article explains that CSS nesting, a feature previously only available in preprocessors such as Sass and Less, is now available in standard CSS with the release of CSS Selectors Level 4. This allows for more efficient and readable CSS code by allowing selectors to be nested inside other selectors, reducing the need for repetitive and verbose code. The author provides examples of how to use nested selectors and explains the benefits of this new feature. Additionally, the article provides a brief overview of other new features in CSS Selectors Level 4.

JavaScript

ChatGPT: Your New Best Friend in Frontend Development, The article introduces ChatGPT, a large language model trained by OpenAI that can assist frontend developers in their work. The author explains how ChatGPT works and the benefits of using it, including its ability to generate CSS and HTML code, provide feedback on code quality and best practices, and answer technical questions. The author also provides examples of how ChatGPT can be used in frontend development, including generating code for responsive design, creating CSS animations, and building layouts. The article concludes by suggesting that ChatGPT can be a valuable tool for both experienced and novice frontend developers.

TypeScript

Advanced Trick for Using TypeScript Interfaces, The article describes an advanced technique for using TypeScript interfaces to create more flexible and reusable code. The technique involves using generic type parameters with interfaces to create more dynamic and adaptable interfaces. The author explains the benefits of this technique, including increased code reuse and more concise and readable code. The article provides examples of how to use generic type parameters with interfaces to create more flexible code for data structures and API requests. The author also discusses some potential limitations and challenges of using this technique and suggests ways to mitigate them. The article concludes by suggesting that this technique can be a powerful tool for creating more robust and adaptable TypeScript code.

Vue

Rusty Vue Playground

GitHub

• Hotscript, an open-source tool for generating boilerplate code in a variety of programming languages. The tool is designed to simplify the process of setting up new projects by generating code for common tasks such as authentication, database connections, and API endpoints. Hotscript currently supports several programming languages, including Node.js, Python, Ruby, and Go. Users can customize the generated code by specifying various options and parameters. The GitHub repository includes documentation on how to use Hotscript, as well as information on how to contribute to the project. The tool demonstrates the value of automation and code generation in simplifying the process of setting up new projects and reducing the amount of repetitive work required in software development.
• GPTCommit, an open-source tool that uses OpenAI's GPT-3 language model to generate commit messages for Git repositories. The tool is designed to save developers time and reduce the amount of repetitive work involved in writing commit messages. GPTcommit generates messages based on the changes made to a repository and can be customized to include specific information such as issue numbers or commit types. The GitHub repository includes documentation on how to use GPTcommit, as well as information on how to contribute to the project. The tool demonstrates the potential of natural language processing and machine learning to automate tasks in software development and improve the efficiency of the development process.
• Pixijs, an open-source library for creating interactive graphics and animations using JavaScript. PixiJS is designed to be fast and lightweight, and is optimized for use in web browsers and mobile devices. The library includes a variety of built-in features and tools for creating graphics, including support for 2D and 3D rendering, animation, and interactivity. PixiJS is highly customizable and can be extended using plugins and custom code. The GitHub repository includes documentation on how to use PixiJS, as well as information on how to contribute to the project. The library demonstrates the potential of JavaScript as a powerful tool for creating interactive visual experiences on the web.

Other

• Google bard experiment
• Playwright v1.32 – Now with UI Mode, the release includes several new features and improvements, including support for Microsoft Edge version 98, new methods for interacting with text inputs and checkboxes, and improvements to Playwright's debugging tools. Additionally, the release includes bug fixes and performance improvements. The release notes provide a detailed overview of the changes included in this version of Playwright, as well as instructions for upgrading to the latest version. The release demonstrates the ongoing development and improvement of Playwright as a tool for automating web browsers and testing web applications.