Zhangxuxin | 张鑫旭

Original link: https://www.zhangxinxu.com/wordpress/2023/03/js-disorder-chinese/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10791 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. Text protection whim Suddenly, I wrote a piece …

Tossing around, using JS to make Chinese content inexplicable and nonsensical Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/03/chatgpt-write-css/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10786 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 thought about 10 CSS-related writing cases to see …

Driven by curiosity, I tested chatGPT’s ability to write CSS code Read More »

Original link: https://www.zhangxinxu.com/wordpress/2023/03/css-container-rule-overlap/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10770Xin 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. Knowing the past by reviewing the past The classic method of …

Another CSS trick that allows elements to overlap without absolute positioning Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/11/web-direction-reverse-css-dom/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10609 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. There are many HTML attributes or CSS attributes in the web …

Reverse and reverse order in web front-end development Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/11/about-css-list-style-type-item/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10607 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. Must list-item horizontal elements A normal ordered list HTML code: …

Things you should know about list-style-type bullets Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/10/html-inert-disabled-attribute/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10597 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. The past prohibition In the past, the following two methods …

Say goodbye to pointer-events:none using the HTML inert attribute to really disable Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/10/css-file-selector-button/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10572 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. Background For a long time, the file-type <input> file selection …

Introduction to the CSS ::file-selector-button pseudo-element Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/10/css-media-range-syntax/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10569 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. One, in a nutshell In the past, media queries for device …

CSS media query Range syntax that is more in line with writing habits Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/09/css-container-rule/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10554 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. The browser officially supports Chrome 105 and Safari 16 have …

Introducing the most anticipated and officially supported CSS container query in 2022 Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/09/js-selection-range/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10541 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. First, look at the big screen Recently, I have been working …

Commenting on words and sharing some experience in Range development Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/09/css-is-where-scoped-style/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10535 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. I. Introduction In front-end frameworks such as Vue or React, in …

Use the :is() or :where() pseudo-class to make the scoped style still match globally Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/09/css-autofill-html-autocomplete-off/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10525 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. About form autofill Form autofill is a good feature because …

Chat: autofill and autocomplete autofill Read More »

Original link: https://www.zhangxinxu.com/wordpress/2022/08/gitee-feishu-okr-at-mention/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10513 Xin Space-Xin Life This article can be reproduced in full text without authorization, welcome to share, welcome to like. 1. Effect preview First look at the demo: https://zhangxinxu.gitee.io/okr-at-mention/ The effect is shown in the video below (click to play without moving), enter the @ character and a list …

A @mention item similar to the Feishu OKR input box was posted on gitee Read More »