游魂博客

Original link: https://www.iyouhun.com/post-235.html Coding project Webhook settings 1. Go to Project Settings => Developer Options => Service Hook => New Service Hook 2. Select different event trigger types and filter conditions according to your project 3. Configure the sending method Action : default Service URL : is your generic-webhook-trigger calling address, http://JENKINS_URL/generic-webhook-trigger/invoke For example: http://108.108.108.108:8080/generic-webhook-trigger/invoke […]

Original link: https://www.iyouhun.com/post-234.html Server mutual trust A server: the server where Jenkins is located B server: the server where the project is deployed A server generates a secret key ssh-keygen # 一路回车 The A server installs the local ssh public key file to the account corresponding to the remote host (it can also be copied

Original link: https://www.iyouhun.com/post-233.html What is XSS XSS (Cross Site Script) attack means that hackers tamper with web pages through “HTML injection” and insert malicious scripts. When users browse the page, the html code embedded in the web will be executed, so as to achieve the special purpose of malicious users. XSS classification Reflected XSS Reflected

Original link: https://www.iyouhun.com/post-232.html It is a simple series of collection notes, and the temperature is new React quickly JSX grammar learning React component basics React component communication React component advancement and life cycle In-depth Hooks Learning Redux state management tools react-redux learning React routing This article is reprinted from: https://www.iyouhun.com/post-232.html This site is for inclusion

Original link: https://www.iyouhun.com/post-231.html Type Compatibility in TS TS Type Compatibility Reference Document Two type systems: 1 Structural Type System 2 Nominal Type System TS uses a structured type system, also known as duck typing, where type checking focuses on the shape of a value That is, in a structural type system, two objects are considered

Original link: https://www.iyouhun.com/post-230.html TypeScript is a superset of JS, TS provides all the features of JS, with the addition: type system JS has types (eg, number/string, etc.), but JS doesn’t check if the variable’s type has changed , while TS checks The main advantage of TypeScript’s type system: unexpected behavior in code can be explicitly

Original link: https://www.iyouhun.com/post-229.html React routing – basic usage The most widely used v5 version here, v5 documentation , v5 Chinese documentation NOTE: The v6 version has breaking updates compared to the v5 version! v6 documentation Steps : Install: yarn add react-router- [email protected] Import the three core components of routing: Router / Route / Link Wrap

Original link: https://www.iyouhun.com/post-228.html Introduction to React-Redux Why use the React-Redux bindings library? React and Redux are two separate libraries with separate responsibilities. Therefore, in order to implement state management with Redux in React, a mechanism is needed to link these two separate libraries together. At this time, the binding library React-Redux is used. Function: Access

Original link: https://www.iyouhun.com/post-227.html Redux – Concept Redux is the most commonly used state management tool (state container) in React Documentation: redux Chinese documentation redux english documentation The problem with React: React is just an abstraction layer (UI library) of the DOM, not a complete solution for web applications. Therefore, React is more complicated when it

Original link: https://www.iyouhun.com/post-223.html Introduction to React Components Components allow you to split your UI into independently reusable pieces of code, and think about each piece independently. Components represent some of the functions in the page, and combine multiple components to achieve a complete page. Features : reusable, independent, combinable. Two ways to create React components

Original link: https://www.iyouhun.com/post-222.html Basic Concepts of JSX JSX is short for JavaScript XML , which means writing XML-formatted code in JavaScript. It is the core content of React , it allows us to create elements in React easier, more intuitive, and improve development efficiency. What is JSX? JS extension syntax, XML syntax can be written

Original link: https://www.iyouhun.com/post-221.html Introduction to React Understand the historical background and basic concepts of react React originated as an internal project at Facebook. Because the company was not satisfied with all the JavaScript MVC frameworks on the market, it decided to write one of its own to build the Instagram website. After making it, I