- 博客(48)
- 收藏
- 关注
原创 外部浏览器h5打开微信小程序 微信内置也可用
首先拿到小程序的access_token 这个也是后端调用 微信官方api拿到的。这个方法使用的是微信官方api 请求url scheme 实现的。因为前端请求在手机上会有跨域错误 所以请求代码放到了后端。后端不会写 但是后端需要调用的api及参数如下。拿到后 调用 看官方文档比较省劲。前端代码只做最后的请求跳转。
2024-01-23 11:47:44 671 1
原创 request全局调用封装
我创建的js文件路径 /utils/requestHttp/$http。准备前面两个文件后在main.js中导入$http.js文件。将$http.js中的$http()方法挂载到实例上面。挂载完成之后就可以去在页面中调用了。正常的request就不写了。封装方法先创建一个js文件。
2023-12-28 17:32:46 404
原创 turn.js 模版简单使用
7. 只替换图片不做太大改动的话 到js文件里面 直接搜jpg 模版默认用的是jpg图片。8.这个地方的png是 点击下方滚动条显示的小图片 里面的宽高是控制小图片大小的。9.总共有多少个单张页面 从1开始 多少张单张页面在这个地方循环遍历 动态加入。5.将整个turnjs4拖拽到编辑器中 多余的文件最好等修改完以后再删除。将图片格式修改为自己图片的格式 这个地方就是图片引用的代码 动态渲染的。注:点击进入文件后里面的html文件可以直接访问。6.在页面最下方 找到引用的js文件。
2023-11-04 14:50:03 492
原创 uniapp 横向列表 左右滑动翻页效果
{ image: "image1.jpg", info: "信息1" },{ image: "image2.jpg", info: "信息2" },{ image: "image3.jpg", info: "信息3" },{ image: "image4.jpg", info: "信息4" },{ image: "image5.jpg", info: "信息5" },{ image: "image6.jpg", info: "信息6" },// 添加更多的图片和信息。
2023-07-12 15:38:40 1729 4
原创 uni-app的创建与使用--1
由dcloud 公司开发的 多端融合框架1次开发 多端运行竞品:apiCloud ,appCan ,Codova技术架构Vue语法+小程序的api多端 Hybrid混合开发1.App端HTML+nvue(原生view)native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用2.H5端h5专用api3.各种小程序(微信为主)
2022-11-29 02:02:13 318 1
原创 webpack的基本使用
当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。loader 让 webpack 能够去处理其他类型的文件,并将它们转换为有效 模块,以供应用程序使用,以及被添加到依赖图中。2.默认值是 ./src/index.js,但你可以通过在 webpack configuration 中配置 entry 属性,来指定一个(或多个)不同的入口起点。
2022-11-22 23:53:43 304
原创 微信小程序云开发—01(云数据库、云函数的创建与基本使用)
初始化 var db = cloud.database();获取 var data = await db.collection("feedback").get()添加 var data = await db.collection("feedback").add(data:{添加数据})
2022-11-17 21:30:39 3258
原创 微信小程序常用API
该事件与 App.onUnhandledRejection 的回调时机与参数一致。wx.onPageNotFound(function listener) 监听小程序要打开的页面不存在事件。该事件与 App.onPageNotFound 的回调时机一致。wx.onError(function listener) 监听小程序错误事件。该事件与 App.onError 的回调时机与参数一致。该事件与 App.onThemeChange 的回调时机一致。该事件与 App.onShow 的回调参数一致。
2022-11-14 20:28:26 2923
原创 vue3权限管理模块
用户登录,获取token请求用户的菜单(带上token)存储在vuex中存储菜单admin页面根据vuex中store的menus来动态的渲染菜单。
2022-11-08 10:28:20 926
原创 【无标题】百度地图的基本使用
提供的覆盖物可以使用map.addOverlay方法向地图添加覆盖物,使用map.removeOverlay方法移除覆盖物。添加标注点Marker是一个用来往地图上添加点标记的类。使用它将任何你希望用户看到的兴趣点标注在地图上。API提供了默认图标样式,您也可以通过Icon类来指定自定义图标。Marker的构造函数的参数为Point和MarkerOptions(可选)。注意:当您使用自定义图标时,标注的地理坐标点将位于标注所用图标的中心位置,您可通过Icon的offset属性修改标定位置。
2022-10-31 20:44:57 1076
原创 ES6新增
ES全称EcmaScript 是脚本语言的规范 而平时经常编写的JavaScript,是EcmaScript的一种实现 所以ES新特性其实值得就是JavaScript的新特性
2022-09-26 20:24:00 1642 5
原创 JAVAScript 正则表达式(1)
正则表达式 Regular Expression 正则对象也是内置对象 正则表达式 使用单个字符串来描述 正则表达式创建语法 /正则表达式主体/修饰符(可选) 字面量方式 var reg = /hollo/g; new RegExp("字符串","修饰符") 构造函数方式 如果有多个修饰符不需要用逗号或空格隔开 例var reg = new RegExp("hello","gi") 正则表达式的方法 正则对象.test(字符串) 方法用于检测一个字符串是否匹配某个模式 如果字符串中含
2022-05-10 00:32:48 65
原创 JAVAScript 部分IE&w3c事件兼容
IE&w3c事件兼容 事件兼容写法 function addEvent(obj,type,fn){if(){}else{}} 自己创建兼容事件 try{}catch(err){} 如果try中报错则运行catch中的代码 catch括号中的err 是try中的报错信息 try{}finally{} 不管try报不报错finally都会执行 try{}catch(err){}finally{}可以组合使用 在IE8版本及一下版本无法通过传参方式吧event事件对象传过去 使用
2022-05-10 00:31:14 186
原创 JvavScript DOM的节点
常用的三重节点类型有 元素节点 元素节点返回值为1 属性节点 属性节点返回值为2 文本节点 文本节点返回值为3 查找元素节点 对象.nodeName 获取节点名称 对象.tagName 获取标签名称 另一种获取元素节点的方法 对象.nodeType 返回节点类型 对象.nodeValue 获取节点的内容/值 如果没有元素节点则值为null 盒子中的内容是文本节点 查找子节点 换行也算一个子节点 父节点对象.firstChild 查找第一个子节点 ..
2022-04-24 23:11:06 169
原创 javaScript BOM对象的认识
BOM(Browser Object Model) 浏览器对象模型 window 对象 获取元素对象的方法 document.getElementBuId("id值") 通过id值来获取元素对象 唯一 document.getElementsByTagName("标签名") 通过标签名获取元素对象 集合 document.querySelector("选择器") 通过选择器获取匹配到的第一个元素 唯一 document.querySelectorAll("选择器") 通过选择器
2022-04-20 23:04:57 459
原创 javascript 数组对象 方法
参数.pop() 用于删除数组的最后一个数值并返回删除的数值 括号中没有参数 参数.shift() 用于删除数组的第一个数值并返回 括号中没有参数 参数.push() 在数组的尾部添加一个数值 把添加的数值放在括号中 添加多个元素用逗号隔开 返回值为新数组的长度 参数.unshift() 在数组的头部添加一个数值 把添加的数值放在括号中 添加多个元素用逗号隔开 返回值为新数组的长度 数组去重排序 参数.sort(function (a,b){return a - b})..
2022-04-14 23:55:24 962
原创 字符串分割方法与数组的初步认识1
toLowerCase() 将字母转换为小写字母 toUpperCase() 将字母转换为大写字母 字符串数组方法 split() 分割 语法 字符串对象.split(参数1,参数2); 参数1 必须值 分隔符 自定义分隔符 参数2 可选的 分割的份数 不写分隔多少份输出多少份 写了以后限定份数多余份数不显示 返回值: 分割的数组 字符串.includes(参数) 查找字符串对象中有没有这个子串 参数 输入要查找的值 match() 查找多个子串 g=global全
2022-04-13 19:42:20 414
原创 日期对象以及计时器
日期对象 var 日期对象 = new Date(); d = new Box 调用构造函数 把参数赋值给d 要先赋值实例化 才可以使用 d.toLocaleDateString() 根据本地时间吧Date对象的时间部分转换为字符串 并返回结果 d.toLocaleTimeString() 以本地时分秒字符串显示 d.toLocaleString() 以本地日期字符串显示 d.getFullYear() 年份 d.getMonth()+1 月份 取值0 - 11 用时 +1 可以与
2022-04-11 22:12:49 219
原创 预编译以及DOM数学对象的基本认识
预编译 预编译分为全局预编译和局部预编译,全局预编译发生在页面加载完成时执行,而局部预编译发生在函数执行的前一刻 js运行三步曲 1语法分分析 2预编译 3解释执行 imply global暗示全局变量,任何变量,如果变量未经声明就赋值,这些变量就为全局对象所有。一切声明的全局变量和未经声明的变量,全归window所有。 例 function test(){ // 这里的b是未经声明的变量,所以是归window所有的。 var a = b = 110;} 全局预编译
2022-04-08 01:04:11 376
原创 函数的基本认识
函数 预定义函数 eval() 可以把字符串当做js来执行 isNaN() 判断参数是否是NaN(非数字) 如果是返回值true 否则返回false 会在输出时候进行类型转换 无法直接判断是不是NnN类型 Number.isNaN() 只有参数为NaN的时候 返回值才为true 其他均为false 不会进行类型转换 直接判断是不是NaN类型 isFinite() 判断参数是否是一个有限数值 如果是有限数字就返回值为 true 不是则返回false Number.isFinite() 不
2022-04-06 18:04:22 256
原创 分支流程结构
流程结构 顺序结构 没有任何结构 就是顺序 所有语句从上到下 逐条执行 顺序结构主要包括注释语句 赋值语句 输入输出等语句 分支结构 单分支 要么做要么不做 如果if(条件)为true 那么 语法: if(条件){ 语句 } if-else 双分支 语句 : if(条件){//条件成立} else{//条件不成立} 多重if结构 if(条件){ 语句1 } else if(条件){ 语句2 } e..
2022-03-30 23:34:19 253
原创 算数运算符与逻辑运算符
算数运算符 + - * / 加号两侧同为数字 就会进行加法运算 加号任何一侧为字符串,表示字符拼接 加号任何一侧为 umdefined 类型的 则输出的值 非数字 三元运算符公式: 条件 ?语句1 : 语句2; 条件成立输出语句1 条件不成立输出语句2 = 一个等于号是赋值 两个等于号为值相等 a += 3 等于 a = a + 3 a++等于 ++a 等于 a += 1 等于 a = a + 1 逻辑运算符 ...
2022-03-29 21:32:51 1848
原创 javascript 的基本应用
引入方法 内嵌式 写在<script type="text/javascript"> js代码</script> 外链式 事件引入: 例:<button onclick="js代码"></button> 在bottm按钮上设置触发事件 root{--w:500px} 数值定义 在数值中加入 width: var(--w)则数值为500px widtg: calc(100% - 100px * 2); 表示宽度在百分之百中有20
2022-03-28 20:15:05 1530
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人