51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

CSS盒子模型

CSS盒子模型

厉飞雨 阅读(15) 评论(0) 赞(3)

> 文章已同步至掘金:<https://juejin.cn/post/6844903890932989959> > 欢迎访问😃,有任何问题都可留言评论哦\~ 盒子模型(Box Model) {#%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B(box-model)} ----------------------------...

Flex布局(CSS)

Flex布局(CSS)

厉飞雨 阅读(10) 评论(0) 赞(3)

> 文章已同步至掘金:<https://juejin.cn/post/6844903846511116296> > 欢迎访问😃,有任何问题都可留言评论哦\~ Flex(Flexible Box)布局 称为 "弹性布局",可以为网页的布局提供最大的灵活性,取代了往常的 浮动(float) 布局,并且任何一个容器都可以设置 Fle...

CSS选择器

CSS选择器

厉飞雨 阅读(16) 评论(0) 赞(2)

> 文章已同步至掘金:<https://juejin.cn/post/6844903890702303246> > 欢迎访问😃,有任何问题都可留言评论哦\~ ### ID选择器 {#id%E9%80%89%E6%8B%A9%E5%99%A8} **用法:** * id 选择器以 "#" 来定义。 * 标签需要使用 id=&...

HTTP前端性能优化(压缩与缓存)

HTTP前端性能优化(压缩与缓存)

厉飞雨 阅读(9) 评论(0) 赞(3)

> 文章已同步至掘金:<https://juejin.cn/post/6844903940316725255> > 欢迎访问😃,有任何问题都可留言评论哦\~ 压缩 {#%E5%8E%8B%E7%BC%A9} ------------------------ ### 适合压缩的文件类型: {#%E9%80%82%E5%90%88%E5%8E%8B...

前端性能优化

前端性能优化

厉飞雨 阅读(24) 评论(0) 赞(2)

![web-performance-optimization-1](http://static.51tbox.com/static/2024-11-14/col/90bd545aa9b679fc57e0eddabc2efa9b/341fb65e92d24d3c803c64cfc255ff4a.jpg.jpg) 所有的`性能优化`都围绕着`两大层面两小层面`实现,核心层面是`网...

前端工程化 - 快速通关

前端工程化 - 快速通关

厉飞雨 阅读(15) 评论(0) 赞(3)

1. ES6 {#1-es6} =============== * ECMAScript(ES) 是规范、 JavaScript 是 ES 的实现 * ES6 的第一个版本 在 2015 年 6 月发布,正式名称是《ECMAScript 2015 标准》(简称 ES2015) * ES6 指是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2...

前端手记

前端手记

厉飞雨 阅读(15) 评论(0) 赞(4)

VSCode快捷键 {#vscode快捷键} ---------------------- | 快捷键 | 作用 | |:----------------:|:------------:| | Ctrl+Shift+P ,F1 | 展示全局命令面板 | | Ctrl+P | 快速打开最近打开的文件 |...

Vue Class与Style绑定

Vue Class与Style绑定

厉飞雨 阅读(12) 评论(0) 赞(3)

> 文章已同步至掘金:<https://juejin.cn/post/6844903962286669837> > 欢迎访问😃,有任何问题都可留言评论哦\~ 操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 `v-bind` 处理它们:只需要通过表达式计算出字符串结果即可。 表达式结果的类型除了字符串...

Vue移动端适配方案

Vue移动端适配方案

厉飞雨 阅读(12) 评论(0) 赞(3)

> 文章已同步至掘金:<https://juejin.cn/post/6899365984617332750> > 欢迎访问😃,有任何问题都可留言评论哦\~ 在移动端,通常都会使用 **REM + FLEX布局** 来实现移动端的完美适配。 rem就是根元素(html)的 `font-size` 属性。 Flex布局请参考:**[Flex 布...

Vue中使用vue-quill-editor富文本编辑器

Vue中使用vue-quill-editor富文本编辑器

厉飞雨 阅读(10) 评论(0) 赞(1)

> 文章已同步至掘金:<https://juejin.cn/post/6844903936965476366> > 欢迎访问😃,有任何问题都可留言评论哦\~ [GitHub文档](https://github.com/surmon-china/vue-quill-editor) 使用步骤 {#%E4%BD%BF%E7%94%A8%E6%AD%A...