weixin_41040445的博客

1、小程序根目录添加目录i18n新建 en.js; zh_CN.js 两个文件分别存放英文和中文的对照en.jsconst languageMap = { "登录" : "onload"}module.exports = { languageMap:languageMap}zh_CN.jsconst languageMap = { "登录" : "登录"}module.exports = { languageMap:languageMap}2、根目

数据本地存储官方文档 wx.getStorage......wx.setStorageSync和wx.setStorage 以Sync结尾的是同步的方法，其它的是异步的方法 举几个异步的方法为例wx.setStorage将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。 onLoad: function (op...

场景.wxml中设置一个button 添加 点击事件这个个按钮点击发AJAX请求，当用户再点击的时候，一不小心点击了很多次，那么这个事件函数就需要执行很多次，从而导致发送多次请求，这就会影响服务器性能和导致前端页面的重绘，所以我们需要解决这个问题，js 函数防抖就可以解决。不管用户点击多少次，最终只发送一次请求。click:function(){ console.log(222) wx.request({ url: 'http://106.75.79.117:.

获取用户信息（wx.getUserInfo()）该方法使用需要 用户授权 scope.userInfo 之后才能调用写个小案例wxml<button type="primary" open-type="getUserInfo" bindgetuserinfo="getUserInfo">询问是否同意授权并获取用户信息</button><view class="container"> <text>{{ userInfo.nickName

官方文档需要使用 wx.createAnimation({}) 创建一个动画实例 animation 调用实例的方法来描述动画。最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。大部分的动画实例上的方法都是设置动画样式，他们返回的还是动画实例对象本身，所以我们可以采用链式写法。需要注意animation.step() 和 animation.export() 两个方法step() 表示一组动画完成,可以在一组动画中调用任意多个动画方法，一组动画中的所有动画

微信小程序中 分享转发，主要分为两种情况右上角 menu 点击分享 按钮点击分享这两种点击，在点击的时候都会触发 Page.onShareAppMessage() 函数的执行实现button按钮转发效果的流程在button组件上设置属性 open-type=“share” 点击的时候回自动触发 onShareAppMessage() 函数执行onShareAppMessage 内部结构 必须有return {} onShareAppMessage 官方介绍js文件中 的...

在微信小程序中获取当前定位写个小案例1、开启小程序进入前后台时均接收位置消息，需引导用户开启授权。授权以后，小程序在运行中或进入后台均可接受位置消息变化。在app.json文件中配置permission permission 官方解释{ "pages": ["pages/index/index"], "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" // 高速公...

1、小程序自身有一套脚手架叫 @wechat-miniprogram/miniprogram-cli 我们使用这套脚手架来搭建自己的组件并发布到 npm 官网 wechat-miniprogram/miniprogram-cli GitHub官网2、桌面新建文件夹MeBtn3、打开文件夹 在文件夹中打开 cmd 终端 全局安装wechat-miniprogram/miniprogram-cli安装成功之后 能找到相应文件夹通过指令 miniprogram --help ...

小程序中使用别人开发的组件，需要借助node npm 等工具，从而让组件开发具备工程化和模块化。 以有赞的 vant-weapp 为例一下是具体步骤vant-weapp 官方文档1、桌面创建小程序项目 demo 在开发工具中打开2、打开项目目录 在地址栏中输入 cmd 打开我们的命令行终端 (项目名称必须符合命名规则)3、项目初始化 npm init -y 回车 在项目目录下会出现一个 package.json 的文件4、下载 vant-weapp 框架 https://...

父组件向子组件传值自定义组件Nav，在父组件中注册并使用在组件标签上自定义属性 hello和name<Navhello="{{arrs}}"name="navs"></Nav>arrs在父组件中的数据 data: { arrs:[ { id:0, title:'足球' }, { id:1, title:'篮球' }, { ..

在开发过程中，不断重复使用页面中的某一个模块，那么可以就这个模块封装成组件，在页面中直接以标签的形式调用组件。组件类似于页面，自定义组件都有自己的wxml,wxss等文件创建自定义组件流程在项目根目录下创建一个 components 文件夹，在文件夹下创建一个组件文件夹，在组件文件夹下创建四个对应的组件文件注：每个组件 都有四个文件 component.wxml component.wxss component.json component.jscomponent.wxml 组件的模板文件

绑定事件官网文档小程序中使用bind关键字绑定事件，常见事件 tap 并且很多组件都有自己对应的一些事件，比如 input组件的 bindinput radio-group组件中的bindchangebindtapindex.wxml index.js<view bindtap="add">点击我</view>Page({ data: { message:"helloWord", num:'even', },add:funct..

之前总结过函数上下文this这里简单说说小程序中涉及到的this指向 以及 如何更改this的指向this的指向概述在 JavaScript 中 this 是一个特定的关键字，它永远指向的是一个对象，并且 this 还有一个比较特殊的含义，叫执行上下文，代表着函数的执行者。总结this 指向的是一个对象 this 的指向只跟函数执行时有关，跟函数定义时无关。全局下的this全局下的 this 指向 window//windowconsole.log( this )fu..

view 组件是一个视图容器组件，类似于网页中的div常用属性 和 官方文档链接hover-class :指定按下去的样式类hover-start-time:按住后多久出现点击态，单位毫秒<view hover-class="hover" hover-start-time="2000">组件view的hover-class属性</view>text 文本组件常用属性 和 官方文档链接user-select：该属性代表文本是否可选(长按文本) 默认fal.