Zhangxuxin | 张鑫旭

Original link: https://www.zhangxinxu.com/wordpress/2023/09/js-copy-image-clipboard/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11015xinspace-xinlife This article welcomes sharing and aggregation. It is not necessary to reprint the full text. Respect copyright. The circle is only so big. If you need it urgently, you can contact us for authorization. 1. There must be a reason Why do you suddenly want to know how …

Get is here again, JS copies the image to the clipboard Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/09/html-elementtiming-attribute/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10971xinspace-xinlife This article welcomes sharing and aggregation. It is not necessary to reprint the full text. Respect copyright. The circle is only so big. If you need it urgently, you can contact us for authorization. 1. There must always be a title at the beginning Last month, I studied …

HTML elementtiming attribute first experience record Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/09/form-reset-input-change/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11003xinspace-xinlife This article welcomes sharing and aggregation. It is not necessary to reprint the full text. Respect copyright. The circle is only so big. If you need it urgently, you can contact us for authorization. 1. In-depth understanding of the reset behavior of form The form element comes with …

Tips: After the form element is reset, the input does not trigger the change event processing. Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/09/js-jpg-png-compress-tinyimg-mini/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10983 Xin space – Xin life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. 1. Background of self-made tools Since the writing is …

Made a pure front-end JPG/PNG size scaling + compression online tool Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/08/js-performanceobserver-api/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10950Xin Space-Xin Life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. 1. Observer family Unexpectedly, the Observer family also has a PerformanceObserver, which …

Dig hard at the PerformanceObserver API Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/08/html-attribute-nonce-translate/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10939 Xin space – Xin life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. foreword I sorted out the ” HTML Global Attribute …

Fill in the gaps, HTML nonce and popover attributes that I still don’t know Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/07/html-samp-element/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10931 Xin space – Xin life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. 1. Code Presentation Elements In the past, I used …

Have you ever used HTML kbd, var, samp elements? Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/07/css-image-aspect-ratio-layout/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10915Xin Space-Xin Life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. It is known that the size of the picture is unknown, and …

Triple evolution of fixed-ratio layout of images with different heights and widths in CSS Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/06/css-sin-cos-tan-function/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10901 Xin Space – Xin Life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. I. Introduction As of late, all modern browsers support …

Introduction and application of mathematical trigonometric functions such as CSS sin()/cos() Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/06/css-text-number-loading/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10889 Xin space – Xin life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. 1. Hey, let’s see the effect first As shown …

I use CSS to simulate a fake digital loading effect Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/06/css-noise/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10872 Xin space – Xin life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. 1. Before my realization 1. canvas implementation I used …

Noise effect using pure CSS Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/06/js-canvas-jspdf-export-pdf/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10854 Xin space – Xin life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. 1. Introduction to jsPDF project Recently, I encountered a …

Use jsPDF to export PDF file practice sharing Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/05/css-margin-trim/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10858Xin Space-Xin Life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. One, in a word The CSS margin-trim property is set on the …

What is the CSS margin-trim property for? Read More »