- 博客(7)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 浅谈前端网页栅格化布局
了解栅格化 栅格化定义：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。 12列的栅格化 12列栅格化相关代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name
2020-07-08 11:42:18
3099
原创 微信小程序：上传头像并裁剪功能相关代码
首先从相册或者拍照选择图片 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
1588
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
337
原创 js中轮播图的各种实现原理（文字性叙述）
1.图片移动实现原理： 利用浮动将所有所有照片依次排成一行，给这一长串图片添加一个父级的遮罩，每次只显示一张图，其余的都隐藏起来。对图片添加绝对定位，通过控制left属性，实现照片的移动。 2.图片移动动画原理： 从a位置移动到b位置，需要先计算两点之间的差值，通过差值和时间间隔，计算出每次移动的步长，通过添加定时器，每次移动相同的步长，实现动画效果。 3.图片定位停止原理： 每一张照片都有相同的宽度，每张照片都有一个绝对的定位数值，通过检测定每次移动后，照片当前位置和需要到达位置之间的距离是否小于步长，如
2020-06-28 09:50:34
2421
原创 微信小程序开发：父子组件之间的传值和兄弟组件之间的传值
父组件传给子组件：子组件通过props方法接收数据 例： 子组件传给父组件：$emit 方法传递参数 （子组件不能改变父组件传递过来的值，只能通过向父组件传递事件来改变） 子组件：触发的方法中设置传递的内容 this.$emit('refreshson') 父组件：<CarList :carList='cartList' @refreshson = 'refreshFather'> </CarList> 兄弟组件之间的传值 eventBus，就是创建一个事件中心，相当于中转站
2020-06-24 09:51:06
1090
原创 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
225
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人