WEB性能优化 输入baidu.com DNS解析出IP DNS服务优化，花钱 给服务器发http请求 多个tcp连接 连接复用（keep-alive） 服务器查询数据库 SQL优化 数据传输 提高服务器带宽 开启压缩算法gzip 优化文件 优化CSS 优化JS 页面优化 先加载CSS再加载JS 懒加载，先不加载第2屏 预加载，提前加载后一页 缓存 给css/js/

checkbox的妙用 前言 今天在B站看到了一个分享按钮的制作，简单看了一下发现里面有一个很有意思的点 HTML结构 12345678910<div class="mainbox"> <input type="checkbox" id="check" /> <label for="check&

[发财UI]官网装修 Flash Of Unstyled Content 前言 我在网站的CSS中引用了一个Poppins字体，但是导致了网站加载完成后会闪烁一下应用字体 这个现象叫做Flash of Unstyled Content，缩写为FOUC 如何解决 网上找了一圈，发现这个问题很难解决，这是由于在CSS中@import引起的，浏览器就是会在html部分渲染完成后再执行CSS中的@impo

[发财UI] rollup 问题 前言 发财UI已经调试完毕准备rollup，在执行rollup -c的时候出现了一个报错： 解决方法 这是因为rollup的plugins是有顺序的，这里是esbuild没有认出vue的组件，只需要调整rollup.config.js中的plugins顺序 原来： 1234567891011plugins: [ scss({include: /\

[发财UI] 开发日志 Vue3中的props和attributes 1<Button @click="click">按钮</Button> Vue3中默认会将外部的@click="click"传给组件的最外层元素，也就是<button></button>上 123456<template> &l

[发财UI] Message组件的实现 前言 最近在实现Message组件，就是会从屏幕顶端弹出的一个小提醒，过一会儿就消失了。我个人非常喜欢这个设计，感觉在后续的复用性也很高，于是就打算自己手写一个作为发财UI的组件 支持的功能 目前的Message有四种类型： 普通提醒normal 成功提醒success 警告提醒warning 错误提醒error 同时还支持设置持

事件委托：多层子元素如何定位target 背景 做一个动态的导航栏，需要在点击一个导航栏时，将active类转移到我点击的li上， 有多个li，因此想到使用事件委托来实现。 12345678910111213141516<div class="navigation"> <ul id="nav"> <li class=&q

[发财日历] 开发日志 前言 发财日历是一个由纯JS和CSS完成的一个小作品，主要是为了后面项目中作为一个组件复用 目前实现的功能有： 显示日程 日程标记 高亮今日 日期选择 链接 GitHub链接 预览链接 代码分析 整体代码结构 渲染加事件绑定 12345678910111213let currentTime = new Date()render(currentTime)

[React] 基本概念与语法 React起源 React是由Facebook开发，2013年5月开源的一个框架 React VS Vue 相同点 都是对视图的封装，React是用类和函数表示一个组件，而Vue是通过构造选项构造一个组件 都提供了createElement的XML简写，React提供的是JSX语法，而Vue是提供的是模板写法(语法巨多)。 不同点 React是把HTML放在

[React] 类组件/class组件 类组件的基本结构 123456789101112131415class Welcome extends React.Component { constructor(props) { super(props); this.state = { n: 0 }; } rende