Getting Started with the web Front End to Practice: Pure HTML for Several Useful web Page Effects

Many of the page effects we've seen before require JS to work together, but in this article, I'll show you how to use pure HTML to create your own useful effects. 1. ** Fold the accordion** Using Details and Summary tags, you can create a collapsible accordion without JavaScript code. Effect:   HTML <details> <summary>Languages Us ...

Posted on Sat, 16 Nov 2019 20:13:18 -0500 by TRI0N

Create a react project from scratch

First, create a folder, open the terminal input 1 create-react-app myapp Wait for the project to be built, after the project is built 1 cd myapp //Enter the created project folder 2 3 yarn start //Start the project, or 4 5 npm start After deleting unnecessary files, combing needs to install those dependencies 1. React route ...

Posted on Mon, 28 Oct 2019 12:23:24 -0400 by pbarney

Simple installation and use of gulp

1. Flow based automated build tool. 1. Install gulp globally `npm install --global gulp` 2. Installation as a project development dependency `npm install --save-dev gulp` 3. Create a file named gulpfile.js in the root directory of the project: `var gulp = require('gulp'); gulp.task('default', function() { // Put your default task code here }) ...

Posted on Tue, 22 Oct 2019 16:02:13 -0400 by dave007

Common tasks of gulp 4.x

1. Directory structure: Dependency packages that need to be installed: (1) first install gulp gulp official website according to official website: https://gulpjs.com/docs/en/getting-started/quick-start (English) (2) Install gulp-sass: NPM install gulp-sass -- save-dev (3) Install js compression plug-i ...

Posted on Tue, 08 Oct 2019 16:42:14 -0400 by cnagra

Introduction to the most complete Webpack in history

@[toc] Installation and Introduction of Webpack 1.1 what is Webpack? Web pack is the most popular module packaging tool in modern front-end development. It only needs simple configuration to complete module loading and packaging. Official website documents Webpack is a front-end resource loading/packaging tool. It will do static analysis accor ...

Posted on Tue, 08 Oct 2019 16:12:12 -0400 by Kingw

Without JS, teach you how to use pure HTML to make several practical web page effects.

For reprinting, please indicate the source: Grape City Official Website Vineyard provides developers with professional development tools, solutions and services, enabling developers. Among the page effects we have seen in the past, many of them need to be used with JS. Today, in this article, I will introduce how to use pure HTML to create the ...

Posted on Mon, 23 Sep 2019 03:19:42 -0400 by co.ador

React + Ts to Realize Three-chess Game

It's better to read here. Do you remember the time when you played chess with your deskmate on draft paper? Today we're going to revisit young people with code (assuming you have a react foundation, no, as long as you have any of the three frameworks, it's not difficult to start react). Rules of the game Each side holds one son, and the game e ...

Posted on Thu, 12 Sep 2019 02:42:11 -0400 by skip

6. Mixing instructions

Mix in Mixing defines styles that can be reused throughout the stylesheet, avoiding the use of silent classes, similar to the js approach Mixing can take arguments, introduce variables, and output a variety of styles with only a small amount of mixin code Mixing is defined by the @mixin instruction. It is followed by the name of the mix, ...

Posted on Tue, 10 Sep 2019 02:27:43 -0400 by Chrysanthus

Introduction of Template Preprocessor in vue-loader

A vue-loader is a loader for a webpack that converts Vue components written in a specified format to JavaScriptModular At the same time, vue-loader supports non-default languages, and by setting the lang property of the language block, you can use specified preprocessors, such as the most common sass syntax: <style lang="sass"> ... &l ...

Posted on Tue, 03 Sep 2019 12:12:38 -0400 by Brendan

JS Supplementary - Regular and Common Style Library

Bootstrap - Recommendation!Bootstrap 4 is currently the latest version of Bootstrap, an open source toolkit for HTML, CSS and JS development. With our Sass variables and a large number of mixin s, responsive raster systems, scalable prefabricated components, and powerful plug-in systems based on jQuery, you can quickly prototype your ideas or ...

Posted on Sat, 24 Aug 2019 02:14:05 -0400 by tuf-web.co.uk