- 博客(22)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 微信小程序左滑删除
<scroll-view scroll-y enable-back-to-top style="height:{{ scrollHeight }}px" > <view> <block wx:for="{{ list }}" wx:for-item="item" wx:for-index="index" wx:key="index" > <view class="list {{ item.isTouchMove ? .
2022-04-01 10:00:00
531
原创 引入图标（翻译助手）
wxml： class='font-family名字 所用图标名' <view class="title"> <text >翻译成</text> <text class='iconfont icon-down'></text> </view> wxss: @import'../../assets/iconfont/iconfont.wxss'; /* 引入图标文件iconfont.wxss */ @import"....
2022-03-07 11:15:00
418
原创 data-url：
data-* 相当于数据存储，点击了点击方法，就会读取里面的数据，进行页面跳转 <view class="bar" wx:for="{{list}}" wx:key="video" data-url="{{item.url}}" bindtap="playVideo"> <image src="../../image/video.jpg"></image> <text>{{item.title}}</text>
2022-01-12 16:41:39
1092
原创 练习项目笔记：
index1： <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile" class="btn" size="mini">授权登录</button> <!-- <image bindtap="bindViewTap" src="{{name.avatarUrl}}" mode="cover"></image> <text>{{name.nickName}}<
2021-12-19 23:39:13
427
原创 微信小程序授权登录获取用户信息并保存至缓存用于下次登录
1.获取用户信息 wx.getUserProfile(Object object) 获取用户信息。页面产生点击事件（例如button上bindtap的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回userInfo。该接口用于替换wx.getUserInfo，详见微信小程序官方文档。 wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写 success: (...
2021-12-15 10:06:36
10164
2
原创 JS内置对象--数组
1.创建数组的两种方式： （1）利用数字字面量： var arr =[1,2,3,4,5]; console.log(arr[0]); （2）利用new Array() var arr1 = new Array();//创建了一个空数组 var arr1 = new Array(2);//2表示数组的长度为2，里面有两个空的数组元素 var arr1 = new Array(2,3);//等价于【2，3】这样写表示此数组里面有2个数组元素，是2和3 console
2021-12-06 13:16:25
666
原创 JS内置对象--Date()的使用
Date概述： Date对象和Math对象不一样，他是一个构造函数，所以需要收实例化过后才能使用 Date实例用来处理日期和时间 1.获取当前的时间必须实例化 var now = new Date() console.log(now); 得到的就是当前的时间。 2.Date()构造函数的参数 如果括号里面有时间，就返回参数里面的时间。例如日期格式字符串为2021-11-28'，可以写成new Date('2021-11-28')或者new Date('2021/11/28') Date(.
2021-12-01 09:12:37
371
原创 内置对象--Math对象
JavaScript中的对象分为三种：自定义对象、内置对象、浏览器对象 内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能(属性和方法)，其优点就是帮助我们快速开发。 JavaScript提供了多个内置对象：Math,Date,Array,String等。 Math简介： Math对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（绝对值，取整，最大值等）可以使用Math中的成员。 console.log(M
2021-11-28 16:11:54
502
原创 构造函数new关键字的执行过程及遍历对象属性
构造函数：抽象了对象的公共部分，封装到了函数里面，泛指一大类 创建对象：new 构造函数名()，特指某一个，通过new关键字创建对象的过程也称为对象的实例化 new关键字执行过程： 1.在内存中创建一个新的空对象； 2.让this指向这个新对象； 3.执行构造函数里面的代码，给这个新对象添加属性和代码； 4.返回这个新对象（所以构造函数里面不需要return） 遍历对象属性： for...in语句用于对数组或者对象的属性进行循环操作。 语法格式： for(变量名 in 对象名){ ..
2021-11-27 09:03:13
418
原创 创建对象的方式
1.利用对象字面量{}创建对象： （1）里面的属性或者方法采取键值对的形式 （2）多个属性或方法中间用逗号隔开 （3）方法后面跟的是一个匿名函数 使用函数： 调用对象的属性采取 对象名.属性名 可理解为console.log(obj.name); 或者采取 对象名['属性名'] 可理解为console.log(obj['name'])。 调用对象的方法采取 对象名.方法名（) console.log(obj.tec()) var dog = {//dog是对...
2021-11-26 10:31:48
353
原创 js预解析
js引擎运行js分为两步：预解析；代码执行。 预解析： js引擎会把js里面所有的var和function提升到当前作用域的最前面； 代码执行：按照代码书写的顺序从上往下执行。 预解析分为：变量预解析（变量提升）和函数预解析（函数提升） 变量提升：就是把所有的变量声明提升到当前作用域的最前面，但不提升赋值操作； 函数提升：就是把所有的函数声明提升到当前作用域的最前面，但不调用函数。 案例一： var a = 18; f1(); functio.
2021-11-23 10:10:22
485
原创 arguments的使用：
当我们不确定有多少个参数传递时，就可以用arguments来获取。在Javascript中，arguments实际上是当前函数的一个内置对象。所有函数都设置了一个arguments对象，arguments对象中储存了传递的所有参数。 arguments的使用：只有函数才有arguments，而且是每个函数都设置好了arguments，不需要我们自己来定义了。 arguments相当于伪数组： 1.具有数组的length数性； 2.按照索引的方式进行储存； 3.没有真正数组的一些方法pop() p.
2021-11-21 12:15:00
538
原创 筛选数组：
要求：将数组中大于等于10的元素筛选并出来放入新数组 逻辑分析： 声明一个新数组newArr用于存放新数据; 遍历（for循环）旧数组找出符合要求（大于等于10）的元素； 依次追加给新数组newArr。 var arr = [2, 5, 7, 77, 52, , 6, 25]; var newArr = []; var j=0; for (var i = 0; i < Arr.length; i++) {
2021-11-20 12:45:00
230
原创 for循环打印九九乘法表，倒三角：
1.正九九乘法表： 共九行，但每行个数不一样，因此需要双重for循环； 外层的for循环控制行数i，循环九次，打印九行； 内层的for 循环控制每行公式j； 核心算法：每一行公式的个数正好和行数一致(j<=i)； 每行打印完毕都需要换行； ...
2021-11-19 08:45:00
3432
原创 if else（双分支语句）语句判断闰年：
1.语法结构： 2.算法： 能被4整除且不能整除100的为闰年（如2002年为闰年，而1901年不是闰年）或者能够被400整除的就是闰年 3.代码分析： 先将用户输入的值(年份)保存到变量中，再用if语句判断条件是否符合，是就执行if的输出语句，否则执行else的输出语句。（且&& 或|| 判断整除即取余%为0） var year = prompt("输入年份") if (year % 4 == 0 && year % 10...
2021-11-18 10:41:24
4404
1
转载 微信小程序中this指向作用域问题this.setData is not a function报错
在微信小程序中我们一般通过以下方式来修改data中的数据 this.setData({ index1: e.detail.value }) 比如在函数里面修改数据 bindFaChange1: function (e) { this.setData({ index1: e.detail.value }) } 但是当我们通过wx.request请求网络数据成功后绑定数据时候报以下错误 this.setData is not a functio
2021-11-16 08:45:00
1029
1
原创 微信小程序:修改按钮BUTTON尺寸
1.微信小程序BUTTON常见属性: 2.BUTTON宽高等样式的有效调整方法： 微信小程序当中通过wxss来设置button的宽高值并不起效果，而size属性却只有两个合法值，当我们想要自定义大小时则： 在 标签中直接写 style即可： <button style="width: 90vw;height: 8vh;background-color: aqua;"> 在线客服222 </button> 3.button按钮open-type属性： ..
2021-11-15 11:28:59
15681
转载 微信小程序中this指向
this 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 this 出现的场景分为四类，简单的说就是： 有对象就指向调用对象 没调用对象就指向全局对象 用new构造就指向新对象 通过 apply 或 call 或 bind 来改变 this 的所指。 1）函数有所属对象时：指向所属对象 函数有所属对象时，通常通过 . 表达式调用，这时 this 自然指向所属对象。比如下面的例子： var myObject = {value:
2021-11-13 09:12:16
2882
原创 清除浮动的方法：
方法一：使用带clear属性的空元素 在浮动元素后使用一个空元素如<div class="clear"></div>，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" />或<hr class="clear" />来进行清理。 <div class="clear"></div> 优点：简单，代码少，浏览器兼容性好。 缺点：需要添加大量无语义的html元素，代码
2021-10-28 15:46:16
348
原创 box—sizing：
Box-sizing: 最主要的用法是规定容器元素的最终尺寸计算方式border-box:若设置了box-sizing:border-box，当width=100px时，则最终容器宽度为100px。但它的内容部分（content）的有效宽度会被压缩为100px(width)-2padding-2border,所以你会得到一个你预期大小的盒子容器，但是只是被压缩了内容部分尺寸而已，但是对于整体布局而言益处多多。 content-box(默认值):当width=100px时，此时只是内容(content)的宽度
2021-09-22 19:17:22
127
原创 web前端的发展史
1、静态页面阶段 主要以HTML为主，纯静态的只读页面。 2、Javascript诞生及第一次浏览器战争 1995年，NetScape公司的工程师Brendan Eich设计了javascript脚本语言。成功实现了javascript的标准国际化。虽然第一次浏览器战争最后IE大胜Navigator，但是NetScape的javascript主导了W3C的官方标准。 3、动态页面的发展 Javascript的诞生让网页动了起来，但是网页真正开始向动态交互发展的开端，却是PHP、JSP和ASP为代表的后端动态
2021-08-30 18:04:44
1122
原创 小程序的发展史
截至2017年11月，我国移动互联网用户总数达到12.5亿户，使用手机上网的用户为11.6亿户，对移动电话用户的渗透率为82.1%，我国网民上网方式已经全面移动化。随着4G网络的不断发展和更多高性价比智能手机的普及，以及人们对工作、生活、娱乐等多方面的需求日益增长，各种移动应用程序App（英文全称为 Application）应运而生。据《2017年Q4暨全年移动互联网行业数据研究报告》显示，2017年第四季度，每个移动网民手机中平均装有40个App。当太多App占满用户的手机屏幕和内存时，手机就容易出现内存
2021-08-30 15:37:26
3241
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人