一、view组件及其重要属性view最主要的功能是布局1.1 相关属性属性1：hover-class 指定按下去的样式类这个属性指定按下去的类样式，让容器有一个单击效果， 当hover-class="none"时，或者没有设置这个属性时，就没有单击态的效果。 单击、再松开手指之后，容器组件恢复之前的状态。<view hover-class="bc_red" class="section__t
转载
2024-05-16 08:41:24
121阅读
博客简介本篇博客介绍如何调用微信API获取经纬度，如何调用百度地图API获取实物位置微信API获取经纬度信息百度地图API获取实物位置微信小程序获取经纬度微信提供了获取当前设备经纬度的API，我们可以方便的用调用API获取当地的经纬度坐标，找到微信官方文档获取API参数信息：wx.getLocation(Object object)调用前需要 用户授权 scope.userLocation获取当前
微信小程序 组件的使用微信小程序支持简洁的组件化编程。好的组件可以多次重复使用，引入方式简单，代码量少，页面简洁好维护，看起来逻辑比较清晰，代码也比较好看。今天我们来讲一下 怎么自定义一个自己的组件，并使用它。首先先放官方的文档，介绍的还是比较清楚详细，有能力的同学请直接阅读官方文档小程序组件官方文档自定义自己的小程序组件页面使用组件一、自定义组件1、新建一个组件文件夹文件夹下面包涵我们需要的4个
1.微信小程序公共组件封装由于有些页面上会出现重复的代码，就需要把它提炼成组件的形式，方便后期的应用，也可以提高开发效率，接下来我就把上一篇文章里做过的一个简单的顶部导航菜单封装成公共的组件。1.1. 创建组件首先在components中新建一个文件夹，在此文件夹上右击选择新建component选项，建好的目录结构如下1.2 在子组件topnav.wxml里面写入标签<!-- 顶
转载
2024-09-20 16:01:36
386阅读
自定义组件 - 组件的创建与引用 1. 创建组件 ① 在项目的根目录中，鼠标右键，创建
components
->
test
文件夹 ② 在新建的 components -> test 文件夹上，鼠标右键，点击“
新建 Component
” ③ 键入组件的名称之后回车，
最近在做微信小程序，引入weui的时候踩坑了好久，这里记录一下遇到的问题。微信官方文档给了两种weui引入方式：通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。可以通过npm方式下载构建，npm包名为weui-miniprogram
但是注意！！！如果使用扩展组件的话必须使用npm的安装方式安装weui以使用tabs选项卡组件为例
在微信小程序中我们为了方便项目的开发。减少没必要的重复代码，往往通过组件来进行开发，将能够重使用的模块或功能封装成一个组件，那么，当我们在使用的时候只需要引入传值就可以了，同样也可以组件里面放组件，开始套娃。可能有的同学会问，什么是组件呢，组件在我看来就是一个独立的模块，可以看成一个跟小的项目，他会根据你给的值，呈现不同的状态，大家在写的时候
转载
2024-06-23 05:05:09
260阅读
每个小程序都需要在 app.js 中调用 App 方法注册小程序实例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。 /** 生命周期回调—监听页面加载
*
* 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径
微信小程序中有一些扩展组件可以用，例如其中的图片上传组件，不论样式还是上传时的动画，都比较好，在使用过程中也遇到了一些问题，在这记录一下，也期望能让后来用的人少走弯路。第一步，首先访问网址，https://developers.weixin.qq.com/miniprogram/dev/extended/weui/download.html，下载你需要的组件到程序中，需要下载这uploader，c
转载
2024-03-27 15:42:32
299阅读
Promise 对象Promise 的含义基本用法Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.resolve()Promise.reject()应用Promise.try()Promise 的含义Promise 是异步编程
转载
2024-07-26 18:10:05
45阅读
一、创建组件和使用自定义组件1.创建组件①在项目的根目录中，鼠标右键，创建components -> 文件夹②在新建的components -> 文件夹上,鼠标右键，点击“新建Component' ③键入组件的名称之后回车，会自动生成组件对应的4个文件,后缀名分别为js, json，.wxml 和.wxss2.组件引用组件的引用方式分为“局部引用”和“全局引用”局部引用：组件只能在当前
properties属性 在小程序组件中，properties 是组件的对外属性，用来接收外界传递到组件中的数据 properties定义properties: {
// 第一种方式:简化的定义方式（没办法指定默认值）
// max: Number
//第二种方式:完整的定义方式(可指定默认值)
max: {
type: Number,
va
转载
2024-05-29 11:25:11
544阅读
前端的框架太多让人眼花缭乱，很多相似的地方，优秀的地方大家都会借鉴，同时又会有各自的一些特点。小程序也好，其他框架也好，理解他们的设计缘由、实现原理，还是能学到很多很多东西的。一切始于双线程技术选型目前来说，页面渲染的方式主要有三种：Web 渲染。Native 原生渲染。Web 与 Native 两者掺杂，也即我们常说的 Hybrid 渲染。前面也说过，小程序最终的呈现形式，是 WebView +
处于互联网行业的我们想必对小程序的火爆之势已经有所了解了。我们无时无刻都能感受到它的火爆，很多对小程序持有观望或者犹豫态度的人开始坐不住了，都想要制作属于自己的小程序，那么就有朋友问了自己制作一个小程序需要哪些费用呢，今天小编就来做一个简单的介绍。第一首先是小程序认证费用，申请微信小程序需要300元，这个费用是支付给微信官方平台的，当然如果你有公众号的话，直接在公众号上快速创建并认证一个小程序，这
转载
2024-02-23 15:35:57
77阅读
现在WEB开发门槛越来越高,不想java 会了就可以有工作,前端不行 ,不仅JavaScript要求不低,基础的HTML+CSS还要扎实,jquery也是必须要会,现在的前端框架 Vue Ng React 还必须要会使用一个,不然出去都不存在找到工作,几年前前端要求都是应用层,现在面试都是看基础,比如面试官出一道题[]+[]
[]+{}
{}+[]
{}+{}
1+"1"+2
1+1+"2"
微信小程序文档中提供的组件有限，一定程度上限制了开发需求，这里就需要我们自定义一些控件，实现开发需求。自定义控件有两种方式，一种是选择模板的方式，另一种是选择组件的方式来创建。这里我选择了组件方式来创建，这样只需引入组件和外部添加数据，内部展示数据，即可实现重用。1、文件目录结构这里一定要注意我们目录结构，个人喜好把项目中的业务文件放在pages中，图片放在与pages同级的images文件中，第
最近又在做小程序开发的工作。这次需要获取用户的地理位置，就是在界面上显示用户所在的城市。准备工作准备工作就是看小程序的文档-小程序-获取位置。 这里小程序提供了一个接口(OBJECT)。接口参数 这里主要是那个type参数。success返回 这里我们可以看见返回的数据里面和位置相关的只有经纬度latitude和longitude。但是这个是数字，用户并不需要关系这些也看不懂，用户只需要知道当前
场景描述：在微信小程序中，我们可能用到很多种登陆方式，例如用手机作为标识登陆亦或者用微信信息作为标识登陆（但这写都要看你的项目需要），在这里我说一下如何使用微信信息作为标识登陆。编程思路：分三步走，第一步微信信息获取发送给后台-》第二步解密微信信息验证数据库-》登陆成功保存缓存并且更新token小程序前端处理 //调用登录接口，获取 code
wx.login({
success
微信小程序项目配置1、父子组件通讯1-1、父组件获取子组件实例2、组件中的监听器 observers（vue中的watch）3、组件生命周期4、组件中的插槽4-1、单个插槽的使用4-2、多个插槽的使用5、小程序中的混入 behaviors ，类似于vue中的 mixins6、小程序嵌入 npm 包6-1、小程序中嵌入 vant-weapp 组件库（https://youzan.github.io
创建自定义组件1.创建组件目录components(与pages同级)2.给不同的组件在conponents中创建不同的文件夹（例：Tabs组件）3.右键点击Tabs文件夹，点击新建component,即可创建所需文件使用自定义组件1.在page中新建一个页面demo，小程序页面显示当前页面内容<!--pages/demo/demo.wxml-->
<text>pages/
