- 博客(7)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 浅谈前端网页栅格化布局
了解栅格化栅格化定义：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。12列的栅格化12列栅格化相关代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name
2020-07-08 11:42:18
2707
原创 微信小程序：上传头像并裁剪功能相关代码
首先从相册或者拍照选择图片js代码：//点击上传头像方法 showAction() { let that = this wx.showActionSheet({ itemList: ['从相册中选择', '拍照'], success: function(res) { if (!res.cancel) { console.log(res.tapIndex) if (res.tapIndex == 0) {
2020-07-01 16:12:30
1305
3
原创 JS中一些常用的数组函数
1.split()函数将字符串切割成数组的形式2.join()函数将数组转换成字符串3.push()函数数组尾部添加4.pop()函数数组尾部删除5.unshift()函数数组头部添加6.shift()函数数组头部删除7.arr.includes(item)函数判断arr数组内是否含有item，返回布尔值8.arr.indexof(item)判断arr数组中item的下标，返回下标值9.arr.splice(idx,1)删除arr数组中下标为idx的元素，且删除一个..
2020-06-29 15:26:23
225
原创 js中轮播图的各种实现原理（文字性叙述）
1.图片移动实现原理：利用浮动将所有所有照片依次排成一行，给这一长串图片添加一个父级的遮罩，每次只显示一张图，其余的都隐藏起来。对图片添加绝对定位，通过控制left属性，实现照片的移动。2.图片移动动画原理：从a位置移动到b位置，需要先计算两点之间的差值，通过差值和时间间隔，计算出每次移动的步长，通过添加定时器，每次移动相同的步长，实现动画效果。3.图片定位停止原理：每一张照片都有相同的宽度，每张照片都有一个绝对的定位数值，通过检测定每次移动后，照片当前位置和需要到达位置之间的距离是否小于步长，如
2020-06-28 09:50:34
2085
原创 微信小程序开发：父子组件之间的传值和兄弟组件之间的传值
父组件传给子组件：子组件通过props方法接收数据例：子组件传给父组件：$emit 方法传递参数（子组件不能改变父组件传递过来的值，只能通过向父组件传递事件来改变）子组件：触发的方法中设置传递的内容 this.$emit('refreshson')父组件：<CarList :carList='cartList' @refreshson = 'refreshFather'> </CarList>兄弟组件之间的传值eventBus，就是创建一个事件中心，相当于中转站
2020-06-24 09:51:06
938
原创 CSS样式中一些居中问题（水平居中、垂直居中、水平垂直居中）
水平居中1.父元素固定宽高，子元素设置margin: 0 auto；2.在子元素中将display设置为inline-block,父元素text-algin设置为center；垂直居中1.用flex布局实现垂直居中，主要代码：html代码：css代码：2.用绝对定位实现垂直居中，主要代码：html代码：css代码：水平垂直居中1.绝对定位，确认宽高设置margin属性为宽高的负一半代码：width: 200px; height: 100px;background-colo
2020-06-23 16:30:27
134
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人