2021年2月8日
eslint的实践
摘要： 1.安装eslint，根目录下package.json文件内容如下 { "name": "Eslint_project", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \" 阅读全文
posted @ 2021-02-08 20:40 melimeli 阅读(99) 评论(0) 推荐(0) 编辑
关于babel和webpack结合使用的实践
摘要： 1.webapack和babel的高版本文件配置 1.项目根目录下package.json文件内容如下： { "name": "dive-into-webpack", "version": "1.0.0", "scripts": { "build": "webpack --w" }, "depend 阅读全文
posted @ 2021-02-08 11:29 melimeli 阅读(224) 评论(0) 推荐(0) 编辑
2021年2月7日
前端学习博客
摘要： https://www.cnblogs.com/best/p/10083024.html https://www.cnblogs.com/best/p/10032746.html#_label3_4_3_0 阅读全文
posted @ 2021-02-07 19:52 melimeli 阅读(44) 评论(0) 推荐(0) 编辑
2020年11月16日
css学习4--网格布局
摘要： 网格布局 如下代码，使用网格布局来实现页面 <!doctype html> <head> <style> :root { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } body { background 阅读全文
posted @ 2020-11-16 15:34 melimeli 阅读(105) 评论(0) 推荐(0) 编辑
css学习3--flexbox布局
摘要： Flexbox布局 如下所示的代码，实现了flexbox布局， <!doctype html> <head> <style> :root { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } body { 阅读全文
posted @ 2020-11-16 15:29 melimeli 阅读(106) 评论(0) 推荐(0) 编辑
2020年11月6日
CSS学习2-布局介绍
摘要： 布局介绍 1.浮动布局 本例中，body就是外层容器，因为它默认就是100%的网页宽度，所以不用给它添加新的样式。在body内部，整个网页的内容放在了container容器里面，也就是内层容器。对于内层容器，需要设置一个max-width，并将外边距设置为auto，使内容居中，如下代码 .conta 阅读全文
posted @ 2020-11-06 17:59 melimeli 阅读(186) 评论(1) 推荐(0) 编辑
2020年11月5日
css学习1
摘要： css学习1 1.px，em ,rem, css支持几种绝对长度单位，最常用、最基础的是像素（px）。 css带来的抽象性带来了额外的复杂性。相对单位就是css用来解决这种抽象的一种工具。我们可以基于窗口大小来等比例地缩放字号，而不是固定为14px，或者将网页上的任何元素的大小都相对于基础字号来设置 阅读全文
posted @ 2020-11-05 17:09 melimeli 阅读(104) 评论(0) 推荐(0) 编辑
2020年10月20日
前端性能优化
摘要： https://blog.csdn.net/xmxt668/article/details/102529583 2-1 为什么要进行Web性能优化【企业刚需】 网页速度快，才可以吸引更多的用户，用户体验才可以。 搜索排名，会优先考虑高性能网站。 寻找性能瓶颈 了解性能指标--多快才算快 利用测量工具 阅读全文
posted @ 2020-10-20 18:08 melimeli 阅读(208) 评论(0) 推荐(0) 编辑
2020年10月16日
line-height介绍
摘要： 1.line-height的定义 line-height--行高，2行文字基线之间的距离。 什么是基线？为何是基线？需要2行吗？ 为何 line-height可以让单行文本垂直居中？不一定 2.line-height与行内框盒子模型 所有内联元素的样式表现都与行内框盒子模型有关！比如浮动的图文环绕效 阅读全文
posted @ 2020-10-16 11:43 melimeli 阅读(435) 评论(0) 推荐(0) 编辑
2020年10月15日
position定位
摘要： 学习position，了解一下标准流，定位和参数，实现网页布局和层级 2.1 文档流 HTML中的三种布局方式 标准流 浮动 定位 标准流是网页中默认的布局方式，即顺序布局。 HTML中的两大元素： 块级元素有：div，H1~H6，有序无序列表（ol,ul,li)，table表格，p段落 内联元素有 阅读全文
posted @ 2020-10-15 15:48 melimeli 阅读(236) 评论(0) 推荐(0) 编辑
下一页