- 博客(17)
- 收藏
- 关注
RSS订阅原创 uni-app中获取生命周期的函数返回值
1，获取生命周期的函数返回值，需要用到数据缓存，在生命周期函数中设置缓存比如：uni.setStorage，在其他页面获取就得要设置const value = uni.getStorageSync(‘storage_key’);2,组件的生命周期函数，不能去使用页面的生命周期函数，组件有自己单独的生命周期函数，也是可以使用的...
2020-04-24 18:04:41
1648
原创 uni-app中让input标签在点击时清空
<input type="text" :value="inputValue" @focus="vauleEmpty"/>1，动态的绑定value并为其将值设置为inputValue属性，因为默认的值是搜索商品名称或品牌2,@fous属性是uni-app中方法，当input标签获得光标时，就会触发valueEmpty方法methods:{ valueEmpty(e){ ...
2020-04-23 22:48:11
9681
1
原创 解决uni-app中image无法作为背景图来使用
在uni-app中是没有背景图这个属性的，所以就要用上定位的方式将其定位上去，再用z-index来提高层级，如果是将图片铺满整个屏幕的话，那么就要给image套上一个父盒子，再设置父盒子的width：100vw，和height：100vhni-app中是没有背景图这个属性的，所以就要用上定位的方式将其定位上去，再用z-index来提高层级，如果是将图片铺满整个屏幕的话，那么就要给image套上一个...
2020-04-22 17:38:47
3335
1
原创 uni-app中字体图标引用问题
1,在阿里矢量图标库下载，以Font Class的模式下载2,下载好的字体图标解压，将以.css .eot .svg .ttf .woff 这五种格式的文件引入项目文件3,在项目main.js中引用就好4,按照压缩包中的html文件中font方法引用就好了...
2020-04-22 10:56:59
461
原创 解决icon字体图标和文字对齐的方法
第一步：找到包裹或使用icon图标的标签，第二步：将其标签设置为inline-block（行内块）第三步：再添加属性vertical-align:top;因为字体图标虽说是字体，但也是图片...
2020-04-21 22:07:55
7362
原创 JavaScript中（.）和中括号（[]）的区别
“.“后面的值无法改变，而”[]“后面的值可以改变JavaScript中允许把”[]“替换成”.”，但不是所有的.都可以被替换为[]。示例：obj.style.color="green";也可以写为：obj.style[color]="green";但是在这种情况下，不能被替换var obj = { a1: 1, a2: 2, ...
2020-03-24 18:16:57
462
3
原创 tab栏切换
效果图css代码<style> #list li { list-style: none; width: 80px; height: 30px; line-height: 30px; text-align: center; ...
2020-03-10 16:12:06
104
原创 表单隔行变色
效果图css代码` <style> * { margin: 0px; padding: 0px; } .wrap { width: 500px; margin: 100px auto 0; } ...
2020-03-10 14:59:01
451
原创 元素隐藏的不同方法
css代码 <style> div { width: 300px; height: 200px; border: 1px solid darkgreen; } </style>html和javaScript<body> <inpu...
2020-03-10 13:22:03
152
原创 自定义滚动条案例
css样式表 <style> * { margin: 0px; padding: 0px; } .box { width: 300px; height: 500px; border: 1px soli...
2020-03-10 13:13:33
138
原创 input中disabled和readonly
1.两种情况的写法，没什么太大的区别，两个属性而已disabled写法：<input type="text" name="eee" value="ccc" disabled="true"/>readonly写法： <input type="text" name="kkk" value="xxx" readonly="true"/>两种写法的相同点：都...
2020-02-01 13:15:13
643
原创 html-超链接标签
在html创建超链接只需要用<a></a>标签，环绕需要被链接的对象即可。基本语法：<a href="跳转目标 target=“目标窗口的弹出方式”>文本或图像</a>"href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。Hypertext Reference的缩写。意思是超文本引用。target：用于指...
2019-09-10 17:42:00
648
1
原创 html-图片标签
单词缩写： image 图像HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签以及和他相关的属性。其基本语法格式如下：<img src="图像url" />该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必需属性。...
2019-09-10 17:19:25
127
原创 html-body（列表标签）
列表标签：1）无序列表：ul ul里只能放有li表签，但里中可以放ul。li：该标签中书写列表内容，一个li标签代表列表中的一行数据。特点：默认数据前有一个黑圆圈点。2）有序列表：ol li该标签中书写列表内容，一个li标签代表列表中的一行数据。特点：会自动给列表进行顺序编码，格式从小到大并且连续的。 其中的type可以改变顺序编码的值，也可以取值为1，a，A等，默认使用阿拉伯数字进行顺序编码...
2019-09-08 13:32:03
139
原创 html-body标签
标题表签：h1~h6会将其中的数据加粗加黑显示，并且显示依次减弱，自带换行功能。（块级标签）基本语法：<hn align="对齐方式（属性）">标题文本<hn>对齐方式：left：设置标题文字左对齐。center：设置标题文字居中对齐。right：设置标题文字右对齐。注：标签的属性是对标签的功能进一步的补充，可以由开发人员自由指定标签的属性值，来达到想要显示的效果。...
2019-09-07 14:41:02
274
原创 html的head标签学习
网页标题标签：告诉浏览器使用什么标题显示网页。编码格式标签：告诉浏览器使用指定的编码格式解析。网页搜索优化标签：1，关键字 2，网页描述 3，作者 （提升搜索的概率）meta标签为单表签，用于定义页面的原信息，可以重复出现在head标签中基本语法格式为<meta name="名字" content="值"/>...
2019-08-30 12:50:10
137
原创 前端的开始《什么是html》
html的概念：HTML超文本标记语言。作用：需要将Java在后台根据用户请求的结果在浏览器中显示给用户。在浏览器中数据需要使用友好的格式展示给用户。html是告诉浏览器接收到的数据使用什么样的数据组织形式显示。使用：html的标准文档规范，html的标签。html的标准文档的结构 ...
2019-08-30 11:52:00
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人