坚持学前端的博客_笔记(4)

css的flex与绝对定位的秒用

$color: #666666;@mixin Center($direction: row) { display: flex; just

css

定位

文档流

firefox

h5

原创 2022-08-19 11:38:01 249 阅读

vue与react分析

vue数据：双向绑定data使用视图模板template编译re

react

vue

数据

钩子函数

函数调用

原创 2022-08-19 11:37:54 18 阅读

js生成二维码

<!DOCTYPE html><head><title>Javascript 二维码生成库：QRC

javascript

html

二维码生成

原创 2022-08-19 11:37:27 57 阅读

前端的性能优化

前端优化中与 DNS 有关的有两点：一个是减少DNS的请求次数，另一个就HTTP的请求数量。http

http

web

短连接

移动端

编程方法

原创 2022-08-19 11:37:06 40 阅读

数组对象去重使用Map

var arr = [{ a: 1, d: 2 }, { a: 2, d: 3 }, { a: 3, d: 1 },

js

插入图片

原创 2022-08-19 11:36:31 72 阅读

树循环demo

oo

原创 2022-08-19 11:36:05 10 阅读

js滚动条上拉动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m

js

html

回调函数

递归

原创 2022-08-19 11:35:58 61 阅读

echarts雷达图

<template> <div class="safety-main"> <div ref="box" style="width:10

数据可视化

ico

宽高

背景图片

原创 2022-08-19 11:35:54 791 阅读

JavaScript判断属性存在自身或者原型对象

let foo = {a:12}var bar = Object.create(foo) // 创建对象继承foo通过原型的方式

js

javascript

原型对象

创建对象

原型链

原创 2022-08-19 11:35:48 120 阅读

async与await的理解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

iterator

指针

generator

html

封装

原创 2022-08-19 11:35:44 104 阅读

JavaScript小型递归

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta

javascript

html

原创 2022-08-19 11:35:39 39 阅读

css文字图片按钮环绕

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

css

html

5e

移出

原创 2022-08-19 11:35:29 1352 阅读 1收藏

js一维数组转化成树结构

/** * 一循环数组 * 二对比字节pid * 三递归数组与父id * 四赋值数组

javascript

数组

递归

赋值

原创 2022-08-19 11:34:47 71 阅读

js拖动文件-复制文件-上传

拖动文件dropAreaEle.addEventListener("drop", handleDrop, false); func

js

多文件

复制文件

文件上传

原创 2022-08-19 11:34:37 104 阅读

html背景图片按比例占据页面

background-size：100% 100%;—按容器比例撑满，图片变形；backgrou

html

css

背景图片

缩放

原创 2022-08-19 11:34:33 248 阅读

js里typeof的使用

typeof 可以直接判断根据变量拿到的值但是不能直接去写内置对象直

js

内置对象

返回函数

原创 2022-08-19 11:34:25 38 阅读

js简单轮播

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

js

html

原创 2022-08-19 11:34:20 39 阅读

js防抖节流输入框

```javascript<!DOCTYPE html><html lang="en"><head> <meta charset=

数组

html

递归

原创 2022-08-19 11:33:16 77 阅读

express视频流

const express = require('express')const app = express()const video = './movie.

nodejs

ide

原创 2022-08-19 11:33:02 297 阅读

foreach抛出错误终止循环

[1, 2, 3].forEach(a => { if (a > 1) { console.log(a); return } else { co

js

原创 2022-08-19 11:32:57 206 阅读

js的reduce与匿名函数创建对象

let a = [{ c: 1, q: 2 }, { c: 4, d: 5, e: 1 }] let b = [{ c: 1, r: 1 }, { c: 4, d: 22, t: 1 }]

javascript

原创 2022-08-19 11:32:53 66 阅读

JavaScript正则学习-1

用正则表达式进行搜索单个字符 a\d\w\s 元字符用于查找空白字符对应

正则表达式

元字符

回调函数

原创 2022-08-19 11:32:50 104 阅读

对象字面量与构造对象的this

var data = { msg: "外部", }; var b = "123"; let obj1 = { a: func

js

原创 2022-08-19 11:32:41 32 阅读

js倒计时与超时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

javascript

html

原创 2022-08-19 11:32:37 45 阅读

css文本超过宽度隐藏加上省略号

css

原创 2022-08-19 11:32:02 271 阅读

vue源码的stateMixin学习--1

创建一些api data props set del watchfunction stateMixin(Vue) { // flow so

vue.js

javascript

树结构

嵌套

生命周期

原创 2022-08-19 11:31:57 63 阅读

jQuery请求Ajax

$(function () { $('#but').on('click', function (e) { console.log(e, '123')

ajax

jquery

javascript

php

表单

原创 2022-08-19 11:31:50 207 阅读

async await与for

js

原创 2022-08-19 11:31:34 57 阅读

vue的set与delete的api

let obj = new vue({data: function (){return {msg:'123'，arr:[]}}})obj.msg = 123不会触发响应式改变的同步更新视图因为只有date里面的数据才会触发所以为了避免这样的结果vue推

vue

数组

数据

新视图

原创 2022-08-19 11:31:13 76 阅读

网页优化

网页优化有首次加载优化，有图片加载更新优化，有请求

javascript

加载

css

服务器

原创 2022-08-19 11:30:57 78 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

qq62ff007562b6c的博客

css的flex与绝对定位的秒用

vue与react分析

js生成二维码

前端的性能优化

数组对象去重使用Map

树循环demo

js滚动条上拉动画

echarts雷达图

JavaScript判断属性存在自身或者原型对象

async与await的理解

JavaScript小型递归

css文字图片按钮环绕

js一维数组转化成树结构

js拖动文件-复制文件-上传

html背景图片按比例占据页面

js里typeof的使用

js简单轮播

js防抖节流输入框

express视频流

foreach抛出错误终止循环

js的reduce与匿名函数创建对象

JavaScript正则学习-1

对象字面量与构造对象的this

js倒计时与超时

css文本超过宽度隐藏加上省略号

vue源码的stateMixin学习--1

jQuery请求Ajax

async await与for

vue的set与delete的api

网页优化