JS learning notes (Chapter 10) (DOM operation technology)

1. Dynamic script There are two ways to create dynamic scripts: inserting external files and directly inserting Javascript code. (1) calling external files function loadScript(url) { var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; document.body.appendChild(script); } //Cal ...

Posted on Tue, 15 Oct 2019 08:43:53 -0700 by LexHammer

How to make a front-end scaffold with npm

Background Requirements: In daily development, with more and more projects, the more code that can be reused, the more urgent need for a basic template to initialize the project, put the code on their gitlab or github, each time you have to find the address to clone again, very troublesome.Expected results: XXX init.... One Line Order SolutionS ...

Posted on Mon, 14 Oct 2019 12:00:53 -0700 by jay_bo

Dried food! Starting from 0, building personal dynamic blog at 0 cost

First published in Wechat Public No. Front-end Growth, written on October 12, 2019 Guide reading There is an old saying that a good memory is better than a bad pen. There are always some things in life that you would like to write down. The purpose of this article is to record the whole construction process and problems encountered and soluti ...

Posted on Mon, 14 Oct 2019 03:41:33 -0700 by akmalsiddique

Intensive reading "rethinking layout with css grid"

1 Introduction Flex is like a functional keyboard and touch screen compared to Grid. The control power of touch screen is like a dimension reduction blow compared with function keyboard, because function keyboard can only control up and down (x, y axis), while touch screen breaks the layout barrier and reaches directly from (z axis), so that no ...

Posted on Sun, 13 Oct 2019 19:17:00 -0700 by gordo2dope

Chapter 5: Secrets of JS Object Life Cycle

Author: valentinogagliardiTranslator: Front-end wisdomSource: github Ali Yun is currently doing activities, as low as 2% discount, interested to see:https://promotion.aliyun.com/... In order to ensure readability, free translation is adopted instead of literal translation. Everything is an object. We often hear that "everything is the ...

Posted on Sun, 13 Oct 2019 17:09:07 -0700 by SnowControl

22. Closure and Inheritance

This article is reproduced in: Professional front-end website 22. Closure and Inheritance == Closures and object-oriented are the focus of interviews.== 1. closure 1. What is a closure function? A function nested in a function is called a closure function. Internal functions can always access the parameters and variables declared in thei ...

Posted on Sat, 12 Oct 2019 17:54:52 -0700 by squalls_dreams

JS Monitor Window Change and Element Change

resize incident brief introduction Can be used to monitor changes in Windows objects Application: Change rem according to window // Datum size const baseSize = 41.4; // Setting rem function function setRem(width) { // The current page width scaling ratio relative to 414 width can be modified according to their own needs. const scale = width ...

Posted on Sat, 12 Oct 2019 14:14:49 -0700 by byenary

Basic Practice of javascript (13) - An Interesting JS Brain Hole Exercise

Catalog I. title 2. Solving Storm The sample code is hosted in: http://www.github.com/dashnowords/blogs Blog Garden Address: The original bibliography of Dashi Living in the Big Front End Huawei Cloud Community Address: [Guidelines for Upgrading Your Front-end Crackers] I. title Modify the following code ...

Posted on Sat, 12 Oct 2019 04:43:01 -0700 by God of Ikiliki

Java adds new rows to the word table and assigns values

Preface: I believe that everyone has had the experience of operating word documents and tables, for each row of data recording and operation is more convenient. But this is not enough. For some OA projects, you need to open word documents online and add data to word tables through background settings, or even add new rows to tables. This requir ...

Posted on Sat, 12 Oct 2019 00:53:04 -0700 by beboo002

Several ways to write JavaScript array loops, including ES6

Using Javascript map(),reduce() and filter() arrays can help you write more declarative and fluent style code. Instead of accumulating for loops and nesting to process data in lists and collections, you can use these methods to better organize successful building blocks of logical organization, and then link them together to create more readabl ...

Posted on Fri, 11 Oct 2019 23:13:38 -0700 by EGNJohn