- 博客(13)
- 问答 (2)
- 收藏
- 关注
转载 基于vue cli搭建项目的生成文件的作用
1.build文件夹:打包配置的文件夹 1.1 webpack.base.conf.js :打包的核心配置 1.2 build.js:构建生产版本,项目开发完成之后,通过build.js打包(加载base与prod,读取完之后通过webjpack命令对项目进行打包) 1.3 webpack.prod.conf.js:被build.js调用,webpack生产包的一个配置。基础代码都在1.1里面写,1.3是对1.1的扩展与补充 1.4 dev-client.js:热更新的插件,进行对客户端进.
2021-06-04 15:35:35
197
转载 浮动之块级元素,内联元素
块级元素顾名思义就是以块显示的元素,高度宽度都是可以设置的。比如我们常用的div、p、ul默认状态下都是属于块级元素。块级元素比较霸道,默认状态下每次都占据一整个行,宽度始终是与浏览器宽度一样,块级元素之所以会单独占据一行是因为它们前后默认有换行符(看不到)。它可以容纳内联元素和其他块元素。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的,float也具有此功能,设置float后,就不用再display:block;了,浮动后元素自动就拥有了块元素的属性了
2021-06-04 15:31:20
652
1
转载 margin-top和margin-bottom会合并的条件
在进行css样式编写时,上下两个div设置margin-top与margin-bottom时会出现两种情况。一种是margin-top与margin-bottom会合并,值为两者较大的那一个,另一种情况是两者值的叠加,那么这两者都放生在什么条件下呢,请看下面:水平情况下margin不会合并。两个上下渲染相邻(不一定是兄弟节点)的块状元素在正常页面流情况下会发生 margin 合并。浮动元素不会和任何元素(包括子孙节点)发生 margin 合并。overflow!=visible的元素
2021-06-04 15:28:43
1418
1
原创 Echarts之饼图制作
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入本篇主要讲解通过echarts制作一个饼图时所用到的一些代码,及所用到代码的详细作用,记录自己的echarts学习过程,同时
2021-03-04 17:39:28
2085
3
原创 对HTML语义化的理解
1、用正确的标签做正确的事情;2、HTML语义化使页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎的解析;3、即使在没有css样式的情况下,依旧可以以文档格式显示,并且是容易阅读的;4、搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO(搜索引擎优化);5、是阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。...
2020-06-14 14:29:38
217
原创 web存储对象:sessionStorage和localStorage
计算点击按钮次数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>this</title></head><body> <butt
2020-06-14 14:06:26
258
原创 DOM--innerHTML属性用法
innerHTML属性的用法有两个:1、返回表格行的开始和结束标签之间的HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2020-06-04 09:05:17
351
原创 canvas之十字架,beginPath()的作用
本次我们主要讲两点:一点是如何绘制十字架,另一点是beginPath()的作用。用canvas绘制十字架并不难,首先我们要对其必要的元素坐标胸有成竹,我们可以在画板上画出并标出必要地方的元素坐标,如下所示(右侧是坐标轴):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-05-25 21:46:25
2103
原创 画布(canvas)之线段(line)的绘制
本篇博客是向大家介绍Html5中的canvas(画布)和如何在画布上画一条线段。何为canvas:根据其中文意思—画布,我们很容易明白它是用于支持画笔图画的载体。只不过在这里的画布是一个矩形区域,我们通过控制矩形区域中的每一个像素实现绘图。具体的说,html5的canvas元素通过使用JavaScript在网页上绘制图像。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2020-05-25 20:23:03
2435
原创 三元运算符
在日常工作中,为了提高工作效率,我们通常会用数字代替我们所要表达的文字叙述。例如我们在创建商品数据库时,通常会用“0”,“1”等数字代表商品状态(为了读者更好的理解,临时写的几个商品相关的数据,如下所示:) 但是这些数据最终都是要返回到前端展现给用户看的,所以我们不可能直接向用户展现“0”、“1”、“2”这些数字。这时候我们便可以通过三元运算符来将数字转变成文字叙述这一行代码便是告诉程序将“0”以“未上架”、“1”以“已上架”、“2”以“已下降”的文字语言展示于前端,接下来让我们看一下成果
2020-05-24 13:08:06
175
空空如也
在使用:not()选择器时,冒号前需要加空格吗?
2020-10-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人