xargs Usage
Introducing xargs working principle and common usage ...
Java Series - String Processing
Summary This article mainly introduces Java String related APIs and usage, string operations. String Core Knowledge Points Strings in Java are immutable, once created cannot be modified. All operations on original strings such as deletion, replacement, concatenation, etc., will not modify the original string, but produce a new string. And to reduce memory usage, when created directly with literals, it will look up in the string constant pool. If the same exists, directly return the reference. As shown in the following example. ...
Resolve Tailwind CSS IntelliSense Extension Vscode Not Working
When using tailwindcss in vscode, you may encounter issues where the plugin does not work, fails to auto-complete, and does not display class names in color. There are several methods to troubleshoot this issue. The problems can be investigated in the following order. Check the Plugin’s Log Output Use Ctrl + Shift + P, search for tailwind css show output. Check the log for any errors. For instance, if there are errors related to missing dependencies. For example, if the log shows an error like Tailwind CSS: Can’t resolve ‘@headlessui/tailwindcss’, then installing the corresponding dependency can solve the problem. npm i --save-dev @headlessui/tailwindcss File Not Included in tailwindcss Check if the file is included in tailwindcss. Open the tailwind.config.js file, and add the files that need to be included in the content field. /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{html,js,html.j2}", "./templates/**/*.html.j2", "./public/**/*.{html,js,css}", ], theme: { extend: {}, }, plugins: [], }; vscode Not Enabling Quick Suggestions for String Inputs Add the following configuration in vscode’s settings. ...
Wrap Third-party JavaScript Library as Vue3 Component
Wrap third-party UI components as Vue components, using Frappe Gantt as example Want to use Gantt chart component in Vue, reference vue-echart implementation Conversion Steps In on Mount hook, initialize, and convert callbacks to event emit Implement v-model two-way binding Initialize, then emit events in js library callbacks Pass all changes from js library to vue component (modify passed props in callback event emit function) Changes from external vue component pass to js library (use watch to implement, when vue component state changes, synchronously modify js library ui) Finally handle all changes to internal content of slots (option lists). (use updated lifecycle hook) What are Web Components https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements Need to wrap as a web component ...
Bash Simple Tutorial
Bash is the default command-line environment (Shell) on most Linux distributions. Its syntax is simple and can conveniently operate native commands on Linux-like systems, suitable for automation work such as backups and quick deployments. Bash is the default command-line environment (Shell) on most Linux distributions. Usually, the command-line commands we talk about are executed in Bash. Installation Installing Bash software: macOS No installation required, Bash comes pre-installed. The “Terminal” program can execute Bash scripts. ...
Python Standard Library Series — datetime
Introducing Python standard library datetime ...