• Fancy CSS text animation


    There have been two previous articles on fonts about how to define fonts: Font family you should know Further exploration of Web font family This article will be combined with this article–CSS fantasy border animationSimilar, say somethingText effect, use different attribute Collocations to realize various text dynamic effects. Google Font When writing various demo, sometimes […]

  • JS preview and upload pictures


    After reading most of the previous upload methods, most of them use canvastoDataURL(better compatibility) method, and then convert it into a file object and put it in formdata. In fact, canvas has another methodtoBlob, the file object inherits from the blob object, that is, the properties and methods of the blob object. Function dataurltofile (dataurl, […]

  • 7 methods of JS array de duplication


    1、 Using indexof() method to remove duplicate Method name Function description indexOf() Returns the first index of the given value that can be found in the array, or – 1 if it does not exist lastIndexOf() Returns the index of the last specified element in the array, or – 1 if it does not exist […]

  • 04 DRF environment installation and construction


    Environmental installation and construction requirement The rest framework needs the following dependencies: Python (3.5, 3.6, 3.7, 3.8, 3.9) Django (2.2, 3.0, 3.1) DRF is provided by extending the application of Django, so we can directly use the existing Django environment without creating it again. (if there is no Django environment, you need to create an […]

  • Echo of form of antd


    Recently, I just started to use antd. I searched around the Internet, but it was not very clear. So save my usage. 1 using initialvalue render() { // @ts-ignore const {location} = this.props; const data = location.state; let responsiblePeoplePhone = {}; if(data){ responsiblePeoplePhone={initialValue:data.responsiblePeoplePhone||”}; } return( <FormItem {…formItemLayout} Label = “contact information of person in charge” […]

  • Apizza quick import chrome request


    Usually, when debugging the website, the console – > network will be used to view the specific network requests However, it is troublesome to debug the interface of the specific request. You need to copy one field by one, and possibly the header. Apizza   It is very convenient to directly import requests from chrome. […]

  • Intensive reading of 15 LOD expressions – Part 2


    Then the last oneIntensive reading of 15 LOD expressions – Part I, continue to summarize this timeTop 15 LOD Expressions9 ~ 15 scenes of this article. 9. Value of the last day in a time period How to realize the comparison trend chart between the average daily closing price and the closing price of the […]

  • CSS tricks | skillfully realize the secondary bold and border of text


    This paper will explain how to implement it through an actual business requirement Text bold border effect in extreme scenes Text multi border effect Requirement background – Secondary bold text Today we have an interesting question: In the text display, the use offont-weight: boldBold the text, but I don’t think it’s thick enough. What can […]

  • Analysis and summary of WebGIS visualization technology for DWG analysis of CAD drawings


    background AutoCADIt is an internationally famous two-dimensional and three-dimensional CAD design software, which is used for two-dimensional drawing, detailed drawing, design documents and basic drawings3D design。 Now it has become a popular drawing tool in the worlddwgThe file format becomes the de facto standard format for 2D drawings. But becauseAutoCADyesprivateFormat can only be edited and […]

  • Question 43: how to use Es5 and ES6 to change the attributes of listening objects?


    Using object.defineproperty implementation of Es5 let student = {}; let age = undefined; Object.defineProperty(student, ‘age’, { get: function() { //Triggered when the property is obtained return age; }, set: function(val) { //Triggered when the property value is set age = val; } }); student.age = 20; console.log(student.age); // 20 Proxy implementation using ES6 let student […]

  • An adaptive and easy-to-use CSS


    Mainly using CSS max-width:min-content The following code shows <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Document</title> <style> .box{ width: 100px; } .boxMain{ display: flex; justify-content: space-between; padding: 2px 8px; border: 1px solid #ccc; background-color: aqua; overflow: hidden; color: #fff; width: 100%; max-width: min-content; } .l{ max-width: min-content; /*Overflow is displayed with […]

  • MySQL – JDBC connection


    Mysql database connection using JDBC There are six steps 1. Load the registered driver When creating Maven project with idea, you can import MySQL driver package directly from POM file; If you do not use Maven to import jar packages, you can add them yourself; Maven coordinates driven by MySQL: <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.23</version> </dependency> […]