JS原型链1234567891011function Person() {}Person.prototype.name = "abc";Person.prototype.sayName = function () { console.log(this.name);};let person = new Person();person.__proto__ = Person.prototype;String.__proto__ = Function.prototype;String.constructor = Function;
原型继承12345678910function Parent() { this.name = "Parent"; this.sex = "male";}function Child() { this.name = "Child";}Child.prototype = new Parent();
构 ...
入口和出口
单个入口12345module.exports = { entry: { main: './index.js', },};
多个入口(数组)123456module.exports = { entry: ['./index1.js', './index2.js'], output: { filename: './dist/bundle.js', },};
多个入口(对象)123456789101112131415161718192021// webpack.config.jsmodule.exports = { entry: { main: './src/app.js', vendor: './src/vendor.js' }};// webpack.prod.jsmodule.exports = & ...
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>< ...
芝草无根,醴泉无源来源:《酉阳杂居·续集四》人物:李德裕、张九龄典故:三国虞翻-“芝草无根,醴泉无源”
种瓜得瓜,种豆得豆来源:本是一句佛家讲因果报应的用语延伸:善有善报,恶有恶报
张公吃酒李公醉来源:唐周武则天,张公在喝酒,而没有喝酒的李公却醉了。常用来形容一方从中得到了利益,而另一方却空担了虚名。延伸:武则天纳宠,人称面首
宰相肚里能撑船来源:出自王安石之口宰相:秦汉时期成为相国或丞相;隋唐时期以三省长官(中书省、门下省、尚书省)行宰相之职;宋元时以平章事为宰相;明永乐以后以内阁大学士为事实上的宰相;清代则以军机大臣行使宰相的职责。
斩草留根,逢春再发来源:《东周列国志》、《郑伯克段于鄢》
知人知面不知心,画虎画皮难画骨来源:冯梦龙-《警世通言》之“庄周试妻”的故事。“生前个个说恩深,死后人人欲扇坟。画虎画皮难画骨,知人知面不知心。”
智者千虑,必有一失;愚者千虑,必有一得来源:《晏子春秋》
知音说与知音听,不是知音不与弹来源:《警世通言·俞伯牙摔琴谢知音》忆昔去年春,江边曾会君。今年重来访,不见知音人。历尽天涯无足语,三尺瑶琴为君死。
照葫芦画瓢来源:宋代魏泰《东轩笔录》官职须有 ...