• Webpack module


    introduction I have written a node modular source code analysis before. Those who are interested can read it. After understanding commonjs modularity, it is necessary to know how webpack, which is the most commonly used in front-end engineering, deals with modularity. Pre package file //index.js import bar, {foo} from ‘./a’; bar(); foo(); //a.js ‘use strict’; […]

  • Nginx process model


    1. Is nginx multi process or multi thread? In general, nginx adopts multi process mode, and each woker process has a main thread to respond to and process multiple user requests. At the same time, nginx supports using AIO thread pool to read and send large files to avoid the woker process from being blocked. […]

  • Front end star 2020_ 4_ 11 course notes


    Front end Engineering Standardization Git git flow Compilation specification modularization Core demand avoids variable pollution CSS modularization JS modularization Componentization Encapsulation of UI and logic automation Hand over repetitive and time-consuming operations to tools Initializing cli Building webpack Test jest Deploying Jenkins JS animation Animation, the native interface of JS Of course, the various native […]

  • How to register global filter


    It’s actually very simple, just register before Vue is instantiated. Vue.filter(‘dateParser’, (value) => { return value; }) Of course, this kind of writing is ugly, so it should be modularized, that is to say, it should be written as follows:filters.js: export function dateParser(value) { return value; } main.js: import * as filters from “./filters” Object.keys(filters).forEach(key => { Vue.filter(key, filters[key]); }); […]

  • Using Babel family barrel to modularize the ancient noodle code


    In my recent work, I took over an old project. The JS code is a lump of noodle code. About 3000 lines of code are all written in one file, which is really a headache to maintain. I don’t know why the students who maintain the project before can tolerate such hard to maintain code […]

  • Webpack usage notes


    One devtool:inlne-source-map The role of When debugging the developer template, the code you see is the source code. If you do not set this property, the code you see is the compiled code. As shown in Figure 1 and Figure 2Before configuration:After configuration:2. Modularization of CSSJust specify modules after use CSS loader,like this: { test: […]

  • A single line code NPM library, even let millions of JavaScript projects crash


    Technical editor: Xu Jiuyi from BeijingSegmentFault has he reported the official account number: SegmentFault On Saturday, an update to a JavaScript library threw nearly the entire JavaScript ecosystem into chaos, with millions of projects affected, according to rough statistics from analysts. The most unexpected thing is that it only needs a line of code to […]

  • Learn JS modularity from the use of systemjs


    Some time ago, due to the split of business, the back-end projects originally maintained together became two teams to maintain together, which brought some problems. For example, some problems such as unable to go online separately, the company’s test environment is not enough, etc. in addition to the accumulation of time of the previous project, […]

  • Deep understanding of ES6 modules


    Learn more about ES6 modules At present, almost all of our projects are developed based on Web pack, roll up and other construction tools, and modularity is the norm. We are not new to it. Today, we will review the module mechanism of ES6 systematically, and summarize the commonly used operations and best practices, hoping […]

  • Webpack from acquaintance to joint burial (2) – basic configuration of development environment


    All the loader packages need to be downloaded using NPM / yarn. Remember Packaging style resources /* Configuration file for webpack.config.js webpack Function: indicates what the weback does (when you run the weback instruction, the configuration in it will be loaded) All the construction tools are based on nodejs platform and ~ modularization adopts commonjs […]

  • Introduction to spring framework


    Spring Framework Overview Introduction to spring framework Spring makes it easy to create Java enterprise applications. It provides everything youneed to embrace the Java language in an enterprise environment, with support for Groovyand Kotlin as alternative languages on the JVM, and with the flexibility to create manykinds of architectures depending on an application’s needs. As […]

  • An example of using CSS methods to realize modularization


    1、 What is CSS methodologies CSS methodologies, which can be understood as design mode or CSS specification. The market usage is as follows: Above source: https://2019.stateofcss.com/technologies/ You may not spend time in daily development to pay attention to and understand CSS methodologies, but with the accumulation of your experience, you may think for yourself, or […]