摘要: Web 传输的内容当然是越少越好,最近一段时间的工作一直致力于 Web 性能优化,这是我近期使用过的一些缩减 Web 体积的手段 这些手段主要是为了减少 Web 传输的内容大小,只有干货 ## CSS ### 🐛 删除无用的样式 在使用 UI 库的时候,UI 库提供的样式并不是所有的都会使用到 例 阅读全文
posted @ 2021-03-01 14:04 by.Genesis 阅读(2489) 评论(2) 推荐(10) 编辑
摘要: Promise 是 ES2015 新增的对象 Promise 对象有几个组合方法,可以将多个承诺合并成一个进行处理 分别是 Promise.all, Promise.race, Promise.allSettled, Promise.any 这些方法都可以接收一组承诺,返回一个新的承诺 Promis 阅读全文
posted @ 2020-12-05 17:46 by.Genesis 阅读(428) 评论(1) 推荐(3) 编辑
摘要: 手把手教你快速搭建基于 webpack 以及 Vue 开发环境 阅读全文
posted @ 2019-09-26 14:51 by.Genesis 阅读(1285) 评论(0) 推荐(4) 编辑
摘要: 单选/复选框是 Web 应用常用控件,随处可见,原生的单/复选框控件的外观一般都不怎么美观,有些时候,原生的控件模样并不能满足设计要求,这时需要更为精致的控件样式,我们更希望其样式可以允许自定义。 CSS3 新增了一个伪类选择器 ,用于选择被勾选的单/复选框,利用该选择器可以分别为未选中和选中状态的 阅读全文
posted @ 2016-08-25 20:55 by.Genesis 阅读(1956) 评论(2) 推荐(2) 编辑
摘要: 图像是 Web 重要组成部分,将图像优化好了性能问题就解决了至少一半 要在 Web 网页上放置图像,我们需要使用 <img> 元素。这是一个空元素,它需要指定一个 src 属性。如果图像名为 avatar.jpg 并且它与您的 HTML 文档位于同一路径中,则可以按如下方式引入: <img alt= 阅读全文
posted @ 2022-02-18 10:25 by.Genesis 阅读(357) 评论(0) 推荐(0) 编辑
摘要: ES2015 也叫 ES6,区别只是一个是以发布的年份来命名,一个是以版本号来命名 从那以后组织每年都会发布一个新版本,根据这个规则,ES2016 ES7... ES2020 ES11 但通常我习惯将 ES2015 及其后续版本统称为 ES2015+,也可以叫 ESNext 变量声明 ES2015 阅读全文
posted @ 2021-06-22 17:45 by.Genesis 阅读(614) 评论(2) 推荐(1) 编辑
摘要: 手把手教你快速搭建基于 webpack 以及 Vue3.0 开发环境 阅读全文
posted @ 2020-07-09 12:34 by.Genesis 阅读(8731) 评论(1) 推荐(3) 编辑
摘要: 总结遍历对象的各种方式 阅读全文
posted @ 2020-06-16 13:31 by.Genesis 阅读(1835) 评论(4) 推荐(2) 编辑
摘要: Flex 是 CSS3 推出的一种布局方式,到现在为止已经有超过十年时间了,所有现代浏览器都已经支持了,详细参考CanIUse 给一个元素的 display 属性设置为 flex 就可以给这个元素开启 Flex 布局,其内部的子元素将会受到影响 .box { display: flex; } 给这个 阅读全文
posted @ 2020-04-10 20:09 by.Genesis 阅读(455) 评论(0) 推荐(1) 编辑
摘要: web 端上传需要了解的 阅读全文
posted @ 2019-11-19 09:13 by.Genesis 阅读(1596) 评论(4) 推荐(15) 编辑
摘要: Cookie Cookie 是一种非常基础的客户端存储方式,得到广泛的支持 创建多个 cookie 的方法 document.cookie = 'name=Jim' document.cookie = 'age=18' 当创建多个 cookie 时只能像这样一个一个地创建,无法一次性创建多个 同一名 阅读全文
posted @ 2019-09-29 14:35 by.Genesis 阅读(374) 评论(1) 推荐(0) 编辑