150行代码带你实现微信小程序中的数据侦听

在小程序项目中, 我们的通常会使用到使用到一个全局对象作为各个页面通用的数据存储容器, 将它绑定到app对象后, 就能在每一个页面都自由的操纵这个对象. 然而在实践中, 由...

javascript异步编程的六种方式总结

异步编程
众所周知 JavaScript 是单线程工作,也就是只有一个脚本执行完成后才能执行下一个脚本,两个脚本不能同时执行,如果某个脚本耗时很长,后面的脚本都必须排队等着,会拖延整...

JS实现的自定义map方法示例

本文实例讲述了JS实现的自定义map方法。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS自定义map...

微信小程序云开发(数据库)详解

开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进...

JS简单数组排序操作示例【sort方法】

本文实例讲述了JS简单数组排序操作。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn 数组排序</title...

微信小程序实现带参数的分享功能(两种方法)

微信小程序分享功能的实现方法有两种:第一种 在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面onShareAppMessage: function () { return { title: '弹出...

微信小程序页面传多个参数跳转页面的实现方法

这里举例跳转两个参数 传递多少个也可以这里传参数 我写作 data-item data-id 来绑定 同事加了点击事件bindtap在index.js在 data 里我写的是假数据在跳转页面的函数里传e...

微信小程序如何使用云开发

微信小程序中的云开发想必大家还不是很熟悉,因为云开发也就是9月份上线的,相比之前大家对于数据库的存储都是用的是自己的服务器,接下来这篇文章主要为大家介绍下怎么使用云开...

AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】

本文实例讲述了AngularJS实现的鼠标拖动画矩形框。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...

vue-cli3 配置开发与测试环境详解

需求
首先介绍一下本项目的背景,是基于 vue-cli3.1.1 的单页应用,目前测试环境和生产环境都在线上,并且都在同一个域名下,其中生产环境部署在根目录下,测试环境部署在名为 test...

微信小程序云开发之使用云存储

上一节为大家介绍了下云开发的搭建,接下来为大家介绍下怎么使用云存储,顾名思义,云存储当然就是我们平常所说的百度网盘用来存储自己的资源,当然我们这里的云存储不仅可以存储自...

微信小程序云开发之使用云数据库

在上一节我们介绍了下怎么使用云存储来存储我们需要的数据,接下来这节也是我们在实际开发比较重要的东西数据库,首先数据库当然是我们要显示在前端界面上的内容,如果要使用云存...

jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】

本文实例讲述了jQuery实现的鼠标拖动画矩形框。分享给大家供大家参考,具体如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD...

微信小程序云开发之使用云函数

在之前的几篇文章里面介绍了下云开发中的云数据库、云存储:微信小程序如何使用云开发微信小程序之使用云存储微信小程序之使用云数据库接下来的这篇文章主要介绍下云函数,介绍...

JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例

本文实例讲述了JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...

小程序云函数调用API接口的方法

本文实例为大家分享了小程序云函数调用API接口的具体代码,供大家参考,具体内容如下以下例子是调用小程序官方的API,如何调用API来进行对内容的安全检测:第一步:新建一个文件名为m...

tsconfig.json配置详解

概述如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。 一个项目...

小程序云开发如何实现图片上传及发表文字

微信给了我们存储空间以及图片上传的功能,我们怎么可以轻易放过呢?先看看界面:二话不说, 先实现界面:<!--pages/pulish/pulish.wxml--><view class='flexDownC'> <view class='fl...

vue cli 3.0 搭建项目的图文教程

1.3.0版本包括了默认预设配置和用户自定义设置2.对比2.0来看3.0的目录结构更加精简了移除了配置文件目录 (config 和 build文件夹)移除了 static 文件夹,新增 public 文件夹,并...

Angular请求防抖处理第一次请求失效问题

问题:根据项目中的需求,需要设计一个下拉框,在输入时根据内容提供实时的建议,在此我们使用了如下组件,<p-autoComplete [(ngModel)]="text" [suggestions]="results" (completeMe...

js常用正则表达式集锦

具体代码如下所示:<script type="text/javascript"> function validate(){ var reg = new RegExp("^[0-9]*$"); var obj = document.getElementById("name"); if(!r...

微信小程序云开发实现数据添加、查询和分页

本文实例为大家分享了微信小程序云开发实现数据添加、查询和分页,供大家参考,具体内容如下实现的效果实现要点WXML 不同类别数据的显示通过 if-elif-else 实现,在wxml文件中通...

ES6中的class是如何实现的(附Babel编译的ES5代码详解)

序言
这篇文章主要讲解面试中的一个问题 - ES6中的class语法的实现?ECMAScript 6 实现了class,class是一个语法糖,使得js的编码更清晰、更人性化、风格更接近面向对象的感觉;也...

微信小程序云开发实现云数据库读写权限

一、问题场景在做图片点赞、查看量的时候,非管理员给非自己上传(创建)的图片点赞,更新数据失败,失败原因是没有修改数据权限二、问题描述云数据库中的读写权限是有严格规定的...

微信小程序云开发实现增删改查功能

本文实例为大家分享了微信小程序云开发实现增删改查的具体代码,供大家参考,具体内容如下首先按照微信小程序官方提示创建一个快速云开发小程序大家可以点击此处下载源代码实现...

微信小程序云开发 搭建一个管理小程序

概述 :开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 A...

vue中引入mxGraph的步骤详解

第一步:下载npm包
npm install mxgraph --save第二步:新建一个index.js文件文件内容如下import mx from 'mxgraph';const mxgraph = mx({ mxImageBasePath: './src/images', m...

vue中使用mxgraph的方法实例代码详解

1、npm 引入npm install mxgraph --save2、这个模块可以使用require()方法进行加载。它将返回一个接受对象作为选项的工厂函数。必须将mxBasePath选项提供给工厂函数,而不是...

JavaScript实现美化滑块效果

本文实例为大家分享了js实现美化滑块效果的具体代码,供大家参考,具体内容如下美化滑块(拖动)隐藏原有的range 同步value<!DOCTYPE html><html lang="en"><head> <meta charset=...

JavaScript实现星级评价效果

本文实例为大家分享了js实现星级评价效果展示的具体代码,供大家参考,具体内容如下背景图片实现图片是width:36px; height:25px;背景是白色,中间一个空的五角星,空的边缘有一像素...

详解小程序开发经验:多页面数据同步

导语:本文主要介绍在小程序中,多页面之间如何保持数据同步在很多的产品中,都会存在跨页面间需要数据同步,如下示例:为了更好的理解该场景,我们再详细描绘一下: 本场景包括4个页面:...

微信小程序云开发 生成带参小程序码流程

本文实例为大家分享了小程序生成带参小程序码的具体步骤,供大家参考,具体内容如下生成带参小程序码流程1、小程序端上传生成二维码所需的参数到云函数
2、云函数使用appid和ap...

如何写好一个vue组件,老夫的一年经验全在这了(推荐)

一个适用性良好的组件,一种是可配置项很多,另一种就是容易覆写,从而扩展功能Vue 组件的 API 来自三部分——prop、事件和插槽: prop 允许外部环境传递数据给组件 event 允许从...

vue路由中前进后退的一些事儿

前言最近蒸煮在做一个独立项目的时候遇到了一个小坑,特此做个爬坑纪念。基本情景是页面之间通过vue路由跳转,从页面A跳转到页面B(在页面B进行对应操作后),再从页面B跳转到页面C...

微信小程序云开发如何使用npm安装依赖

微信小程序开发教程描述的相当模糊,以至于我反复品读,多次尝试才悟出来该怎么在云开发中使用 npm 安装依赖。首先强调一下,云开发中必须安装 wx-server-sdk 依赖, 而wx-server-s...

史上最为详细的javascript继承(推荐)

前言为大家分享js中最常见最详细的继承方式,接下来将一下面的几个维度进行展示说明
文章有点长,请耐心阅读&#128513;,有什么错误理解的地方希望留言指出来 产生原因 代码实现...

微信小程序云开发如何使用云函数生成二维码

本文实例为大家分享了微信小程序云开发使用云函数生成二维码的具体代码,供大家参考,具体内容如下首先,需要给对应的云函数安装 request-promise 依赖。(不会给云函数安装依赖的...

微信小程序云开发之数据库操作

本文实例为大家分享了微信小程序云开发之数据库操作的具体代码,供大家参考,具体内容如下新建集合1.打开云开发控制台,数据库2.添加集合users添加代码onAdd: function () { cons...

小程序云开发实现数据库异步操作同步化

写小程序云函数的时候遇到了一个问题,如果只对数据库操作一次的话,可以按照官方样例放到return里面,但是如果需要对数据库进行多次操作的话就不能这样写了,因为对数据库的操作是...

小程序云开发之用户注册登录

本文实例为大家分享了小程序云开发用户注册登录的具体代码,供大家参考,具体内容如下
注册界面和文件
登录界面和文件
这里的UI使用iviewUI 不懂可以看我的另一篇文章IviewUI先...

小程序云开发获取不到数据库记录的解决方法

问题描述尝试小程序使用云数据库获取记录,进行调试的时候,控制台结果一直返回这个,如图:代码如下:wx.cloud.init();const db = wx.cloud.database()Page({ data: { }, //加载数...

微信小程序收货地址API兼容低版本解决方法

微信官方在三月底搞了不少事情.开放个人注册权限,蓝牙,与公众号打通,未来还会开发AR,图片识别,文字识别等等能力.
起初大家只是将微信小程序当做玩具看待,相信如今会有很多...

微信小程序实现元素渐入渐出动画效果封装方法

开端之前一直使用堪称“万能”的jQuery处理用户交互的动画,近日开发微信小程序,微信小程序高度限制的语法和功能使开源函数可谓对其“无能为力”。
那没办法,只好自己写一个可...

小程序云开发教程如何使用云函数实现点赞功能

本文我们就要使用高大上的云函数了,实现点赞功能什么是云函数?云函数 云函数即在云端(服务器端)运行的函数。 在物理设计上,一个云函数可由多个文件组成,占用一定量的CPU 内存等计...

微信小程序云开发修改云数据库中的数据方法

小程序代码中无法直接修改他人创建的数据记录例如:数据库表中的_openid字段是自动生成的,哪个用户创建的记录这个openid就是用户的openid,云数据库的权限分配也是根据openid来...

微信小程序实现搜索历史功能

结合了微信给的资料,马马虎虎摸索出了一些东西,下面说一下微信小程里序搜索历史功能的实现,下图是实现效果。首先,定义历史记录的显示风格和方式,在下用的是列表模式,没有使用什么...

Fetch超时设置与终止请求详解

1.基本使用
Fetch 是一个新的端获取资源的接口,用于替换笨重繁琐XMLHttpRequest.它有了Request 和 Response 以及Headers对象的概念,与后端语言请求资源更接近。一个简单的GET...

微信小程序结合Storage实现搜索历史效果

本文实例为大家分享了微信小程序实现搜索历史效果的具体代码,供大家参考,具体内容如下实现目标代码实现集合wx.setStorageSync()和wx.getStorageSync()这两个同步函数来实现这...

如何实现小程序tab栏下划线动画效果

本文主要介绍了如何实现小程序tab栏下划线动画效果,分享给大家,具体如下:最终效果实现wxml<view class='abox'> <view wx:for="{{title}}" class='{{currentIndex==index&#63;...

webpack 代码分离优化快速指北

分离代码文件
在此之前,首先要知道经常配置的 output 中有关 filename 和 chunkFilename 的区别;简单来说在 entry 定义的入口文件走的就是 filename 配置项,在入口文件内部引...

返回顶部
顶部