微信小程序收货地址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 配置项,在入口文件内部引...

inquirer.js一个用户与命令行交互的工具详解

写在前面:开始通过npm init 创建package.json的时候就有大量与用户的交互(当然也可以通过参数来忽略输入);而现在大多数工程都是通过脚手架来创建的,使用脚手架的时候最明显的...

egg.js的基本使用和调用数据库的方法示例

首先,整个项目的创建命令:npm i egg-init -g //安装eggegg-init egg-example --type=simple //初始化一个egg模板例子 后面的type跟的是模板类型这里是简单的cd egg-example//...

vue+egg+jwt实现登录验证的示例代码

原理:vue前端登录,提交账号密码给egg后端,后端比对信息后,使用jsonwebtoken对用户信息进行签名生成token,之后通过cookie返回给vue前端,前端需要使用token里的信息就使用js-base64...

微信小程序实现录音时的麦克风动画效果实例

前言
这个简单的麦克风demo的创意是来源于“包你说”中的录音效果,实现的方式其实也并不难,但对于小程序中的简易动画的使用的确很实用。
效果
先来看个demo,gif帧数比较低,实际...

webpack中如何加载静态文件的方法步骤

前言:
对于非静态的文件,如js,当webpack打包时,会被直接打到模块文件中,如main.js,如果修改了,需要再次编译
而对于静态文件,如jpg,svg等,我们不希望webpack去打包,只需要在build完后...

详解js中let与var声明变量的区别

ES6 新增了let命令,用来声明局部变量,所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约束。1.ES6可以用let定义块级作用域变量代码如下:function f1(){ { va...

微信小程序代码上传、审核发布小程序

本文实例为大家分享了微信发布小程序的具体步骤,供大家参考,具体内容如下1.打开微信开发者工具管理员扫码 -> 填写好小程序的项目目录、AppID(必须是客户已注册好的AppID)、项目...

js实现图片推拉门效果代码实例

初学者。推拉门是网页中常见的一种形式,通过JS实现比较简单。主要是通过getElement找到节点元素,然后对其进行相应的赋值即可。新建一个index.html文件,并在同一个目录中添加三...

微信小程序实现搜索功能并跳转搜索结果页面

本文实例为大家分享了微信小程序实现搜索功能,并跳转搜索结果页面,供大家参考,具体内容如下搜索页面:search.wxml页面:<view class="form"> <input class="searchInput" value='...

vue+高德地图写地图选址组件的方法

前言现在做这个移动端的项目中有一个地图选址的功能,本来高德地图中有一个现成的选址组件,但是有两个问题,因为他是用iframe引用的,第一改不了样式,这点还勉强能接受;第二他的左上...

微信小程序实现搜索指定景点周边美食、酒店

本文为大家分享了微信小程序实现指定景点周边的美食、酒店等搜索,供大家参考,具体内容如下以下为效果图,使用的是腾讯地图位置服务微信小程序JavaScript SDK,首先要申请腾讯地图...

小程序实现搜索界面 小程序实现推荐搜索列表效果

本文实例为大家分享了小程序实现搜索界面的具体代码,供大家参考,具体内容如下效果图:实现代码:<view class="page"> <view class="page__bd"> <view class="weui-search-bar">...

利用Vue实现一个markdown编辑器实例代码

前言前段时间做项目的时候,需要一个Markdown编辑器,在网上找了一些开源的实现,但是都不满足需求
说实话,这些开源项目也很难满足需求公司项目的需求,与其实现一个大而全的项目,倒...

Vue.js中该如何自己维护路由跳转记录

前言在Vue的项目中,如果我们想要做返回、回退操作时,一般会调用router.go(n)这个api,但是实际操作中,使用这个api有风险,就是会让用户跳出当前应用,因为它记录的是浏览器的访问记...

koa-router路由参数和前端路由的结合详解

koa-router 定制路由时支持通过冒号形式在 url 中指定参数,该参数会挂载到 context 上然后可通过 context.params.paramName 方便地获取。考察下面的示例:var Koa = require("...

React如何实现浏览器打印部分内容详析

前言近期着手项目任务的打印功能,在此作个记录,本文介绍基于React的一种调用浏览器打印页面指定内容的方法。整体思路: 通过构建一个隐藏的元素(该元素包裹需打印的内容),当打印行...

Vee-validate 父组件获取子组件表单校验结果的实例代码

vee-validate 是为 Vue.js 量身打造的表单校验框架,允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则,可以组合使用多种校验规则,大部分场景只需要...

微信小程序上传文件到阿里OSS教程

前言(一)开通OSS服务与新建Bucket开通OSS服务这里省略,新建bucket。(二)设置Bucket属性,后台配置域名上传文件访问域名这里我们要在小程序后台配置上传域名(上面的域名是我自己的申...

解决Vue+Electron下Vuex的Dispatch没有效果问题

这个问题是解决基于 vue 和 electron 的开发中使用 vuex 的 dispatch 无效的问题,即解决了 Please, don't use direct commit's, use dispatch instead of this. 问题。先允...

nodejs实现日志读取、日志查找及日志刷新的方法分析

本文实例讲述了nodejs实现日志读取、日志查找及日志刷新的方法。分享给大家供大家参考,具体如下:知识要点: JavaScript函数传参 JavaScript日期处理 JavaScript字符串操作...

Vue CLI2升级至Vue CLI3的方法步骤

以下备忘升级至 Vue CLI 3.x 版本后,将项目目录改为新结构时所需做的一些改动。1. 卸载与安装npm uninstall vue-cli -gnpm install -g @vue/cli注:若要使用 Vue CLI 3,需将 No...

VUE脚手架具体使用方法

什么是vue脚手架?他是一个快速构建 vue 项目的工具,通过他,我们可以将 vue 所需要的文件安装完成。vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-s...

nodejs中实现用户注册路由功能

经过前面几次的学习,已经可以做下小功能,今天要实现的是用户注册路由。一、users_model.js 功能:定义用户对象模型var mongoose=require('mongoose'), Schema=mongoose.Sc...

详解小程序云开发数据库

在云控制台操作云数据库,即创建数据库和插入数据等操作。云开发数据库提供的数据类型:string、number、object、array、bool、GeoPoint(地理位置点)、Date(时间)、Null其中的Dat...

bootstrap中的导航条实例代码详解

一、和导航的区别1.导航条比导航多了一个条字2.直接上图导航: 导航条:简单文字描述: 由两张图看出,导航内容比较简单,而导航条可以包含导航及其他元素,如表单,搜索框等,并且通常导航...

微信小程序rich-text富文本用法实例分析

本文实例讲述了微信小程序rich-text富文本用法。分享给大家供大家参考,具体如下:rich-text是一个新增的微信小程序插件,从基础库1.4.0开始,低版本需要做兼容处理nodes属性可为...

微信小程序开发之左右分栏效果的实例代码

本文以一个简单的小例子,简述在微信小程序开发中左右分栏功能的实现方式,主要涉及scroll-view ,列表数据绑定,及简单样式等内容,属于初级入门内容,仅供学习分享使用。概述在微信小...

vue3.0 搭建项目总结(详细步骤)

1.环境配置项目中的不同开发环境有很多依赖配置,所以可以根据环境设置不同的配置,以免在不同环境经常修改文件1 在根目录下创建 `.env.[环境]` 文件,可以在不同环境设置一些配...

Nuxt项目支持eslint+pritter+typescript的实现

脚手架安装好nuxt的基本项目npx create-nuxt-app <项目名>,如:npx create-nuxt-app nuxt-ts,按照提示安装你想要的东西,本次项目预装: Universal模式下koa+PWA+linter+prettier+a...

微信小程序图表插件wx-charts用法实例详解

本文实例讲述了微信小程序图表插件wx-charts用法。分享给大家供大家参考,具体如下:微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧,支持图表类型饼图、线图、柱状图 、区...

浅谈Vuex注入Vue生命周期的过程

这篇文章是【前端词典】系列文章的第 13 篇文章,接下的 9 篇我会围绕着 Vue 展开,希望这 9 篇文章可以使大家加深对 Vue 的了解。当然这些文章的前提是默认你对 Vue 有一定的...

微信打开网址添加在浏览器中打开提示的办法

使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等。网上流传的各种微信打开下载链接,微信一更新基本失效。大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口...

JS实现选项卡效果的代码实例

选项卡这个效果估计以后的项目会经常涉及到,对代码还是半熟练的情况下还是写下来吧。
先来布局一个简单的页面:<!DOCTYPE html><html> <head> <meta charset="UTF-8">...

vue-i18n结合Element-ui的配置方法

使用方法:在配合 Element-UI 一起使用时,会有2个问题: ####(1)、页面刷新后,通过按钮切换的语言还原成了最初的语言,无法保存 ####(2)、框架内部自带的提示文字无法更改,比如像时间选...

详解vue 在移动端体验上的优化解决方案

去年年底自己搭了一个vue在移动端的开发框架,感觉体验不是很好。上个星期又要做移动端的项目了。所以我花了两天时间对之前的那个开发框架做了以下优化 自定义vuex-plugins-...

一文搞懂ES6中的Map和Set

MapMap对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。构造函数Map可以接受一个数组作为参数。Map和Object的区别&#8226;一个Object 的键只能是字符串...

vue element-ui之怎么封装一个自己的组件的详解

为什么要进行组件封装?封装的目的就是为了能够更加便捷、快速的进行业务功能的开发。组件(component)是vue的最强大功能之一,组件可以实现一些类似功能的复用及与其它业务逻辑的...

react 中父组件与子组件双向绑定问题

在项目中我们可能会遇到类似这样的场景,也就是父子组件的双向数据绑定首先,先把在head中引入react.js、react-dom.js和可选择的babel.js(这里需要注意引用的顺序,react.js必须...

JS求1到任意数之间的所有质数的方法详解

何为质数: 只能被1 和 自身 整除的数;方法: 利用js中求模, 看是否有余数. ---> 3%2 = 1; 5%2 = 3.........代码如下:function test (n) { // 判断一个数是否能被自身小的正...

node实现socket链接与GPRS进行通信的方法

业务背景
最近接到一个需求,在微信公众号界面设计一个独立界面,界面上有 A 电机进、A 电机退、B 电机进、B 电机退 4 个按钮,点击对应按钮,云平台发送不同的代码给电机本地的控...

小程序实现新用户判断并跳转激活的方法

前言上周接了一个小项目赚点外快,原以为很简单结果被卡在一个小坑爬了好半天它是一个供电力局使用的报修小程序,需要特定用户在第一次使用时进行激活操作,通俗的说就是当某用户...

返回顶部
顶部