因为业务需要在小程序里加上很多的弹窗,就想写一个组件来实现;
创建组件
新建文件夹component专门放组件,
新建popup页面,在popup.json中设置:
{ "component": true}
表明它是一个组件,我们称之为“子组件”
注意:在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。(只使用class)
如何使...
因为业务需要,每个http请求都要加上一个请求头,所以每次都要写很多重复的代码。
现在尝试把wx.request简单的封装了一下,调用一个request方法,每次请求自动携带header头信息,这样就省事多了,包含了常见的get post put delete 四种请求方法,支持Promise方式调用。
封装代码
class request { constructor...
JS是单线程语言:顺序执行
任务队列宏任务(macro-task):整体代码<script> setTimeout setInterval微任务(micro-task):PromisePromise new 之后会立即执行 之后的 then 是微任务
demo 1
setTimeout(function () { console.log('1')});new Promise(function (resolve) { console.log('2'); ...
什么是函数柯里化?
在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。
例子一
看一个普通的 add 函数
function add(a, b) { return a + b}add(2, 3); // 5
假如我想要这样一个函数,怎么实现
curryAdd(2)(3); // 5
你可能会这样设计
function curryAd...
使用API
wx.getSetting 判断是否授权。
wx.authorize 提前向用户发起授权请求。
wx.openSetting 调起客户端小程序设置界面,返回用户设置的操作结果。
Page({ onShow: function () { this.isAuto() if (this.isUserOpen) { // 用户手动打开的相机权限,返回培训计划。 wx.reLaunch({ ...
image-cropper
一款高性能的小程序图片裁剪插件,支持旋转。
1.功能强大。
2.性能超高超流畅,大图毫无卡顿感。
3.组件化,使用简单。
4.点击中间窗口实时查看裁剪结果。
初始准备
下载 image-cropper 组件,并放入 components 文件里中。
1.json文件中添加image-cropper
"usingComponents": { "ima...
有这样一个需求, 进入一个页面需要播放好几个音频,为了增加用户体验,产品要求在第一次进入的时候就将所有的音频缓存在本地,然后再从本地读取。但是wx.downloadFile()是一个异步方法,我必须再确定所有的音频下载完成之后在开始播放音频,但是因为是异步方法,解决思路了如下。
设定一个 i = 0 ,使用forE...
关键词:华为wa603dn 刷成无线路由
先简单说说WA663SN这一系列机器。这个系列的机器有很多不同的名字,功能上有细微差别,但是总体硬件方案相同。 比如WA603DN,6个天线,支持802.11a/b/g/n,2.4G/5G双频。
而WA633SN是单频的,只有2.4G频段。CPU都是Cavium Networks Octeon的cpu,128m内存 32m闪存,2.4G无线...
前言
本文首先会简单介绍下前端的常见缓存方式,再引入serviceworker的概念,针对其原理和如何运用进行介绍。然后基于google推出的第三方库workbox,在产品中进行运用实践,并对其原理进行简要剖析。
前端缓存简介
先简单介绍一下现有的前端缓存技术方案,主要分为http缓存和浏览器缓存。
http缓存
http缓存都...
目录
一、浏览器说明
二、网页、网站和应用程序
三、演示JavaScript的强大
四、JavaScript介绍
1. JavaScript是什么
2. JavaScript最初的目的
3.JavaScript和HTML、CSS的区别
4.JavaScript的组成
五、JavaScript的书写位置
六、变量
1.什么是变量
2.如何使用变量
3.变量在内存中的存储
4.变量的命名规则和规...