随笔分类 - Web
摘要:jsonp 是前端一种用来解决网站跨域的技术,利用script标签不受同源策略影响的特性引入一个非同源的js文件,并定义一个回调函数来接收数据,这样就可以实现跨域获取数据了,例如: 现在有一个链接返回的数据是这样的: cb({ "name": "swk", "age": 18 }) 这是一个标准的j
阅读全文
摘要:在Vue Router中,除了使用 创建 a 标签来定义导航链接之外,还可以使用Vue Router通过编写代码来实现导航. 他提供的三个实例方法:router.push、router.replace和router.go,使用起来相较于声明式导航更加灵活 这些方法都在VueRouter的原型对象上.
阅读全文
摘要:一、数组介绍 数组是一种复合数据类型 在数组可以存储多个不同类型的数据,任何类型的值都可以成为数组中的元素 创建数组时尽量要确保数组中存储的数据的类型是相同的 数组中存储的是有序的数据 数组中的每个数据都有一个唯一的索引 可以通过索引来操作获取数据 数组中存储的数据叫做元素 索引(index)是一组
阅读全文
摘要:由于多倍的设计图在移动设备上显示时会将设计图进行缩小到视口宽度,而1px的边框没有随着页面进行缩小而导致效果太粗,想要还原设计图1px的显示效果,因此需要一些方法来实现边框宽度小于1px。 实现方法很多,下面是个人认为比较好的几种 1. 使用伪元素添加边框 通过给为元素设置边框后进行比例缩放。这种方
阅读全文
摘要:在页面元素布局时经常会有把元素居中的需求,大多都是用弹性盒或者定位,下面来说一下使用方法 一、使用边距进行固定位置 这种方法需要把父元素和子元素的宽度固定,然后利用二者宽高之差添加边距移动元素的位置 现在创建了一个父元素box1中包含了一个子元素box2,下边的许多案例都会使用这个盒子样式 <div
阅读全文
摘要:Emmet操作指南 HTML篇 生成带有内容的标签 标签名{内容}可以生成带有内容的标签 div{abc} <div>abc</div> 生成带有属性的标签 生成带有class属性的标签 .属性值可以直接生成div标签 标签名加上.属性值可以生成带有class属性标签 .abc div[class=
阅读全文
摘要:做登录表单时遇到了一个宽度控制不好的问题,放入图标后,input框总是无法正确的填满剩余空间(尺寸过大/过小) 原因是input元素和父元素div宽度都写死的问题 把父元素的高度删除,宽度改成max-content 删除子元素的padding 父元素的空间由子元素input撑起,即可正确的撑满空间
阅读全文