自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 记录鼠标在页面的滚动停止位置

记录鼠标在页面的滚动停止位置 组件的生命周期可以在lifetimes字段进行声明 我们需要了解某个模块是否进入了"视口",即用户能不能看到它,这里需要用到IntersectionObserver API,可以自动观察元素是否可见 lifetimes: { ready() { // * 记录滑动停止位置 wx.nextTick(() => { this._intersectionObserver = this.createIntersectionObser

2022-01-21 11:45:39 276

原创 JavaScript笔记04

内置对象 JavaScript中地对象氛分为3种:自定义对象、内置对象、浏览器对象 内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或者最基本而必要的功能(属性和方法) 内置对象最大的优点就是帮助我们快速开发 提供了多个内置对象:Math、Date、Array、String等 倒计时案例 function countDown(time) { var nowTime = +new Date();//返回的是当前时间总的毫秒数 var inputTime = +new

2021-05-06 19:20:39 80

原创 JavaScript笔记03

对象 什么是对象 在javaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数字、数组、函数等。 创建对象的三种方式 利用字面量创建对象 对象字面量:花括号{ }里面包含了表达这个具体事物(对象)的属性和方法。{ }里面采取键值对的形式表示 var star= { uname: '张三丰', age: 18, sex: '男', sayHi: function () { console.log('hi~'); } } 对象的调用:

2021-04-28 20:40:58 69

原创 JavaScript笔记02

变量 什么是变量 是用于存放数据的容器 变量的使用 声明变量 var age;//声明一个名称为age的变量 赋值 age=10;

2021-04-27 20:49:26 68

原创 JavaScript学习01

JavaScript入门 JavaScript是什么 是一种运行在客户端的脚本语言 脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行 可以基于Node.js技术进行服务器端编程 JavaScript的作用 表单动态校验(密码强度检测) 网页特效 服务端开发(Node.js) 桌面程序(Electron) App(Cordova) 控制硬件-物联网(Ruff) 游戏开发(cocos2d-js) HTML/CSS/JS的关系 HTML标记语言–描述类语言,决定网页结构和内容(

2021-04-20 17:17:39 67

原创 2021-03-20

携程移动端首页 固定的盒子必须有宽度 .search-index{ /固定定位和父级没有关系,它以屏幕为准/ position:fixed; top:0; left:0; width:100%; } 侧轴居中对齐 align-items:center; 在a链接里加上title可以在鼠标点上去显出文字 属性选择器 /表示前缀为local-nav-icon这一类/ .local-nav li [class^="local-nav-icon"] -n+2就是前面两个的意思 .nav-it

2021-03-20 19:38:17 56

原创 移动WEB开发flex布局

移动WEB开发flex布局 目标 能够说出flex盒子的布局原理 能够使用flex布局的常用属性 能够独立完成携程移动端首页案例 学习目录 flex布局体检 flex布局原理 flex布局父项常见属性 flex布局子项常见属性 携程网页案例制作 常见父项属性 flex-direction:设置主轴的方向 justify-content:设置主轴上的子元素排列方式 flex-wrap:设置子元素是否换行 align-content:设置侧轴上的子元素的排列方式(多行) alien-item

2021-03-15 20:39:46 132

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除