Tag:Front end

  • Using the dropdown of iView to implement a right-click menu

    Time:2019-11-22

    Preface Some time ago, I was working on a project with iView, in which I needed to use a custom right-click menu, and then I went to the official website to find a dropdown component, and I wondered if I could make a right-click menu component You may need some experience with iView attempt This […]

  • One stop front-end resource upload tool

    Time:2019-11-22

    Resource Uploader One stop front-end resource CDN upload tool (using alicloud OSS) install npm install -g resource-uploader Characteristic Support ES6 / 7 / 8 to Es5 Support JavaScript compression and optimization Support sass / less to CSS Support CSS to add browser prefix automatically Support PX unit to REM unit (optional) Support CSS compression and […]

  • There are not many front-end components, only those that are suitable and easy to use

    Time:2019-11-22

    Independent components Form Validation jQuery Validation Plugin http://jqueryvalidation.org/ Drop-down list chosen https://github.com/harvesthq/chosen select2 https://github.com/select2/select2 Lamp box effect fancyBox https://github.com/fancyapps/fancyBox lightbox2 https://github.com/lokesh/lightbox2 Loading animation spin.js https://github.com/fgnass/spin.js nprogress https://github.com/rstacruz/nprogress Time selector clockpicker https://github.com/weareoutman/clockpicker Step bar jquery-steps https://github.com/rstaib/jquery-steps Novice guide intro.js https://github.com/usablica/intro.js File upload jQuery-File-Upload https://github.com/blueimp/jQuery-File-Upload Webuploader http://fex.baidu.com/webuploader/ (produced by Baidu) dropzone https://github.com/enyo/dropzone Multimedia play plyr https://github.com/selz/plyr Animation […]

  • Summary of URL knowledge

    Time:2019-11-22

    Refer to the authoritative description on MDN: the content of HTTP request is collectively referred to as “resources”. Resources can refer to documents (HTML), pictures (jpg / jpeg / PNG, etc.), cascading style sheets (CSS), multimedia resources (MP3 / MP4). Each resource can be identified by a (URI), that is, each resource can be obtained […]

  • What’s new with chrome 74

    Time:2019-11-22

    What’s new in Chrome 74 Crazy technology househttps://blog.logrocket.com/wh… This article starts with WeChat public: front-end pioneer.Welcome to pay attention and push you fresh front-end technical articles every day Chrome 74 has been released, and while there is nothing exciting from a user’s point of view, there are some benefits for developers. The new version comes […]

  • Learn the overall architecture of jQuery source code, and build your own JS class library

    Time:2019-11-21

    Although it is rarely used nowjQueryButjQueryPopularMore than 10 yearsOfJS Library, it is still necessary to learn its source code. You can also learn to build your ownjsClass library, job interview can add a lot of color. This article is aboutv3.4.1 Edition.unpkg.comSource address: https://unpkg.com/[email protected] jQuery githubWarehouse self-executing anonymous function (function(global, factory){ })(typeof window !== “underfined” ? […]

  • Ajax native

    Time:2019-11-21

    The full name of AJAX is “asynchronous JavaScript and XML” Ajax actually refers to asynchronous JavaScript and XML. It is a web page development technology for creating interactive web page applications. Simply speaking, it can make web pages achieve asynchronous updates Four steps of Ajax request Request initialization let xhr = new XMLHttpRequest(); Establish connection […]

  • Why do I choose to use vs Code for front-end development?

    Time:2019-11-21

    Yes, I’m here to give you Amway vs code. For the front end, this is a sexy IDE, oh no, it should be an editor. Most people in our team are already using VSC, so this Friday we made a small vs code share in the group to explore some tips to improve the development […]

  • Read the source code of react-9_

    Time:2019-11-21

    Read the source code of react-9 Continue readingreact 16.8.6Source code What I have written before is the equivalent of a learning note, although all the skills in my work arereactRelevant, but80%It’s something that is rarely involved, which leads to the fact that you arereactSome of them are relatively one-sidedreactOfapiRarely used, byreactRead and get familiar with […]

  • How to maximize the operation and value of CSS’ content

    Time:2019-11-20

    contentAttributes need to be associated withbeforeandafterPseudo elements are used together to definePseudo elementThe contents shown in this paper are mainly listedcontentThe optional values and practical cases and skills of 🎃 Basic Usage A simple example: <p>Can’t write front end</p> p { &::before { Content: “welcome to follow” } &::after { Content: WeChat public number } […]

  • [canvas is fun] from the matrix

    Time:2019-11-20

    Preface The author has been learning the relevant technical knowledge points of canvas for a period of time. By referring to some materials and articles on the Internet, the author has learned to use simple mathematical and physical knowledge points to achieve some interesting animation effects. Recently, I just saw the previous codes. So this […]

  • The configuration of webpack DLL, which has been painstakingly learned, may be out of date

    Time:2019-11-20

    Some time ago, I wrote an article explaining the confusing knowledge points in webpack4. I didn’t expect to harvest nearly 600 praise. Thank you for your old iron boxing. In the last article, I spent a lot of time to conceive the demo and the original creation map. I just want to make some concepts […]