06 2019 档案
摘要：先写到这里https://developers.weixin.qq.com/miniprogram/dev/api/open-api/setting/AuthSetting.html
阅读全文
摘要：（1）使用微信内置地图查看位置 wx.openLocation(Object object) 使用微信内置地图查看位置 参数 Object object 属性类型默认值必填说明 latitude number 是 纬度，范围为-90~90，负数表示南纬。使用 gcj02 国测局坐标系 longitu
阅读全文
摘要：（1）初始化项目中App.js登录代码 （2）登录接口：wx.login(Object object) 调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成。更多
阅读全文
摘要：UserInfo 用户信息 属性 string nickName 用户昵称 string avatarUrl 用户头像图片的 URL。URL 最后一个数值代表正方形头像大小（有 0、46、64、96、132 数值可选，0 代表 640x640 的正方形头像，46 表示 46x46 的正方形头像，剩余
阅读全文
摘要：（1）代码：主要介绍下获取用户信息部分 onLaunch为小程序生命周期 小程序初始化 （2）获取用户数据 wx.getSetting({...})或者wx.openSetting({...}) 开发者可以调用 wx.openSetting 打开设置界面，引导用户开启授权 参数： obj.succe
阅读全文
摘要：在app.js中设置需要的全局变量的参数，比如公司名称等 然后就可以在某个页面的js文件中(比如index.js)的data数组里面去直接使用app.js中配置的全局变量了。 .
阅读全文
摘要：页面配置 每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。文件内容为一个 JSON 对象，有以下属性： 配置项 属性类型默认值描述最低版本 navigationBarBackgroundCol
阅读全文
摘要：全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象，有以下属性： 配置项 属性类型必填描述最低版本 pages string[] 是 页面路径列表 window Object 否 全局的默认窗口表现 tabBar Object 否 底部 t
阅读全文
摘要：微信小程序设计指南 基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。 友好礼貌 为了避免用户在微信中使用小程序服务时，
阅读全文
摘要：（1）优化建议 setData setData 是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。在介绍常见的错误用法前，先简单介绍一下 setData 背后的工作原理。 工作原理 小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作
阅读全文
摘要：小程序调试面板 模拟器 模拟器模拟微信小程序在客户端真实的逻辑表现，对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。 自定义编译 点击工具栏中的编译按钮或者使用快捷键 Ctrl(⌘) + B，可以编译当前代码，并自动刷新模拟器。 同时为了帮助开发者调试从不同场景值进入具体的页面，开发者可以
阅读全文
摘要：因项目需要，以map为背景，上面悬浮有其他组件。微信开发者工具测试时一切正常，但是真机测试时地图组件却把所有的组件覆盖，检查z-index设置，一切正常，地图组件层级也在这些组件的下面，为什么会被覆盖呢？ 查小程序官方文档，官方文档表示，map组件层级最高无法用z-index控制。这就很难受了。 那
阅读全文
摘要：处理思路 （1）小程序是不是企业主体 （2）有没有进行认证 （3）如果没有 是不可以获取用户手机号码的 .
阅读全文
摘要：自定义 tabBar 基础库 2.5.0 开始支持，低版本需做兼容处理。 自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式，以满足更多个性化的场景。 在自定义 tabBar 模式下 为了保证低版本兼容以及区分哪些页面是 tab 页，tabBar 的相关配置项需完整声明，但这些字段
阅读全文
摘要：（1）分包加载 微信客户端 6.6.0，基础库 1.7.3 及以上版本开始支持。开发者工具请使用 1.01.1712150 及以上版本，可点此下载。 某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。 在构建小程序分包项目时，构建会输出一个或多个分包
阅读全文
摘要：Canvas 画布 所有在 canvas 中的画图必须用 JavaScript 完成： WXML：（我们在接下来的例子中如无特殊声明都会用这个 WXML 为模板，不再重复） JS：（我们在接下来的例子中会将 JS 放在 onLoad 中） 第一步：创建一个 Canvas 绘图上下文 首先，我们需要创
阅读全文
摘要：文件系统 文件系统是小程序提供的一套以小程序和用户维度隔离的存储以及一套相应的管理接口。通过 wx.getFileSystemManager() 可以获取到全局唯一的文件系统管理器，所有文件系统的管理操作通过 FileSystemManager 来调用。 var fs = wx.getFileSys
阅读全文
摘要：微信小程序之数据缓存 开发中常用setStorageSync来实现本地数据缓存操作 （1）点击缓存案例： 点击按钮缓存失败时提示：，点击按钮成功时提示 但日常开发里，像用户信息数据数据缓存，无需人工操作缓存，一般都是页面加载完毕后自动缓存。所以接下来将其修改下 关于app.js小程序生命周期和pag
阅读全文
摘要：生命周期是指一个小程序从创建到销毁的一系列过程 在小程序中 ，通过App()来注册一个小程序 ，通过Page()来注册一个页面 先来看一张小程序项目结构 从上图可以看出，根目录下面有包含了app.js,app.wxss,app.json三个文件 这是小程序的全局文件，app.js是小程序逻辑 ，ap
阅读全文
摘要：微信小程序提供的getlocation来获取用户的定位，能够得到用户的经纬度信息 （注：getloaction需要用户授权scope.userLocation）结合map组件能够得到用户的详细定位 参数名参数类型描述 longitude Number 中心经度 latitude Number 中心纬
阅读全文
摘要：try 测试代码块的错误。 catch 语句处理错误。 throw 创建并跑出错误。 实例： （3）适用场景 大多数情况下，try catch适用于两种场合： 1、浏览器原罪的场合：也就是兼容性场合，因为浏览器兼容性不是程序员能改正的，所以只能try catch：由于不同浏览器的报错提示是不一样的，
阅读全文
摘要：本地数据缓存常用于存储多页面用到的数据，例如用户头像信息、 （1）数据存储 wx.setStorage(Object object)与wx.setStorageSync(string key, any data) 日常开发里为了数据的正确执行获取，一般使用wx.setStorageSync，即wx.
阅读全文
摘要：（1）存储 每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage/wx.setStorageSync、wx.getStorage/wx.getStorageSync、wx.clearStorage/wx.clearStorageSync，wx.removeStorage/wx.
阅读全文
摘要：（1）<block></block>标签 block常用于结合循环 循环结果： （2）<view></view> 接下来用view标签进行循环 循环渲染结果： （3）区别 block结合循环时，block不会被解析编译到代码中。而其他标签元素则会编译 .
阅读全文
摘要：（1）网络-使用说明 网络 在小程序/小游戏中使用网络相关的 API 时，需要注意下列问题，请开发者提前了解。 1. 服务器域名配置 每个微信小程序需要事先设置通讯域名，小程序只可以跟指定的域名与进行网络通信。包括普通 HTTPS 请求（wx.request）、上传文件（wx.uploadFile）
阅读全文
摘要：（1）运行环境：小程序的运行环境 微信小程序运行在三端：iOS（iPhone/iPad）、Android 和 用于调试的开发者工具。 三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的： 在 iOS 上，小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中，视图
阅读全文
摘要：获取界面上的节点信息 WXML节点信息 节点信息查询 API 可以用于获取节点属性、样式、在界面上的位置等信息。 最常见的用法是使用这个接口来查询某个节点的当前位置，以及界面的滚动位置。 示例代码： const query = wx.createSelectorQuery() query.selec
阅读全文
摘要：框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。 什么是组件： 组件是视图层的基本组成单元。 组件自带一些功能与微信风格一致的样式。 一个组件通常包括 开始标签 和 结束标签，属性 用来修饰这个组件，内容 在两个标签之内。 <tagname pr
阅读全文
摘要：最近做的小程序，在真机测试发现有些本地图片在开发工具上可以显示，但是在真机上预览的时候不能显示 代码是这样写的 <view class='seat-size' wx:for="{{item}}" wx:key="index" wx:for-index="index" wx:for-item="cit
阅读全文
摘要：（1）onlaunch：当小程序初始化完成时，会触发 onLaunch（全局只触发一次）（app.js）；（2）onLoad: 页面加载小程序注册完成后，加载页面，触发onLoad方法。一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数（页面js）。（3）onS
阅读全文
摘要：sitemap 的索引提示是默认开启的，如需要关闭 sitemap 的索引提示，可在小程序项目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 为 false 这个是提醒，新版本加入的 .
阅读全文
摘要：（1）视图容器 名称功能说明 movable-view 可移动的视图容器，在页面中可以拖拽滑动 cover-image 覆盖在原生组件之上的图片视图 cover-view 覆盖在原生组件之上的文本视图 movable-area movable-view的可移动区域 scroll-view 可滚动视图
阅读全文
摘要：（1）视图层View 框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。 将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。 WXML(WeiXin Markup language) 用于描述页面的结构。 WXS(WeiXin Script) 是小程序的一套脚本语言，结合 WX
阅读全文
摘要：【前言】 DOM事件标准定义了两种事件流，这两种事件流有着显著的不同并且可能对你的应用有着相当大的影响。这两种事件流分别是捕获和冒泡。和许多Web技术一样，在它们成为标准之前，Netscape和微软各自不同地实现了它们，下面介绍DOM事件阶段以及事件捕获与事件冒泡先后执行顺序 【主体】 要做好兼容，
阅读全文
摘要：WXS响应事件 基础库 2.4.4 开始支持，低版本需做兼容处理。 背景 有频繁用户交互的效果在小程序上表现是比较卡顿的，例如页面有 2 个元素 A 和 B，用户在 A 上做 touchmove 手势，要求 B 也跟随移动，movable-view 就是一个典型的例子。一次 touchmove 事件
阅读全文
摘要：WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。 1、WXS与JS的区别 1.1 WXS 的基础类库： WXS 只提供给开发者5个基础类库，分别是 console，Math，JSON，Number，Date，以及一些常用的全局变量和全局函数，可以通过
阅读全文
摘要：小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。 逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。 开发者写的所有代码最终将会打包成一份 JavaScript 文件，并在小程序启动的时候运行，直到小
阅读全文
摘要：（1）框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层
阅读全文
摘要：【一】全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 完整配置项说明请参考小程序全局配置，下面是一个包含了部分常用配置选项的 app.json ： （2）详细全局配置 小程序根目录下的 app.js
阅读全文
摘要：小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 （1）一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： （2）一个小程序页面由四个文件组成，分别是： 注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。 （3）允许上传的文件 在项目目录
阅读全文
摘要：小程序协同工作和发布 在中大型的公司里，人员的分工非常仔细，一般会有不同岗位角色的员工同时参与同一个小程序项目。为此，小程序平台设计了不同的权限管理使得项目管理者可以更加高效管理整个团队的协同工作。 以往我们在开发完网页之后，需要把网页的代码和资源放在服务器上，让用户通过互联网来访问。在小程序的平台
阅读全文
摘要：我们称微信客户端给小程序所提供的环境为宿主环境。小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能。 上一章中我们把小程序涉及到的文件类型阐述了一遍，接下来结合项目来看一下这些文件是怎么配合工作的。 （1）渲染层和逻辑层 首先，我们来简单了解下小程序的运行环境。小程序的运行环境分成渲染
阅读全文
摘要：在上一章中，我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件: 接下来我们分别看看这4种文件的作用。 【1】JSON 配置 JSON 是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。 我们可以看到在项目的根目录有一个
阅读全文
摘要：【前言】 本节主要讲解下VUe面试问题 【主体】 一、什么是MVVM？ MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，Vi
阅读全文
摘要：【前言】 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密.这篇文章主要介绍了CSS BEM 命名规范简介(推荐)的相关资料,感兴趣的小伙伴们可以参考一下 【主体】 1 什么是 BEM 命名规范 Bem 是块（block）、
阅读全文
摘要：使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss编写，用主题工具的方法（使用的较多） 第一种方法：使用命令行主题工具 使用vue-cli安装完项
阅读全文
摘要：场景： 有一个公共头部和底部，vue搭建的框架，在app.vue里写的公共方法，首页是个登录页面，不需要公共部分，在这基础上进行公共部分的显示隐藏。 即注册页、登录页、404页面都不要导航 代码： （1）路由跳转到404时隐藏导航 此时在跳转页面时便可以实现隐藏错误404页面导航 （2）遗留问题：刷
阅读全文
摘要：本文介绍个编辑器快捷操作 按住Tab键即可快速创建，且数字递增 .
阅读全文
摘要：命名视图 vue router 里有一个 模式叫做 命名视图 本来一个页面里面只能有一个路由视图 对应 一个组件，现在可以多个路由视图 对应 多个组件。 出错点 点击标签之后，<router-view></router-view>中并没有内容出现。反而控制台中报错了。 原因 就是在写这里的时候，原来
阅读全文
摘要：Swiper 版本区分了组件和普通版本 （1）npm install vue-awesome-swiper –save （2）在 main,js 里引入（全局）: （3）组件里引入 : 配置 （4）template （5）数据 .
阅读全文
摘要：（1）问题描述 安装完，执行cnpm -v发现报出不是内部命令。 安装成功如下图： （2）解决方案： 之前配置过默认安装都会在D:\\nodejs\node_global中，所有我们cd 到 这个路径下，执行cnpm -v 发现是成功的，那就可以推测出是path没有配置好。 （3）配置环境变量 在p
阅读全文
