03 2020 档案

微信小程序之选项卡的实现方法
摘要：微信小程序里没有自带选项卡组件，但是却带有swiper组件，所以，我们便利用swiper来实现选项卡的功能。 先看效果图： wxml代码： 1 <view class="swiper-tab"> 2 <view class="swiper-tab-item {{currentTab==0?'acti 阅读全文
posted @ 2020-03-17 23:34 我有头盔 阅读(6444) 评论(4) 推荐(0)
文本溢出显示省略号
摘要：今天给大家说一下，怎么实文本溢出显示省略号 单行文本溢出显示省略号 实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如图： 但是这个属性只支持单行文本的溢出显示省略号， 如果我们要实现多行文本溢出显示省略号 阅读全文
posted @ 2020-03-16 22:46 我有头盔 阅读(537) 评论(0) 推荐(0)
分享几道前端面试题（3）
摘要：1. css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？ 答案： 垂直方向：line-height 水平方向：letter-spacing 那么问题来了，关于 letter-spacing 的妙用知道有哪些么？ 答案:可以用于消除 inline-block 元素间的换行符空格间隙问题。 2 阅读全文
posted @ 2020-03-15 21:59 我有头盔 阅读(198) 评论(0) 推荐(0)
分享几道前端面试题（2）
摘要：1.伪元素和伪类的区别？ 答案： 1、伪元素使用 2 个冒号，常见的有：::before，::after，::first-line，::first-letter，::selection、::placeholder 等； 伪类使用1个冒号，常见的有：:hover，:link，:active，:targ 阅读全文
posted @ 2020-03-14 00:04 我有头盔 阅读(130) 评论(0) 推荐(0)
分享几道前端面试题
摘要：1.实现不使用 border 画出 1px 高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果。 答案： <div style="height:1px;overflow:hidden;background:red"></div> 2.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子 阅读全文
posted @ 2020-03-12 23:27 我有头盔 阅读(233) 评论(0) 推荐(0)
小程序的生命周期
摘要：代码生命周期就是一个对象的生老病死，通常指程序从创建、开始、暂停、唤起、停止、卸载的过程。小程序的生命周期又可分为应用生命周期和页面的生命周期，先单独分析，在结合两者分析。 应用生命周期 应用生命周期指得是小程序本身的初始化加载、方法以及最终被销毁的过程。 1、用户首次打开小程序，触发onLaunc 阅读全文
posted @ 2020-03-11 22:46 我有头盔 阅读(501) 评论(0) 推荐(0)
监测和设置微信小程序横竖屏转换
摘要：今天在使用小程序测试横竖屏时，发现官方给出的配置有问题 如果想要某个页面支持屏幕旋转，需要在此页面的 json文件中配置 "pageOrientation": "auto"， 1 { 2 "navigationBarBackgroundColor": "#000000", 3 "navigation 阅读全文
posted @ 2020-03-10 22:15 我有头盔 阅读(2507) 评论(0) 推荐(0)
react withRouter
摘要：高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中. 1 import React from 'react' 2 import './nav.css' 阅读全文
posted @ 2020-03-09 12:11 我有头盔 阅读(578) 评论(0) 推荐(0)
sessionStorage 使用方法
摘要：作为html5中Web Storage的一种存储方式，localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 W3c上给的介绍是这两者区别在于前者用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。而sessionStorage存储的数据只有在同一 阅读全文
posted @ 2020-03-08 18:41 我有头盔 阅读(2707) 评论(0) 推荐(0)
localStorage（本地储存）
摘要：localStorage（本地储存） 在HTML5中，加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中lo 阅读全文
posted @ 2020-03-07 22:03 我有头盔 阅读(890) 评论(1) 推荐(0)
CSS-border属性
摘要：CSS-border属性 设置边框 border有三个值 1 border-width //规定边框的宽度 2 border-style //规定边框的样式 3 border-color //规定边框的颜色 如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是 阅读全文
posted @ 2020-03-06 12:32 我有头盔 阅读(696) 评论(0) 推荐(0)
css的优先级顺序
摘要：简单拿的介绍一下css的优先级顺序 优先级最高的-!important 然后是行内样式 ID选择器 类选择器 标签 通配符 经常用的有*，它会把所有的样式都改变，一般用来重置样式，写法如下 继承 指的是父标签设置样式，而子标签没有设置样式，子标签会继承父标签的样式 一般用于文本文字，例如font-s 阅读全文
posted @ 2020-03-05 22:40 我有头盔 阅读(4127) 评论(0) 推荐(0)
怎么样在React中引入图片
摘要：怎么样在React中引入图片 通常的方法是 1 <img src="路径"></img> 但是在React中这样会报错 正确的方法应该是 使用require方法 1 <img src={require( “路径”)}></img> 阅读全文
posted @ 2020-03-05 22:23 我有头盔 阅读(444) 评论(0) 推荐(0)
在React中使用IconFont
摘要：在React中使用IconFont 项目中对于阿里巴巴iconfont的使用，大家都清楚吗？ 第一步：将图标加入购物车 第二步：将图标下载到本地,将如下文件放置在react项目中assets目录下 第三步：导入iconfont.css到项目目录 在App.js和index.js下引入都可以 impo 阅读全文
posted @ 2020-03-05 15:33 我有头盔 阅读(1893) 评论(0) 推荐(1)
在React中使用axios
摘要：首先要知道它是一个什么插件 axios是基于promise（诺言）用于浏览器和node.js是http客户端 它的特点 1.从浏览器中创建 XMLHttpRequest 2.支持 Promise API 3.客户端支持防止CSRF 4.提供了一些并发请求的接口（重要，方便了很多的操作） 5.从 no 阅读全文
posted @ 2020-03-04 13:01 我有头盔 阅读(10617) 评论(0) 推荐(1)
在React中使用Swiper
摘要：插件特色 swipe.js是一个比较有名的触摸滑动插件，它能够处理内容滑动，支持自定义选项，你可以让它自动滚动，控制滚动间隔，返回回调函数等。经常可见使用在移动前端开发中。 使用方法 先安装插件 npm i swiper --save 在文件中引入插件和css样式 1 import Swiper f 阅读全文
posted @ 2020-03-03 12:56 我有头盔 阅读(20160) 评论(9) 推荐(1)
js的字符串方法(3）
摘要：trim() 方法删除字符串两端的空白符： 1 var str = " Hello World! "; 2 alert(str.trim()); 需要注意的是Internet Explorer 8 或更低版本不支持 trim() 方法。 如需支持 IE 8，可以搭配正则表达式使用 replace() 阅读全文
posted @ 2020-03-02 13:18 我有头盔 阅读(169) 评论(0) 推荐(0)
js的字符串方法(2）
摘要：substr() 类似于 slice()。 不同之处在于第二个参数规定被提取部分的长度。 1 var str = "Apple, Banana, Mango"; 2 var res = str.substr(7,6); res 的结果是： Banana如果省略第二个参数，则该 substr() 将裁 阅读全文
posted @ 2020-03-01 22:19 我有头盔 阅读(297) 评论(0) 推荐(0)
js的字符串方法(1）
摘要：字符串长度 length 属性返回字符串的长度： 1 var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 2 var sln = txt.length; 查找字符串中的字符串 indexOf() 方法返回字符串中指定文本首次出现的索引（位置）： 1 var str = " 阅读全文
posted @ 2020-03-01 14:47 我有头盔 阅读(545) 评论(0) 推荐(0)