- 博客(49)
- 收藏
- 关注
原创 微信小程序筛选框
不废话,直接上代码wxml:<!-- 筛选和排序框 --><view class="sreenBigBox"> <view class="sreenBox"> <view class="sreenItems"> <view class='sreen ' bindtap="sreenShow">筛选<image class='head {{sreenShow&&"rotating"}}' sr
2021-10-25 23:42:02
3334
3
原创 Javascript学习——事件处理
一、事件基础(1)事件类型1、冒泡型事件从最特定的目标向最不特定的目标(documentx对象)触发,也就是事件从下向上进行响应,这个传递过程被形象地称为冒泡2、捕获型事件从最不特定的目标(document>对象)开始触发,然后到最特定的目标,也就是事件从上向下进行响应。3、混合型W3C的DOM事件模型支持捕获型和冒泡型两种事件流,但是捕获型事件流先发生,然后才发生冒泡型事件流。两种事件流会触及DOM中的所有层级对象,从document对象......
2021-10-18 09:24:38
180
原创 Javascript学习三——操作DOM
目录一、使用节点(1)节点类型(2)节点名称与值及其关系(3)访问和操作节点二、使用文档节点(1)访问文档子节点(2)访问文档信息、元素和集合三、使用元素节点一、使用节点(1)节点类型DOM规定整个文档是一个文档节点,每个标签是一个元素节点,元素包含的文本是节点文本,元素的属性是一个属性节点,注释属于注释节点,如此等等。(2)节点名称与值及其关系使用节点的nodeName和node Value属性可以读取节点的名称和值。 DOM把....
2021-10-11 01:39:48
362
原创 JavaScript学习二——DOM基础
一、什么是DOM DOM(全称 Document Object Model),即文档对象模型。通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。包括以下能力:改变页面中的所有 HTML 元素、改变页面中的所有 HTML 属性、改变页面中的所有 CSS 样式、对页面中的所有事件做出反应。(1)查找 HTML 元素通过 JavaScript,我们可以操作 HTML 元素。1、通过 id 找到 HTML 元素在 DOM 中查找 HTML 元素的最简....
2021-10-03 23:48:54
754
原创 JavaScript学习一
0.前言由于之前为了微信小程序项目是直接学习了微信的js,现在回来补一补JavaScript的基础。在大致浏览JavaScript相关书籍的时候,发现在项目中所用的东西覆盖面还挺全的,感觉很多跳过了学习阶段直接强硬使用上去了,但是肯定不够熟悉,所以需要恶补一下基础。接下来会就着《HTML5+CSS3+JavaScript从入门到精通(标准版)》进行回补基础,首先的是JavaScript学习。1.小程序中的js和普通的javascript区别(1)小程序不是运行在浏览器中,所以没有BOM和DO..
2021-09-26 19:16:53
1188
2
原创 优化微信小程序自定义导航栏和下载进度条
一、自定义导航栏(1)返回问题1、判断页面栈的个数console.log(getCurrentPages().length)这个可以查看页面栈的个数,从而监控界面,在不同情况下,做出不同的判断。此处我设置了三种情况。2、js代码的书写 let haveBack let showCapsule if (getCurrentPages().length === 1) { console.log(getCurrentPages().length) .
2021-09-19 23:58:43
1350
1
原创 微信小程序——滑动条
一、微信自带的进度条——slider组件<slider bindchanging="sliderChanging" show-value>当slider组件被拖动时,会执行silderChanging事件处理函数,通过不断打印函数的e.detail.value,可以看出函数执行时输出的信息。sliderChanging:function(e){ console.log(e.detail.value) }所以,我们可以将音乐、视频、下载文件的进度转化为上
2021-09-13 00:21:36
5954
2
原创 微信小程序的自定义导航栏组件和部分数据处理方法
一、自定义导航栏组件1、学习两个关键接口wx.getMenuButtonBoundingClientRect()和wx.getSystemInfo,里面分别有的信息和手机机型的信息(如下图),关键理解里面的长高定义。2、通过已获取到信息,进行计算和设计以下是部分代码,根据个人需求,我在app.js里面选择性存储了一些信息。并且思考每个界面所需要的按键,比如首页是不需要返回键的,可以设计一个事件进行隐藏部分键位。 globalData: { navheight: 0...
2021-09-04 15:23:15
1136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人