y1059477028的博客

原创 vue路由传参之使用query传参页面刷新数据丢失问题解析

在query传参的时候可能会遇到一个问题：当传递参数为对象时，第一次跳转数据是没问题的，但第二次刷新页面数据会变为[object object]要跳转的传参页：先将数组转换为字符串。这样转换一下刷新后数据就不会丢失。

原创 vue自定义指令

原创 插槽slot笔记截图

默认插槽1：默认插槽2：默认插槽3：具名插槽：

原创 视频截图路由router笔记

router配置项：编程式路由导航1：编程式路由导航2：路由的params参数1：路由的params参数2：路由的query参数：路由守卫1：路由守卫2：路由组件内守卫：先执行路由守卫再执行生命周期deactivated：

原创 视频截图vuex笔记

vuex配置项：vuex模块化1：vuex模块化2：vuex中getters使用：vuex中mapState用法1：vuex中mapState用法2：vuex中辅助函数1： vuex中辅助函数2：

原创 在 uniApp 项目中，使用 echarts tooltip 时无法解析 html 标签的问题

uniapp中的“WX”变量名对echarts中的“WX”变量名造成了污染，即命名冲突。

原创 uni-app，解决APP中echarts图表的tooltip提示框功能失效问题

这种办法虽然可以解决tooltip不显示的问题，但是如果项目中使用了富文本标签的话（如uView中的富文本组件），控制台就会报错，

原创 福利来了！html类名大合集二，需要的快收藏！

1、服务模块 class="mod_service" 2、class="icon_1"3、 class="service_txt" 1、class="links"2、class="mod_copyright"

原创 福利来了！html类名大合集一，需要的快收藏！

1、下拉菜单模块：class="dropdown" class="dt" class="dd"2、导航项目：class="navitems"1、class="fl" （左浮动）2、class="fr"（右浮动）

原创 解决：当浏览器窗口缩小时，文本内容被“挤”下来的问题

1、头部如何布局第一步 设置头部版心宽度；第二步 将头部分成两个部分，一个左浮动和另一个右浮动。2、版心横幅、登录区如何布局？先给横幅（绿色线）设置宽度（版心宽度）和高度，然后设置横幅背景图片；最后，给登录模块（蓝色线）设置右浮动 即可贴在版心右侧。

原创 html影视详情页布局分析

先向下移动父盒子高度的50%，然后再向上移动自身高度的50%，即可在父盒子里垂直居中。注：上绿线表示header头部 ，下绿线表示主题内容区；3、行内元素如何右对齐？

原创 HTML中背景精灵效果是如何实现的？

案例项目来自12306网站子导航

原创 HTML中如何制作table表格？

【代码】HTML中如何制作table表格？

原创 html下拉选项框如何制作？

【代码】html下拉选项框如何制作？

原创 什么是BFC？开启BFC后，对元素有什么作用？如何开启BFC？

当开启元素的BFC以后，元素会变成一个独立的布局区域，不会在布局上影响到外面的元素。可以解决问题，但是会导致宽度丢失，而且会出现三像素的空白问题，不推荐使用这种方式。1.父元素的外边距不会和子元素重叠 (解决父子外边距重叠的问题)；3.开启BFC的元素可以包含浮动的子元素（可解决父元素高度塌陷）。元素也会脱离文档流，虽然可以撑开父元素，但是会导致父元素的宽度丢失。使用这种方式开启，虽然可以撑开父元素，但是会导致父元素的宽度丢失。而且使用这种方式也会导致下边的元素上移，不能解决问题。

原创 编写学校课程导航

“网络营销”所在栏下面没有“下边框”，所以最后一个li给类选择器，利用选择器权重大小的关系去除最后一个li下边框。

原创 CSS中如何设置盒子边框的圆角和阴影

第一个值：水平偏移量 正->左 负->右 ，必选；第二个值：垂直偏移量 正->下 负->上 ，必选；如果盒子的宽和高相等，那么可将border-radius：50%，即可设置圆形。第四个值：颜色 默认是黑色，可选。第三个值：模糊半径 默认0px，可选；，用来设置元素的阴影效果，不会影响到页面布局。盒子阴影后面可跟1-4个数值，意义分别如下。

原创 CSS盒子模型

正值 元素自己不动，其靠下的元素向下移动，负值 元素自己不懂，其靠下的元素向上移动。网页是一个多层的结构,设置样式样式，也是一层一层的设置，最终我们看到的最上面的一层。影响盒子大小的因素：内容区，内边距，边框会影响盒子的大小，外边距不会影响。边框属于盒子边缘，边框里面属于盒子内部，出了边框都是盒子的外部。边框属于盒子边缘，边框里面属于盒子内部，出了边框都是盒子的外部。设置边框必须指定三个样式 边框大小、边框的样式、边框的颜色。设置边框必须指定三个样式 边框大小、边框的样式、边框的颜色。

原创 利用html编写网站中的新闻快报模块

2、“京东快报”所在栏是标题栏，所以使用H标签，注意后面的超链接“更多”也要包在H标签内；4、li标签要包含两个span行内标签，因为需要代表不同类型的内容。1、首先使用div块标签包住整个内容区， 即红色外框线；3、标题下方为列表内容区，使用ul列表标签；编写代码之前首先要进行结构分析 ，如下右图。表示每个列表项里的具体内容。代表整个盒子模块的最外层；可以看成每个列表项；

原创 HTML中如何解决图片三像素问题？

【代码】HTML中如何解决图片三像素问题？

原创 商城左侧导航栏如何制作？

该导航栏主要由a标签和超链接伪类标签构成，但是a标签是行内元素，如何将a标签竖向排列是首先考虑的问题；解决办法：先把a标签转成块元素，然后再设置背景颜色和行高。

原创 HTML中长度和颜色的单位分别有哪些？

1、在CSS可以直接使用颜色的单词来表示不同的颜色，red、green、yellow等，一些简单的颜 色可以用英文单词，但它不是很方便，一则单词太多，二则颜色也不好描述,三则太low；如果我们把一个内容放大很多倍，就可以看到了，在pc端（电脑端），一般情况下1px=1个 发光点，也是我们最常用的长度单位，它是固定单位；rgb（red，green，blue）浓度0-255，这个具体数值不需要记，一般是设计师设计好，或者直 接吸取颜色；

原创 css选择器的权重

通过不同的选择器选中同一个元素，进行一样的样式设定发生样式冲突时，应用哪一个样式由选择器的权重（优先级）决定。4、选择器的累加，不会超过上一级数量级， 例如：类选择器再高也不会超过id选择器 量变达不到质变；1. 在行内写入!1、比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高，则优先显示；6.通配符、子选择器、相邻选择器等。3、 如果优先级计算后相同，此时则优先使用靠下的样式；2、 (并集选择器)分组选择器是单独计算的；一般来说选择器越具体，优先级越高。

原创 CSS选择器的种类

属性名^=属性值]{ } 选择属性值以指定值开头的元素。[属性名=属性值]{ } 选择含有指定属性和属性值的元素。[属性名$=属性值]{ } 选择属性值以指定值结尾的元素。[属性名*=属性值]{ } 选择属性值含有某值的元素。例如：div>p，#big>p{ }，即父元素与子元素之间加>比如：第一个元素，被点击的元素，鼠标移入的元素。注意：如果选择器中有元素选择器，那么元素选择器必须放在第一位，语法：选择器1，选择器2，选择器3····{ }，语法：选择器1选择器2选择器3····{}

原创 标题：网页结构

写在html外第一行的位置，告诉浏览器程序员所编写的代码是按照html的规范进行编写，浏览器也要按照html规范给我编译，防止浏览器在编译代码时，陷入怪异模式，从而出现乱码。被浏览器提前征用，在程序员想使用的时候，需要用一些额外的字符表示这些特殊的字符。浏览器在编译的时候，有一些特殊的字符，例如空格、大于号、小于号等等。这些额外的字符就叫实体。2、网页结构——文档声明。3、网页结构——meta。1、最简单的网页结构。