Current location: home page > Software programming > front end

Developing OneNav browser extension: My experience sharing

front end 0 comments 2024-3-22 1,763 views
Recently, we released version 1.1.0 of OneNav browser extension, which is also the version after the second reconstruction. During this period, we encountered some technical difficulties, but finally solved them. So we plan to use this article to share the technology and experience used by xiaoz in developing OneNav browser extension. About OneNavOneNav is an open source and free bookmark (navigation) management program, which is used by xiaoz using PHP+S

How to Use Layui to Realize the Highlight Effect of Navigation Bar Clicking

front end 3 comments 2023-5-9 2,934 views
Recently, I am developing OneNav, hoping to realize the automatic highlighting function of the left navigation bar to improve the user experience. I used ChatGPT to easily implement this small function. OneNav uses Layui components in the background, so this method is applicable to all occasions where Layui components are used. Click the navigation bar in Layui to highlight it. This is the original navigation bar code in OneNav. The a tag is used for link jumping

Preview PDF files using PDFObject in Vue3

front end 3 comments 2023-1-12 9,210 views
Recently, I have been developing the PDF preview function of Zdir 3, and I have searched the Internet, most of which are implemented by pdf.js, The compatibility of pdf.js with Vue3 is not very good. I have to write a lot of code myself, which is very unfriendly to me, a front-end white man. Is there a scheme that can complete Vue3 preview PDF in a few lines of code? The answer is yes, that is, use the PDFObject library. Install PDFObjec

Using the IconPark icon library with byte skipping in Vue3

front end 2 comments 2023-1-7 9,050 views
In Web development, in order to make the website more vivid, some font icons are usually used, such as FontAwesome/IconPark, IconPark is an icon library provided by byte skipping, with more than 2000 high-quality icons, which can meet and cover most scenes. Share this article Use the method of IconPark in Vue3. Install Icon Park Copy the following command to install Icon