- 博客(42)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 高内聚低耦合
内紧：程序内的模块之间要紧密相关，形成一个高效的功能单元；（旨在—创建高效的代码）外松：程序之间呢，要尽可能的不关联，各自实现各自的功能。
2023-06-09 09:36:51
100
原创 解释微信小程序const app=getApp()的作用
const app=getApp()用来获取全局变量const app=getApp()这就话通常在pages下的页面的js中写 来调用app.js中的globalData{}直白一点说就是在app.js的globalData{}里写的东西 在其他页面的js的onshow中可以直接调用例：...
2022-04-22 13:42:01
3070
原创 vue.js test1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script...
2022-03-12 16:31:02
1283
原创 .js文件在html中用法（vue）
第一种：有外部文件可以直接在head里引<script src="vue.js"></script>但head里有了vue的js文件 其他的js文件需要在body中写第二种：不引 直接在html中写举例：在页面中出现hello vue!用第一种方法：用第二种方法：直接在html中写 js用<script type="text/javascript"></script>包裹着js...
2022-03-12 11:34:23
2266
原创 授权
wxml：<button bindtap="haha" wx:if="{{hasUserInfo}}">用户点击授权</button><view class="concent" wx:else="{{hasUserInfo}}"> <!-- <image mode="cover" src="{{userpic.avatarUrl}}" class="pic"></image> <view class="nane">
2021-12-19 23:18:21
104
原创 拍照和定时器
wxml：<view class="cob"> <text>pages/index2/index2.wxml</text> <image src="{{img}}" mode="scaleToFill" /> <button bindtap="cameraClick">上传自拍</button> <button bindtap="analyse" bindtap="clound">开始分析</.
2021-12-19 21:57:16
90
原创 定时器
js:data:{ imga:false, imgb:false, imgc:false, imgd:false, imge:false, imgf:false }, clound:function(){ setTimeout(()=>{ this.setData({ ...
2021-12-19 21:27:15
189
原创 微信小程序bindgetuserinfo和wx.getUserProfile取消前后写法：获取用户头像与昵称
wx.getUserInfo：不用用户点同意，拒绝直接就可以获得用户信息，但获取的不完全但后期被取消掉了小程序登录、用户信息相关接口调整说明 | 微信开放社区
2021-12-13 13:49:14
1198
原创 在A页面中获取B页面中的值
//1.wx.navigateTo一个地址后面写上参数，在想被跳转的界面的js中的onload中写事件option，输出option，//2.在总页面app（{}）中写出名和想要的参数，例如：data_msg:{name:"haha",age:"12"},在当前页面写一个函数varapp=getApp(),getApp()的意思是获取到app.js中的app({})中的值，console.log(app.data_msg)的值...
2021-12-07 15:35:27
369
原创 定义变量~
const：后面接的值不变（appid url key），如果值变了，式子就会报错let：let是块级作用域，函数内部使用let定义后，对函数外部无影响。var：定义的变量可以修改，如果不初始化会输出undefined，不会报错。...
2021-12-06 15:41:30
70
原创 golddata和const app = getApp()
通过const app = getApp()实现在 page 页面获取 app.js,从而获取app.js中定义的全局数据globalDatagolddata是全局变量 在app.js中写，用const app = getApp()可以在其他页面调用它
2021-11-29 09:48:04
506
原创 role：navigation是什么意思
1、用户给标签或块元素定义的一个id2、给元素、标签定义id或class可以用js动态的改变、添加样式，也可以固定某一元素的样式3、可以利用jquery选择器找到对应的标签或元素
2021-11-25 10:51:20
687
原创 小程序 创建并引用自定义组件 conponents
1.创建组件：新建个conponents的文件夹，在里面添加个taps的文件夹，创四个文件，（右键新建component）2.声明组件：找到要使用这个组件的页面（例：demo17），进入demo17的js文件，在usingcomponents里放左边标签名（“tapes”）起什么名都行，右面放组件的路径"usingComponents":{"tapes":"../../componets/Tabes/Tabes"}3.在页面中使用自定义组件：在demo17中就把tape...
2021-11-23 14:36:20
755
原创 小程序 单多选框点什么出什么
wxml：<radio-groupbindchange="bindchange"><radiovalue="man">男</radio><radiovalue="woman"checkedcolor="red">女</radio></radio-group>你选中的：{{gender}}js：bindchange:function(e){console.log(e.detail....
2021-11-22 18:49:34
420
原创 轮播图 怎么计算swiper图片的宽高度
先算出原图的宽高度等比例给swiper定宽高度原图的宽高度:把图片保存到桌面上，查看图片swiper 宽度 / swiper 高度 = 原图的宽度 / 原图的高度swiper的宽度为100%/100vw/750rpxswiper 高度：swiper 宽度 * 原图高 / 原图宽...
2021-11-22 10:45:03
831
原创 小程序 API
wx.showActionSheet(Object object) 显示操作菜单前三个：点abc出现的结果，最后一个点取消出现的上图所示为结果： success(res){console.log(res)}fail(res){ console.log(res)}注：括号里的res，err都只是参数，什么参数都可...
2021-11-20 10:23:05
561
2
原创 JS 函数
形参 实参1.实参个数=形参个数 =======>正常运算（建议）2.实参个数<形参个数 ========>输出NaN3.实参个数>形参个数 ========>输出以形参个数为准形参不传值默认undefinded函数遇到return后会把后面的值返回给函数调用者 ...
2021-11-17 15:12:45
158
原创 app.js 从控制台得到用户进入 离开 小程序的次数
app.js从控制台得到用户进入 离开 小程序的次数var msg=1app({onshow:function(){ console.log("进入次数："，msg) msg=msg+1}， onHide：function(){ console.log("离开次数："，msg-1）}})ap...
2021-11-16 15:24:37
457
原创 小程序 解释函数调用 返回
解释：this指的是pages的对象this.add指的是pages下add这个对象，由于add是一个函数，所以this.add后带(),this.add这个函数可以代表示add：function这个函数，返回值return ，return后面的数可以返回this.add中console.log输出出来，但前提得赋值 如图var 和console部分，add：function后（）里的值是形参，this.add（）里的值是实参...
2021-11-15 10:50:13
678
原创 cursor：pointer ?
cursor规则是设定网页浏览时用户鼠标指针的样式，也就是鼠标的图形形状cursor：pointer设定鼠标的形状为一只伸出食指的手，鼠标停留在网页链接上方时候的样式其他鼠标指针样式 default 箭头，crosshair 十字...
2021-10-05 14:19:01
777
原创 四种居中 css
1.text-align:center;2. margin: 0 auto;3. position:absolution; left:50%； transform:translate X(-50%)4. align-items:center;
2021-09-27 13:23:44
50
原创 input 上传文件
上传文件用file<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg"></form>gif jpeg jpg * 各出现的效果：jpeg：gif：jpg：*：gif+jpeg：...
2021-09-25 22:19:46
80
原创 css type属性的buttom和submit区别
buttom：是个按钮submit：在form标签下可以提交到服务器上button无反应button加onclick事件注：onclick事件：在单击元素时发生 单击时执行JS
2021-09-25 20:55:59
365
原创 小程序 web前端
1. 什么是小程序是一种近年新起，不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。2. 为什么开发小程序随着APP市场的饱和，开发新的APP很难在市场生存且开发和推广成本高，后期未必能形成转化。3. 微信小程序的历史2016年1月11日，2016微信公开课PRO版在广州举行，“微信之父”张小龙首次公开演讲，宣布微信公众号将推出“应用号”，通过公众号完成一些App的部分功能。2016年9月21日晚间，微信官方向部分公众号发出了应用号的内测邀
2021-08-30 12:43:09
704
原创 2021-08-24
一、插入图像：<p>一幅图像：<img src="/i/eg_mouse.jpg" width="128" height="128" /></p>一幅图像： src后接图片的地址，不用和文件写的地址一样alt属性：加上他之后，图片要是加载不出来，就会用所写的文字代替<img src="boat.gif" alt="Big Boat">2. 给背景加图片在body里<body backgrou...
2021-08-24 21:29:51
124
原创 html部分二
一、样式用style属性改变文本以及背景颜色的样式改变背景颜色：style=“backgroud-color：red”例：改变整个背景颜色<body style="backgroond-color:green"> </body> 改变单个就把body改成h或p就行改变文字颜色 就把background-去掉即可，既有背景颜色又有文字颜色两者间用；连接例<pstyle="backgroond-color:green；color：red">...
2021-08-03 21:10:12
97
原创 html实例
Html实例一．基础标签简单实例：<html><head><title>在上面标题栏里的标题</title></head><body>显示出来的东西<h>标题，从上到下依次变小，h得加序号</h><p>段落，可不加序号</p><!--注释--><br>换行<hr>换行线</body><
2021-08-03 20:12:28
120
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人