- 博客(49)
- 收藏
- 关注
RSS订阅原创 微信小程序筛选框
不废话，直接上代码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
3013
3
原创 Javascript学习——事件处理
一、事件基础（1）事件类型1、冒泡型事件从最特定的目标向最不特定的目标（documentx对象）触发，也就是事件从下向上进行响应，这个传递过程被形象地称为冒泡2、捕获型事件从最不特定的目标（document>对象）开始触发，然后到最特定的目标，也就是事件从上向下进行响应。3、混合型W3C的DOM事件模型支持捕获型和冒泡型两种事件流，但是捕获型事件流先发生，然后才发生冒泡型事件流。两种事件流会触及DOM中的所有层级对象，从document对象......
2021-10-18 09:24:38
128
原创 Javascript学习三——操作DOM
目录一、使用节点（1）节点类型（2）节点名称与值及其关系（3）访问和操作节点二、使用文档节点（1）访问文档子节点（2）访问文档信息、元素和集合三、使用元素节点一、使用节点（1）节点类型DOM规定整个文档是一个文档节点，每个标签是一个元素节点，元素包含的文本是节点文本，元素的属性是一个属性节点，注释属于注释节点，如此等等。（2）节点名称与值及其关系使用节点的nodeName和node Value属性可以读取节点的名称和值。 DOM把....
2021-10-11 01:39:48
186
原创 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
654
原创 JavaScript学习一
0.前言由于之前为了微信小程序项目是直接学习了微信的js，现在回来补一补JavaScript的基础。在大致浏览JavaScript相关书籍的时候，发现在项目中所用的东西覆盖面还挺全的，感觉很多跳过了学习阶段直接强硬使用上去了，但是肯定不够熟悉，所以需要恶补一下基础。接下来会就着《HTML5+CSS3+JavaScript从入门到精通(标准版)》进行回补基础，首先的是JavaScript学习。1.小程序中的js和普通的javascript区别（1）小程序不是运行在浏览器中，所以没有BOM和DO..
2021-09-26 19:16:53
961
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
1015
原创 微信小程序——滑动条
一、微信自带的进度条——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
5338
2
原创 微信小程序的自定义导航栏组件和部分数据处理方法
一、自定义导航栏组件1、学习两个关键接口wx.getMenuButtonBoundingClientRect()和wx.getSystemInfo，里面分别有的信息和手机机型的信息（如下图），关键理解里面的长高定义。2、通过已获取到信息，进行计算和设计以下是部分代码，根据个人需求，我在app.js里面选择性存储了一些信息。并且思考每个界面所需要的按键，比如首页是不需要返回键的，可以设计一个事件进行隐藏部分键位。 globalData: { navheight: 0...
2021-09-04 15:23:15
1064
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人