手机随时阅读
新人专享大礼包¥24
对象创建创建一个对象varobj={name:'xx',age:18}varobj=newObject();obj.name='xx';obj.age=18;创建同类型多个对象创建多个人对象,创建多个动物对象。自定义构造函数functionPerson(){//创建人对象用的}functionAnimal(){//创建动物对象用的}varp1=newPerson()vara1=newAnimal(
函数其实就是对象函数如果通过console.dir()在控制台打印,会看到有属性prototype,有很多的方法在__proto__集合下。对象的基本特征:1.有属性有方法2.底层是通过new构造函数()创建的。!!注意:函数在JS语言的底层其实是通过newFunction()创建的。类型检测两种方式typeof适用于检测基本类型检测返回值描述备注string字符串型number数值型boolea
了解媒体查询@media媒体查询关键字设备关键词screen彩色屏幕print打印设备,可以针对打印机隐藏某些模块all所有屏幕条件关键词条件两边必须有空格and而且rem基础rem单位rem(rootem)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置fontsize=12px;非根元素设置width:2rem;
1.0移动开发选择和技术解决方案1.1移动端主流方案1.单独制作移动端页面(主流)通常情况下,网址域名前面加m(mobile),可以打开移动端。通过判断设备,如果是移动设备打开,则跳到移动端页面。也就是说,PC端和移动端为两套网站,pc端是pc断的样式,移动端在写一套,专门针对移动端适配的一套网站。2.响应式页面兼容移动端(其次)响应式网站:即pc和移动端共用一套网站,只不过在不同屏幕下,样式会自
1.0移动端基础1.1浏览器现状移动端常见浏览器:UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器,搜狗手机浏览器,猎豹浏览器,以及其他杂牌浏览器。国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于Android修改开发的一样。总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。1.2
自定义组件组件的文件结构和一般的页面(4个部分)很相似功能1.提取一些公用的代码,方便使用和维护2.让页面的代码更加简洁步骤1.新建组件结构2.需要在页面中进行声明page.jsonjson{"usingComponents":{"要引入的组件名自定义":"组件的路径"}}3.直接在页面中使用即可html<ImgBorder</ImgBorder父向子传递数据通过属性的方式来传递1.在父页面中传递
在公众号达到一定的关注量后,就有不少小伙伴问我,什么时候可以做个考研刷题小程序啊?这样我们就可以随时随地地刷题了,并且利用好零碎时间进行查漏补缺。于是,快速制作了考研刷题小程序v1.0上线。
微信小程序打开云存储中的PDF文档 //从云存储中获取图片,转为urlwx.cloud.getTempFileURL({ fileList: [{ fileID: 'cloud://moban-0adc39.6d6f-moban-0adc39-1258743806/front.pdf'//云文件id }]}).then(res => { let tempFileURL = res
人不能时刻盯着屏幕,需要提醒。或者语音提醒,或者短信提醒。短信提醒成本高,二是手机马上被塞满。通过JS定时刷新,调取接口,巧妙的解决了这个问题。定时去数据库查询,最近一天,是否有已支付,未处理的订单,如果有的话,播放音频文件。音频文件可以去网上找。叮咚,你有新订单,请及时处理。巧妙的运用JS,生成灵活的音频模块,并播放。 var func = function (){ $.ajax({
在小程序的服务端接口中,有一类是图像处理接口,其中有一个接口是让大家觉得用起来很头疼的,就是 aiCrop — 图片智能裁剪这个接口。这个接口根据官方的描述,其能力是 “本接口提供基于小程序的图片智能裁剪能力。”,但是,根据文档中给出的结果,似乎也并没有返回图片的 Buffer 流,那么这个接口真正应该怎么用呢?背后又有什么坑呢?今天我就给你讲一讲。前置条件你需要已经注册好小程序,并开通小程序云开
geoIntersects:查询与特定区域相交的数据geoIntersects 是用于查询所有数据中和给定数据相交的数据,我们可以将其用作判断某一些特定的点、线、面是否在一个特定区域内。举个例子,假设你已经有了用户当前的活动范围,比如某一条街道,那么你可以基于 geoIntersects 来构建一条线,并基于这条线查询,所有数据中,是否有数据与这个线
geoWithin:查询特定区域内的数据在开发地理位置应用时,除了基于某一个点的位置进行查询以外,我们还会查询某一个区域内的数据,比如查询北京市昌平区内的所有的酒吧、查询深圳南山区内所有的博物馆,这样的需求也是切实存在,并且十分常见的需求。这个时候,我们可以考虑,使用 geoWithin 来进行数据查询。数据结构需求如果你想要使用 geoWithin
geoNear:查询特定点附近的数据查询特定点附近的数据可以说是我们在进行应用开发时,最为常用的功能,它可以应用于诸如查询当前用户坐标周围的店铺、查询距离我最近的公交站等场景,这个时候,我们需要使用 geoNear 来进行数据库查询。数据结构需求如果你想要使用 geoNear,则要求你在数据库中存储的数据对于地理位置的存储是基于 db.
假设有如下代码:<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div>new Vue({ el: '#root', data: { firstName
作用为丰富小程序的服务能力,提高服务质量,微信为小程序提供客服消息能力,以便小程序用户可以方便快捷地与小程序服务提供方进行沟通。答题小程序的运营者或者管理员可以通过这一个客服系统与用户进行即时聊天或者互动。功能介绍用户可使用小程序客服消息功能,与小程序的客服人员进行沟通。客服消息会话入口有两个:1、小程序内:开发者在小程序内添加客服消息按钮组件,用户可在小程序内唤起客服会话页面,给小程序发消息;2
随机选取如果现在进行抽奖活动,需要选出一名幸运用户。可以使用聚合Aggregate.sample(size: number)实现,那么 sample 的调用方式如下:db.collection('users') .aggregate() .sample({ size: 1 }) .end()返回了随机选中的一个用户对应的记录,结果如下:{ "_id": "696529e4-7e82-4e7f-81
在使用订阅消息的时候,还有一个很常见的应用场景就是答题小程序中会需要定时发送订阅消息,在实际实现过程中,应该如何实现呢?如果你在使用云开发,这一部分会非常简单。你只需要开启云函数的定时发送功能,来进行发送就好。在使用定时发送订阅消息时,你需要创建一个集合(这里我们假设集合名为 data),用来记录订阅消息发送的时间以及具体要发送的信息,比较典型的一个存储订阅消息的集合是这样的[ {
订阅消息的发送总体来说,分为三步:添加订阅消息的模板小程序端请求用户授权发送订阅消息服务端调用接口发送订阅消息。接下来,我们一一看一下这几步1. 添加订阅消息的模板2. 请求发送订阅消息权限在完成了获取订阅消息的模板以后,我们可以得到一个模板 ID,接下,我们可以开始编写代码获取用户授权。这里直接新建了一个 msg 页面,并在其上放置一个按钮,进行事件绑定。在 request 方法中添加代码来实现
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { } })直接写一个监听处理函数,当每次监听到 cityN
这次手把手教我开通小程序广告组件、接入场景与操作指引的学习笔记。多个页面接入同一种类型的流量主广告组件务必使用同一个adUnitId,不要问为什么,我也不知道,就是会提高单价曝光率。
var arr = [1,1,2,2,3,4];// 1.使用循环判断var arr2 = [];for(var i = 0; i < arr.length; i++){ // 判断arr2中是否已经存在当前数字 (arr[i]) if(arr2.indexOf(arr[i]) === -1){ arr2.push(arr[i]); }}console.log
定时触发器可以处理周期性的事情,比如时报、日报、周报、在线答题活动开始等通知提醒,也可以处理倒计时任务,比如节假日、纪念日、答题小程序中的限时答题等的倒计时任务,除此之外,定时触发器还可以用来周期性处理一些定时任务。比如定期清理一些不必要的数据,定期更新集合内的数据。定时触发器怎么用:1、首先要保证该云函数在小程序端可以调用成功;2、你的config.json文件是否配置正确,config.jso
前序准备你需要在本地安装微信开发者工具。本项目技术栈基于 ES2015+、WXML、WXSS、JavaScript 、微信原生 API和云开发,所有的请求数据都使用云数据库的小程序端SDK进行查询,提前了解和学习这些知识会对使用本项目有很大的帮助。同时配套了系列教程文章,如何从零构建一个完整的答题小程序项目,建议大家先看完这些文章再来实践本项目。v2.0:基于云开发的答题活动小程序v2.0,终于赶
答题活动小程序v2.0,是一个微信小程序答题软件,它基于微信原生小程序+云开发实现。 它使用了最新的前端技术栈,提炼了典型的业务模型,它可以帮助你快速搭建各种形式的答题软件产品。相信不管你的需求是什么,本项目都能帮助到你。
1、批量删除一个集合内的多条记录比如我们要删除集合为question的所有记录:db.collection('question') .where({ _id: _.exists(true) }) .remove()由于remove请求只支持通过匹配 where 语句来删除,我们可以在where里包含一个条件只要存在_id就删除,由于基本每个记录都有_id,所以就能都删除了。2、
问题描述在 JavaScript 中整数和浮点数都属于 Number 数据类型,所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一些特殊的数值表示中,例如金额,这样看上去有点变扭,但是至少值是正确了。然而
在答题小程序中,如何将数据库里的排行榜数据导出为excel?需要借助第三方工具包,没错,就是node-xlsx了。node-xlsx不仅可以解析Excel文件从中取出数据,还能将数据生成Excel文件,因此我们可以将云数据库里面的数据取出来之后保存为Excel文件,然后再将保存的Excel文件上传到云存储。1、安装node-xlsxnpm install node-xlsx2、引入node-xls
在微信答题小程序开发过程中,Excel是存储数据(题库)比较常见的格式,也是很多非技术人士常用于录题出题自定义题库的一个方式,使用非常频繁。这里使用开发者工具新建一个云函数比如node-excel,在package.json里添加latest最新版的node-xlsx,并右键云函数目录选择在终端中打开输入命令npm install安装依赖:"dependencies": { "wx-server
背景在我开发在线答题小程序的过程中,会经常使用到聚合aggregate和数据查询get,比如从题库抽题、付费解锁、排行榜等。聚合aggregate和数据查询get时不同的两套体系,聚合更偏向于数据的统计分析。由于聚合和数据查询都能对数据库进行查询,而且两个的很多方法都特别类似,所以我刚开始的时候会混淆,甚至错误的混用,比如会在aggregate()加where条件、get请求,这里为了让自己更好理
我在做知识竞赛答题活动小程序经常需要处理一些比较基础的事情,比如时间、数组、数字、对象、字符串等处理,自己造轮子的话成本会比较高。这时候我们可以去找一些别人已经写好的开源工具,下载然后引入使用即可。
Copyright © 2005-2022 51CTO.COM 版权所有 京ICP证060544号