• Implementation of special-shaped scrolling with swiper


    essential information Official introduction Swiper is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. file introduce:  https://swiperjs.com/get-star… API: https://swiperjs.com/api/ Demo: https://swiperjs.com/demos/ Git: https://github.com/nolimits4w… Usage scene – transition effect Rotation chart practice target Implement a […]

  • Flyer imitation wechat pull-down pop-up box


    In mobile development, drop-down pop-up box is a very common selection interaction method, and the effect is shown in the figure below.For this kind of pop-up frame, we can use dialog to implement it. The following is the main code of user-defined pop-up frame. Color _bgColor = Colors.white; double cellHeight = 34; double cellWidth=120; typedef […]

  • CSS picture display incomplete floating invalid solution


    Incomplete picture display Use CSS to reference pictures. The pictures are too large to be fully displayed in the box. Only some can be displayedThere is still no change through other operations, as shown in the figure:SolutionAfter referencing the picture in CSS style settings, set the width and height to 100% respectively, and the box […]

  • Bootstrap navigation bar customization


    Navigation bar setting height //Cancel the margin in the navigation bar .navbar{ padding:0px 16px; } //Set the background color of the navigation bar and add shadows .navbar-setting{ background-color: #40D2D1; /* height: 70px; */ If you put this effect on navbar, toggle will have a problem box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.25); } […]

  • Ace editor Chinese document


    introduce Ace is an embeddable code editor written in JavaScript. It matches the functionality and performance of native editors such as sublime, VIM, and Textmate. It can be easily embedded in any web page and JavaScript application. Official website address: Ace – the high performance code editor for the webGithub: GitHub – ajaxorg/ace: Ace (Ajax.org […]

  • Python utility, pyqt5 + QRcode, python 2D code generation tool


    preface: Today, let’s use pyqt5 + QRcode to make a simple QR code generation tool. Let’s start happily~ development tool Python version:3.6.4 Related modules: Pyqt5 module; QRcode module; And some Python built-in modules. Environment construction Install Python and add it to the environment variable. PIP can install the relevant modules required. Principle introduction Software interface: […]

  • The size of the detailed box model depends on its padding, margin and border values


    The box model specifies the values of width and height, padding of inner margin, border of border and margin of outer margin. The blank inside the border is padding, and the blank outside the border is margin. As shown below, the width of the box model element box = the width of the content area […]

  • The grammar of BFC


      Let’s talk about BFC (block formatting contexts) BFC: block level formatting context (independent rendering area). Generally speaking, it’s block level element layout logic or rule. If you want to trigger BFC, you should use block level element, or turn it into block level element( display:block; )   The trigger condition of BFC. 1. BFC can be […]

  • IOS for loop shortcut creation button (optional configuration and adaptation)


    One Let’s first summarize a small problem encountered in recent projects. When creating uiview, there is always a gray black line on one side. The reason is the accuracy problem when setting frame for view. Just round it; ceilf(width) Two Recently, I wrote this requirement for my friend in the project, and recorded that it […]

  • Layout of angular material (5): layout parameters


    Layout parameters <div layout=”row” layout-sm=”column”> <div flex> I’m above on mobile, and to the left on larger devices. </div> <div flex> I’m below on mobile, and to the right on larger devices. </div> </div> For a basic description of layout instructions, see the section layout and containers.To change the layout based on the size of […]

  • CSS margin overlap and solution


    Recently, I reviewed the knowledge points related to CSS, and summarized the classic margin overlap problem in CSS. The purpose is to test the review effect, and also hope to help others. If there are omissions, please do not hesitate to comment.Ask a question: when using CSS layout, you will find that the upper and […]

  • [revisit CSS] an interview question on pseudo elements, inclusion blocks, and height collapse


    preface A few days ago, a group friend asked an interview question in the group, which was about the confusion of an adaptive square layout, and pasted the code first. In fact, I haven’t written CSS for a long time, and I’m still vague about some details. So I decided to pick up CSS again […]