这篇文章主要介绍了微信小程序 云开发模糊查询实现详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 解释：db.RegExp 从基础库 2.3.2 开始（wx-server-sdk 从 0.0.23 开始），数据库支持正则表达式查询，开发者可以在查询语句中使用 JavaScript 原生正则对象或使用 db.RegExp 方法来构造正则对象然后进行字符串匹配。在查询条件中对一个字段进行正则匹配即要求该字段的值可...
本文实例讲述了深入解析JS实现3D标签云的原理与方法。分享给大家供大家参考，具体如下： 最近开始用canvas搞3D了，搞得也是简单的东西，就是球体转圈。做出来后，突然想起以前看过的3D标签云，在以前觉得真心狂拽酷炫叼啊，当时也确实不知道怎么在平面上模拟3D，所以也就没去搞了。现在刚好用了canvas搞3D，也发现，好像3D标签云也差不多，然后就写了一下。 具体怎么做呢，先说一下原理，3D标签云就是做一个球面，然后再球面上取均...
为了更好的讲这节的内容，提示一个 JS 处理日期的小技巧，想获取上个月最后一天，只需要设置SetDate参数为0即可。 var endDate = new Date(); //上个月最后一天 endDate.setDate(0);接着正文开始： 使用 JS 获取当前月的最后一天，咱们通常的思路先获取下个月的第一天，然后在减去一天，就是当前月的最后一天，所以自然会用到下面的代码： var date= new Date(); date.setMonth(date.getMonth() + 1); //日期设置为0号, 0表示1号的...
vue 源码解析 --虚拟Dom-render instance/index.js function Vue (options) {if (process.env.NODE_ENV !== production &&!(this instanceof Vue)) {warn(Vue is a constructor and should be called with the `new` keyword)}this._init(options) } renderMixin(Vue) 初始化先执行了 renderMixin 方法, Vue 实例化执行this._init, 执行this.init方法中有initRender() renderMixin installRenderHelpers( 将一些渲染的工具函数放在...
前言一直想给项目中的小程序设置侧滑栏，将退出按钮放到侧滑中，但是小程序没有提供相应的控件和API，因此只能自己手动实现，网上很多大神造的轮子很不错，本文就在是站在巨人的肩膀上实现。 hexo图片不显示问题，可前往简书效果先看看效果，我的侧滑栏需要列出如下信息：初始状态下，左下角设置悬空按钮点击悬空按钮，侧边栏拉出，悬空按钮旋转180度主页内容向右滑动一定比例，并设置阴影遮罩实现首先将xml文件分为三部分，一部分...
有的时候我们上传头像，商品图片这些的时候有的希望上传的是自己想要的图片形状，吧图片宽高固定死的话，他又会变形，比列差不多的看起来没什么区别，不固定的话，他们会宽的高的不一样，看起来完全不舒服，不美观了。 所以想了个这样的办法，用这个裁剪工具，在选择图片的时候，就把图片的大小裁剪成自己想要的大小，这样就都一致了，下面我们来看看吧！wxml: <view class="wancll-padded-15 wancll-bg-white wancll-font-size-14...
一、效果图二、实现原理跟网页的下拉列表实现是一样的，刚刚开始默认下拉的内容的是不显示的（display:none），然后通过点击的时候，去更改 display 的属性值，来实现下拉的效果。然后下拉的动画的通过 css3 的 animation 来实现的。 CSS3中添加的新属性 animation 是用来为元素实现动画效果的，但是animation无法单独担当起实现动画的效果。承载动画的另一个属性 —— @keyframes。使用的时候为了兼容可加上-webkit-、-o-、-ms-、...
一、效果图讲什么都不如直接上效果图好，所以我们先来看下实现效果如何。 通过滑动屏幕，或者点击左上角的图标按钮，都能实现侧边栏的划出效果。二、原理解析1.先实现侧边栏的内容，让侧边栏的内容居左，然后将侧边栏的内容置于屏幕的最底部。 2.接着实现主页的内容，并且让主页的内容默认是覆盖在侧边栏的内容上面。 3.然后，实现手指滑动屏幕的时候，主页的内容，向左滑动一定的宽度，让侧边栏的内容显示出来，而滑动的效果是通过...
项目需要，做一个和今日头条一样的导航栏，可以横行滚动，幸好再weui里面看到了类似的例子 地址：https://weui.shanliwawa.top/demo/js4.html，使用iscroll-lite.j实现，weui自己封装了一层，vue中实现代码： <div id="tab-tip" class="container"><div id="tagnav" class="weui-navigator weui-navigator-wrapper" style="touch-action: none;padding-left:5px"><ul class="weui-navigator-list first_nav"><li class v-for="grou...
使用扫小程序码登陆网站网络上关于实现本本功能的文章很多，但是给出案列的几乎没有，今天笔者实现用小程序码实现网站登陆，体验地址如下https://idea.techidea8.com/open/idea.shtml?id=5思路 核心流程关键流程建立场景sceneid和websocket的绑定关系获得sceneid场景ID可以前端生成，也可以后端生成，只需要保证sceneid的同一时间唯一性即可。前端生成可以采用随机数加时间戳的形式,也可以用uuid算法//时间戳 var sceneid ="scend-...
JointJS：JavaScript 流程图绘制框架最近调研了js画流程图的框架，最后选择了Joint。配合上 dagre 可以画出像模像样的流程图。 JointJS 简介JointJS 是一个开源前端框架，支持绘制各种各样的流程图、工作流图等。Rappid 是 Joint 的商业版，提供了一些更强的插件。JointJS 的特点有下面几条，摘自官网： 能够实时地渲染上百（或者上千）个元素和连接支持多种形状（矩形、圆、文本、图像、路径等）高度事件驱动，用户可自定义任何发...
JavaScript 引擎在查找一个变量的时候，有两种查找机制：LHS 和 RHS。 RHS 的查询是简单地查找到某个变量的值，而 LHS 则是试图找到变量的容器的本身。 一个简单的例子：当我们执行 console.log(a) 时，执行的就是 RHS ，因为这里 a 并没有赋予任何的值。相应的，需要查找并取得 a 的值，这样才能将值传递给 conso.log(..)。 而当我们执行到 a = 2 时，这里对 a 的引用就是 LHS 引用，因为实际上我们并不关心当前的值是什么，只是想...
前言 在微信小程序中，可以很简单的分享一个页面，比微信H5简单多了，然而，分享出去的页面（也叫卡片），打开后只是一个单独的页面，没有底部导航栏，点击返回按钮的时候就直接退出小程序了。如果需要去到首页，还必须点击顶部胶囊的“回到首页”，可是该功能很少人知道。为了解决这个问题，有两种解决方案。第一种：在分享的页面在添加显眼的“首页”悬浮按钮，点击按钮跳转到首页。这种方法，好容易理解，可是万一页面多，需要开...
前言 微信小程序是数据驱动的应用，开发技术和vue、react和angular等mv*技术类似。在vue下可以用vue-resource、axios等模块进行http请求，但是在微信小程序上，http请求只支持wx.request(OBJECT)，所以我们需要对wx.request进行封装，实现http拦截器的功能。第一步：创建一个request.js文件第二步：确定http、upload和websocket前缀第三步：封装wx.request在请求发出前处理http地址、请求头和参数、在响应后解析返回值并做基本的逻...
1 nextTick的使用vue中dom的更像并不是实时的，当数据改变后，vue会把渲染watcher添加到异步队列，异步执行，同步代码执行完成后再统一修改dom，我们看下面的代码。 <template><div class="box">{{msg}}</div> </template> export default {name: index,data () {return {msg: hello}},mounted () {this.msg = worldlet box = document.getElementsByClassName(box)[0]console.log(box.innerHTML) // hello} }可以看到，修改数据后...