VSCode配置12345678910111213141516171819202122232425262728293031323334353637383940// .prettierrc.jsmodule.exports = { // 一行最多多少个字符 printWidth: 150, // 指定每个缩进级别的空格数 tabWidth: 2, // 使用制表符而不是空格缩进行 useTabs: true, // 在语句末尾打印分号 semi: true, // 使用单引号而不是双引号 singleQuote: true, // 更改引用对象属性的时间 可选值"<as-needed|consistent|preserve>" quoteProps: 'as-needed', // 在JSX中使用单引号而不是双引号 jsxSingleQuote: false, // 多行时尽可能打印尾随逗号。(例如,单行数组永远不会出现逗号结尾。) 可选值"<none|es5|all>",默认none trai ...
书籍汇总
文墨千秋
点墨人间
泼墨山河
醉墨红尘
染墨浮生
论语
山海经
古文观止
东周列国志
茶经
孟子
周易
诗经
封神演义
黄帝内经
老子
尚书·礼记
楚辞
儒林外史
神农本草经
庄子
世说新语
唐诗三百首
聊斋志异
千金方
鬼谷子
左传
宋词三百首
镜花缘
本草纲目
孙子兵法
史记
元曲三百首
红楼梦
汤头歌
三十六计
三国志
纳兰词
西游记
菜根谭
资治通鉴
人间词话
水浒传
了凡四训
中国通史
三国演义
传习录
CSS间隙装饰模块CSS间隙装饰模块在现有column-rule-width、column-rule-style和column-rule-color属性的基础上进行扩展:新值行方法(row direction)的等效属性,将其应用范围延伸至其他容器布局类型,并提供对间隙装饰绘制位置与方式的精确控制。
间隙装饰CSS中多栏容器(multicol)、弹性容器(flex)、网格容器(grid)和瀑布流容器(masonry)等布局方式会将子元素(box)相邻排列,并在它们之间形成间隙(即gap,也称为gutter)。这些间隙可以包含“间隙装饰”(gap decoration),即绘制在相邻子元素之间的视觉分隔元素(例如线条)。
12345678910111213141516.grid-width-spans { display: grid; grid-template: repeat(4, 100px) / repeat(4, 100px); gap: 20px; -webkit-row-rule: 6px solid red; column-rule: 6px solid ...
网络优化配置优化:通过调整构建工具(如Webpack或Vite)的配置,比如代码压缩、Tree Shaking和代码分割,减少打包体积和加载时间。
访问优化:包括图片懒加载、预加载关键资源,以及优化DOM操作,减少渲染阻塞,提升用户体验。
通过减少HTTP请求、启用HTTP/2、使用CDN和缓存策略,提升资源加载速度。
避免巨大的网络负载是Lighthouse的一个审计指标,它指的是前端文件通过网络传输的总大小。
需要实施一个全面的Web性能优化流程:识别特定问题、可视化HTML和CSS文件、压缩和精简代码、减小字体和图片的体积等。
网络负载是指页面从自身服务器或第三方服务器通过互联网下载的所有文件的总和。
优化网络负载需要减少资源的总大小:
移除不必要的资源
找出那些对用户体验没有显著影响的资源,并将它们从页面中移除。
未使用的CSS和JavaScript文件、过大的图片等
减小资源的下载大小
使用压缩工具(如Gzip或Brotli)压缩HTML、CSS和JavaScript文件。
优化图片和字体大小,采用现代格式(如webP和woff2)。
延迟加载资源(Lazy Loa ...
兼容多种渲染场景12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364// /pages/message/index.vue<template><scroll-view scroll-y class="scroll"> <view id="editor" class="editor" v-if="showWebview"></view> <rich-text class="editor" :nodes="selectInfo.details" :preview="true" v-else></rich-text></scroll-view></template>< ...
芝草无根,醴泉无源来源:《酉阳杂居·续集四》人物:李德裕、张九龄典故:三国虞翻-“芝草无根,醴泉无源”
种瓜得瓜,种豆得豆来源:本是一句佛家讲因果报应的用语延伸:善有善报,恶有恶报
张公吃酒李公醉来源:唐周武则天,张公在喝酒,而没有喝酒的李公却醉了。常用来形容一方从中得到了利益,而另一方却空担了虚名。延伸:武则天纳宠,人称面首
宰相肚里能撑船来源:出自王安石之口宰相:秦汉时期成为相国或丞相;隋唐时期以三省长官(中书省、门下省、尚书省)行宰相之职;宋元时以平章事为宰相;明永乐以后以内阁大学士为事实上的宰相;清代则以军机大臣行使宰相的职责。
斩草留根,逢春再发来源:《东周列国志》、《郑伯克段于鄢》
知人知面不知心,画虎画皮难画骨来源:冯梦龙-《警世通言》之“庄周试妻”的故事。“生前个个说恩深,死后人人欲扇坟。画虎画皮难画骨,知人知面不知心。”
智者千虑,必有一失;愚者千虑,必有一得来源:《晏子春秋》
知音说与知音听,不是知音不与弹来源:《警世通言·俞伯牙摔琴谢知音》忆昔去年春,江边曾会君。今年重来访,不见知音人。历尽天涯无足语,三尺瑶琴为君死。
照葫芦画瓢来源:宋代魏泰《东轩笔录》官职须有 ...
全局APInextTick等待下一次DOM更新刷新的工具方法。
在Vue中更改响应式状态时,最终的DOM更新并不是同步生效,而是由Vue将它们缓存在一个队列中,直到下一个tick才一起执行。这样是为了确保每个组件无论发生多少状态改变,都仅执行一次更新。
nextTick()可以在状态改变后立即使用,以等待DOM更新完成。
app.provide提供一个值,可以在应用中的所有后代组件中注入使用。
第一个参数应当是注入的key,第二个参数则是提供的值。返回应用实例本身。
123456import { provide } from 'vue';provide('message', 'hello');// 组件import { inject } from 'vue';inject('message');
app.config.errorHandler用于为应用内抛出的未捕获错误指定一个全局处理函数。
访问Propssetup函数的第一个参数是组件的pro ...
简介
Axios是一个基于Promise网络请求库,作用于node.js和浏览器中。在服务端使用原生node.js http模块,在浏览器段使用XMLHttpRequest。
拦截请求和响应
转换请求和响应数据
取消请求
超时处理
查询参数序列化支持嵌套项处理
自动将请求体序列化为:
JSON(application/json)
Multipart/FormData(multipart/form-data)
URL encoded form(application/x-www-form-urlencoded)
将HTMLForm转换为JSON进行请求
自动转换JSON数据
获取浏览器和node.js的请求进度,并提供额外的信息(速度、剩余时间)
为node.js设置带宽限制
兼容符合规范的FormData和Blob(包括node.js)
客户端支持防御XSRF
API
axios.request(config)
axiox.get(url[, config])
axiox.delete(url[, config])
axiox.head(url[, config])
axio ...
简介Pixi-2D sprite渲染引擎。