笔记
熬夜不秃猿
此处省略一万字
展开
-
微信小程序左滑删除
<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 · 448 阅读 · 0 评论 -
引入图标(翻译助手)
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 · 328 阅读 · 0 评论 -
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 · 932 阅读 · 0 评论 -
练习项目笔记:
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 · 368 阅读 · 0 评论 -
微信小程序授权登录获取用户信息并保存至缓存用于下次登录
1.获取用户信息wx.getUserProfile(Object object)获取用户信息。页面产生点击事件(例如button上bindtap的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回userInfo。该接口用于替换wx.getUserInfo,详见微信小程序官方文档。 wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写 success: (...原创 2021-12-15 10:06:36 · 9577 阅读 · 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和3console原创 2021-12-06 13:16:25 · 598 阅读 · 0 评论 -
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 · 209 阅读 · 0 评论 -
内置对象--Math对象
JavaScript中的对象分为三种:自定义对象、内置对象、浏览器对象内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),其优点就是帮助我们快速开发。JavaScript提供了多个内置对象:Math,Date,Array,String等。Math简介:Math对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(绝对值,取整,最大值等)可以使用Math中的成员。 console.log(M原创 2021-11-28 16:11:54 · 444 阅读 · 0 评论 -
构造函数new关键字的执行过程及遍历对象属性
构造函数:抽象了对象的公共部分,封装到了函数里面,泛指一大类创建对象:new 构造函数名(),特指某一个,通过new关键字创建对象的过程也称为对象的实例化new关键字执行过程:1.在内存中创建一个新的空对象;2.让this指向这个新对象;3.执行构造函数里面的代码,给这个新对象添加属性和代码;4.返回这个新对象(所以构造函数里面不需要return)遍历对象属性:for...in语句用于对数组或者对象的属性进行循环操作。语法格式:for(变量名 in 对象名){..原创 2021-11-27 09:03:13 · 322 阅读 · 0 评论 -
创建对象的方式
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 · 286 阅读 · 0 评论 -
js预解析
js引擎运行js分为两步:预解析;代码执行。预解析: js引擎会把js里面所有的var和function提升到当前作用域的最前面;代码执行:按照代码书写的顺序从上往下执行。预解析分为:变量预解析(变量提升)和函数预解析(函数提升)变量提升:就是把所有的变量声明提升到当前作用域的最前面,但不提升赋值操作;函数提升:就是把所有的函数声明提升到当前作用域的最前面,但不调用函数。案例一: var a = 18; f1(); functio.原创 2021-11-23 10:10:22 · 433 阅读 · 0 评论 -
arguments的使用:
当我们不确定有多少个参数传递时,就可以用arguments来获取。在Javascript中,arguments实际上是当前函数的一个内置对象。所有函数都设置了一个arguments对象,arguments对象中储存了传递的所有参数。arguments的使用:只有函数才有arguments,而且是每个函数都设置好了arguments,不需要我们自己来定义了。arguments相当于伪数组:1.具有数组的length数性;2.按照索引的方式进行储存;3.没有真正数组的一些方法pop() p.原创 2021-11-21 12:15:00 · 455 阅读 · 0 评论 -
筛选数组:
要求:将数组中大于等于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 · 172 阅读 · 0 评论 -
for循环打印九九乘法表,倒三角:
1.正九九乘法表:共九行,但每行个数不一样,因此需要双重for循环;外层的for循环控制行数i,循环九次,打印九行;内层的for 循环控制每行公式j;核心算法:每一行公式的个数正好和行数一致(j<=i);每行打印完毕都需要换行;...原创 2021-11-19 08:45:00 · 3180 阅读 · 0 评论 -
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 · 4070 阅读 · 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 · 14671 阅读 · 0 评论 -
微信小程序中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 · 864 阅读 · 1 评论 -
微信小程序中this指向
this在函数执行时,this 总是指向调用该函数的对象。要判断 this 的指向,其实就是判断 this 所在的函数属于谁。this 出现的场景分为四类,简单的说就是:有对象就指向调用对象没调用对象就指向全局对象用new构造就指向新对象通过 apply 或 call 或 bind 来改变 this 的所指。1)函数有所属对象时:指向所属对象函数有所属对象时,通常通过 . 表达式调用,这时 this 自然指向所属对象。比如下面的例子:var myObject = {value:转载 2021-11-13 09:12:16 · 2728 阅读 · 0 评论 -
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 · 62 阅读 · 0 评论 -
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 · 996 阅读 · 0 评论 -
小程序的发展史
截至2017年11月,我国移动互联网用户总数达到12.5亿户,使用手机上网的用户为11.6亿户,对移动电话用户的渗透率为82.1%,我国网民上网方式已经全面移动化。随着4G网络的不断发展和更多高性价比智能手机的普及,以及人们对工作、生活、娱乐等多方面的需求日益增长,各种移动应用程序App(英文全称为 Application)应运而生。据《2017年Q4暨全年移动互联网行业数据研究报告》显示,2017年第四季度,每个移动网民手机中平均装有40个App。当太多App占满用户的手机屏幕和内存时,手机就容易出现内存原创 2021-08-30 15:37:26 · 2803 阅读 · 0 评论