自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 资源 (1)
  • 收藏
  • 关注

原创 微信小程序获取微信用户绑定手机号--nodejs版本(测试账号,非非个人账号)

1.获取测试账号appid和appsecret秘钥 网站地址: 社区:https://developers.weixin.qq.com/community/develop/question 先进行登录,然后进入: https://developers.weixin.qq.com/sandbox,查看信息 2.微信小程序端 2.1通过微信登录wx.login获取code,到后台换取sessionkey信息 2.2wxml页面 2.3 获取手机号,进行解密 3.node服务端 (使用express框架搭

2020-10-15 15:41:28 1358 1

原创 前端面试题---JS

26.请描述一下 cookies,sessionStorage 和 localStorage 的区别?5.数组pop(), push(), unshift(), shift()的区别。16.call()和apply()以及bind()三个方法的区别?13.解释javascript中的作用域和作用域?4.null和undefined的区别?9.typeof NaN的结果是什么?14.JavaScript 的作用域?8.事件冒泡和事件捕获到底有何区别?35.JSONP 的原理是什么?

2023-03-18 11:35:14 291

转载 内网穿透概念

内网IP(局域网) 内网IP,简单来说呢,就是局域网,比如网吧中所有的机子都在同一个局域网下, 网吧的网线连接在同一交换机上,每台电脑的IP都由交换机或者路由分配,而且每一个IP也是不同的,小伙伴们也应该知道,同一局域网下是可以进行资源共享的。但是比如在A网吧中的IP为192.177.1.334,在B网吧中也可以有跟A网吧同样的IP。但外网IP不可以重复,且唯一。 外网IP(广域网) 外网IP是一个很大的范围,比如上述他到的网吧,所有网吧内的机子共用一个主IP(外网IP),外网IP由运行商分配,可以称所有网

2021-05-09 20:37:47 531

原创 微信小程序使用计算属性computed封装购物车组件

1.安装计算属性 npm install --save miniprogram-computed 构建npm 2.封装即可 ​ 参考资源源码 3.参数 参数 默认值 是否必须 说明 products 无 是 购物车数据 bindsubmit 无 否 结算提交事件 binddelete 无 否 删除购物车事件 4.请求数据格式 products 数据中,对象内的元素字段必须是当前效果,如果要修改,需要对源码自行修改 products:[{ // 商品数据格式,源码可根据实

2021-01-02 20:04:34 1250 2

原创 js简易实现获取数组重复元素的自定义函数

function fun(arr){ // [1,3,4,4,3,5,6,6,7,8,3] let brr = []; let crr = []; for(var i=0;i<=arr.length;i++){ if(brr.indexOf(arr[i]) == -1){ brr.push(arr[i]) }else{ if(crr.indexOf(arr[i]) == -1)crr.push(arr[i]) ..

2020-12-04 11:29:16 394

原创 小程序云开发实现图片上传功能

1.wxml触发选择图片事件 <button type="primary" bindtap="_choseImage">选择头像</button> 2.选择图片 // 选取图片 _choseImage() { let _this = this; wx.chooseImage({ count: 1, // 最多9张 sizeType: ['original', 'compressed'],// 原图 缩略图 sourceTy

2020-11-17 20:01:55 837 1

原创 小程序云开发实现多文件上传

1.调用文件上传功能模块 async _doSubmit(e) { let files= ["XXX.jpg","xxxx.jpg"]; //文件 let filesID = await this._uploaderFiles(files); }, 2.多文件上传功能 async _uploaderFiles(files) { let filesID = []; //处理之后的所有的存储地址 // 多文件上传处理 files.forEach((item, index)

2020-11-17 19:54:37 613

原创 微信小程序实现遮罩层删除效果

效果图 wxml页面结构 <view class="hot-recipe-list" wx:else> <block wx:for="{{ recipes }}" wx:key="id"> <view class="hot-recipe-list-item" bindlongpress="_delStyle" data-index="{{ index }}" > <!-- 内容区域 --&gt

2020-11-12 19:27:08 531

原创 微信小程序网络请求封装promise

网络请求封装promise (1)封装配置文件 global.js // 定义主域名 const url = "http://localhost:3000"; export default url; (2)封装网络请求promise http.js文件 // 封装网络请求,变成promise形式 import url from "./global" const http = (options={}) => { /* options = { url:"/login"

2020-11-12 14:30:27 859 2

原创 uni-app编译运行微信小程序,static没有进行编译问题

uni-app运行编译时,在H5页面,static内容的图片路径没有错,图片不进行加载,同时在微信小程序,static不进行编译等问题。 可能的解决办法: 当前工程的文件路径出现了类似于()括号等一些特殊字符,直接更换修改工程路径 ...

2020-10-29 21:03:31 2427 1

原创 微信小程序之云开发获取多条数据(小程序端大于限制20条)

一.获取全部 // 每一次请求,最多获取20条数据 const _findAll = async (collectionName,where ={},orderBy={field:"_id",sort:"desc"}) => { const MAX_LIMIT = 20 // 每次获取20条数据 // 先取出集合记录总数 const countResult = await db.collection(collectionName).count() const total = coun

2020-10-27 10:37:21 2727 1

原创 vue+elementUI+axios+微信小程序云开发实现项目后台管理系统

一、初始化vue项目 Npm install -g vue-cli@2.96 Vue init webpack 项目名称 二、安装对应模块 1.安装elementUI npm i element-ui -S 2.安装axios Npm install axios 3.mian.js进行挂载 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementU

2020-10-15 16:09:44 4313 5

原创 小程序修改Ctrl+s保存后点击编译后刷新的页面还是修改之前的

小程序修改Ctrl+s保存后点击编译后刷新的页面还是修改之前的

2020-09-07 18:51:23 749

转载 vue的v-model原理简述

一,v-model是什么 v-model就是vue的双向绑定的指令,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值。 二,为什么使用v-model v-model作为双向绑定指令也是vue两大核心功能之一,使用非常方便,提高前端开发效率。在view层,model层相互需要数据交互,即可使用v-model。 三,v-model的原理简单描述 v-model主要提供了两个功能,view层输入值影响data的属性值,data属性值发生改变会更新vie

2020-07-23 11:06:11 6737

原创 vue-cli脚手架,怎么做移动端H5的多屏适配?

(1)安装lib-flexible npm i lib-flexible --save (2)在main.js中引入 // 导入屏幕适配模块 import ‘lib-flexible/flexible.js’ (3)在index.html中设置手机端适配的meta的代码 (4)安装px2rem-loader 使用flexible插件时 会自动把px转换成rem单位时,我们将使用px2rem这个工具 npm install px2rem-loader (5)配置px2rem-loader var px2r

2020-07-17 10:48:05 698

原创 常见vue组件传值

在使用vue框架进行开发的时候,组件化的开发模式,问题比较多的就是组件中如何进行传递参数,下面我们就来看一下。 一般有三种传值方式:1.父传子、2.子传父、3.兄弟组件之间通信4.爷孙跨级传值 1.父组件向子组件传值 一般会在子组件里面定义props来做接收,这是比较常见的情况 (1)这是父组件 <template> <div> <div>我是父组件</div> <div>我发送给第一个组件的信息是:{{message}}

2020-07-15 19:56:53 1170

原创 你的第一个上线小程序

你的第一个上线小程序小程序账号的申请小程序的后台介绍开发者工具项目编写项目上线配置发布 小程序账号的申请 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 小程序的后台介绍 21212 开发者工具 项目编写 项目上线配置 发布 ...

2020-07-03 21:27:22 219

原创 微信小程序发布上线流程

代码上传 ① 小程序appid 将开发好的小程序的appid换成管理员真实的appid。 ② 小程序后台开发设置 将项目开发中,小程序涉及到的所有的服务器域名,都必须在开发设置中进行配置。 注意: 小程序的网络请求协议,必须是HTTPS。 ③ 代码上传 代码审核与发布 ① 提交审核 登录微信公众平台小程序,进入开发管理,开发版本中展示已上传的代码,管理员可提交审核或是删除代码。 ② 审核信息填写 ...

2020-01-10 15:31:38 968

原创 微信小程序常见面试题总结

1.阐述一下微信公众平台账号的分类? 微信公众账号分为订阅号、服务号、小程序(含小游戏)、企业微信(原企业号) 2.阐述一下不同公众账号的特点? 订阅号: 为媒体和个人提供一种新的信息传播方式,主要功能是在微信侧给用户传达资讯。一天群发1次,显示在订阅号文件内,高级接口有限制 服务号: 为企业和组织提供更强大的业务服务与用户管理能力,主要偏向服务类交互。不适合个人。每月群发4次,能够使用高级接口。...

2020-01-10 15:26:03 9415 4

微信小程序使用计算属性computed封装购物车组件

微信小程序使用计算属性computed封装购物车组件

2021-01-02

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除