Vue basic learning
Quoted from: https://mrbird.cc/Vue-Learn-Note.html mrbird boss blog
Getting started with Vue
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>todoList</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script></head><body><di ...
Posted by kevintynfron on Mon, 17 Jan 2022 16:05:36 +0100
Learn the front end from scratch: CSS background color - did you learn today? (Day09)
Learn the front end from scratch: CSS background color - did you learn today? (Day09)
review: Learn the front end from scratch: CSS font properties and text properties - did you learn today? (Day08)
preface
Lesson 9: CSS background color
With CSS background properties, you can add background styles to page elements. The background attrib ...
Posted by nitharsanke on Mon, 17 Jan 2022 15:01:40 +0100
Type annotation for TypeScript -- (TypeScript 02)
Type annotation in TS
Basic type: boolean string number null undefined symbol any neverObjects: interfaceArray: number[] string[] boolean []Writing method of generic type: array < number >
New syntax features brought by TS
as assertionClass (three object-oriented features of OOP): encapsulation, inheritance and polymorphism There are o ...
Posted by shai1 on Mon, 17 Jan 2022 13:52:07 +0100
Ajax introduction, encapsulation, synchronous and asynchronous & Ajax related interview questions
1, Introduction to Ajax
(1) What is Ajax?
Ajax = asynchronous JavaScript and XML;Ajax is a technology for creating fast and dynamic web pages;Ajax can make web pages update asynchronously by exchanging a small amount of data with the server in the background. This means that a part of the web page can be updated without reloading the whole we ...
Posted by kevdotbadger on Mon, 17 Jan 2022 11:21:19 +0100
web development technology training school, how should front-end development prepare for interview
function
call
Syntax: FN call(obj,…args)Function: execute fn, make this obj, and pass the following n parameters to fn
Function.prototype.myCall = function (obj, ...args) {
if (obj == undefined || obj == null) {
obj = globalThis
}
obj.fn = this
let res = obj.fn(...args)
delete obj.fn
return res
}
value = 2
let foo = { ...
Posted by korion on Mon, 17 Jan 2022 10:51:49 +0100
Getting started with WEB (HTML summary)
html is a hypertext markup language, which is used to write the structure of web pages. A simple web page can be realized by combining CSS (modification of web page structure) and JS (adding some functions to web pages).
structure
<html>
<head>
<title>Page title</title>
</head>
<body> ...
Posted by casey_00 on Mon, 17 Jan 2022 09:46:04 +0100
Vue3 learning journey -- love Vue3--Vue3 basic syntax -- template syntax -- conditional rendering -- list rendering -- why Vue's v-for needs to bind the key attribute
Vue3 learning journey – falling in love with vue3 – vue3 basic grammar (II) – template grammar
Continued: Vue3 learning journey – meet vue3 - learn about vue3
Vue3 learning journey – meet vue3 - know vue3 (II)
Vue3 learning journey – falling in love with vue3 – vue3 basic syntax (I) – and basic ...
Posted by creativeimpact on Mon, 17 Jan 2022 08:59:05 +0100
Front end learning lesson 14 (CSS animation and transition effects)
1. transition
It is the transition of an element from a value (red) of this attribute (color) to another value (green) of this attribute (color). This is a state transition. A condition is required to trigger this transition, such as hoever,: focus,: checked, media query or JavaScript.
Syntax: Transition: Property duration timing function del ...
Posted by pod2oo5 on Mon, 17 Jan 2022 07:21:06 +0100
CSS secret: how to improve the user's visual experience only with CSS?
catalog:
1,Expand clickable area
2,Custom check box
3,Through shadows/Blur to weaken the background
4,Scroll prompt
1. Expand clickable areaThe clickable area of some buttons is very small. For user interaction, CSS needs to be used to exaggerate their clickable area.For the simple button shown below, we want to expand the clickable area by 10p ...
Posted by zak on Sun, 16 Jan 2022 20:21:46 +0100
web development source code, module notes that a qualified junior front-end engineer needs to master
Concept: Redis is an open source high-performance key value pair database developed in C language.
features:
There is no necessary connection between the dataThe internal uses single thread mechanism to workHigh performanceMulti data type support
String type stringList type listHash type MapCollection type SetOrdered collection type Sorted ...
Posted by Mce on Sun, 16 Jan 2022 19:04:38 +0100