微信小程序之几种常见的弹框提示信息实现详解

一、模态窗口
delete(){ wx.showModal({ title: '', content: '是否确认删除', success(res) { if (res.confirm) { console.log('用户点击确定') } else...

nodejs二进制与Buffer的介绍与使用

Buffer 介绍
javascript 中对数据处理都是以字符串的形式,而对于二进制数据就不便于处理,所以 Buffer 便是用于读取或操作二进制数据都对象。
一句话概括: Buffer 类是一个全局...

vue发送websocket请求和http post请求的实例代码

先给大家介绍下vue发送websocket请求和http post请求直接上代码:pdf.vue<script> import SockJS from 'sockjs-client'; import Stomp from 'stompjs'; import qs from "q...

利用Angular7开发一个Radio组件的全过程

一、准备工作
Angular7(以下简称ng7),已经跟之前版本大有不同。新建工程后,可方便创建library(简称lib),lib是什么呢?就是一个npm包的源码包。npm作为强大的包管理器,已经成为很多F...

使用vue for时为什么要key【推荐】

前言:用vue框架写前端代码时经常会用用到v-for这个方法,但使用此方法时vue推荐我们加上一个唯一标识key这是为什么呢?阅读了网上各位大神的文章以及自己的一些理解对这个问题有...

微信小程序开发常见问题及解决方案

前言我们在做微信小程序开发的过程中,总会遇到各种奇葩的问题。今天就把我在小程序开发过程中遇到的各种问题,及对应的解决方案总结在这里,方便以后自己回顾,也方便大家查看。云...

JavaScript中的连续赋值问题实例分析

本文实例讲述了JavaScript中的连续赋值问题。分享给大家供大家参考,具体如下:JavaScript中的连续赋值:<script>var a = {n: 1}var b = a;a.x = a = {n: 2}console.log(a.x);//u...

django js 实现表格动态标序号的实例代码

django js 实现表格动态标序号<table class="table table-striped"> <thead> <tr class="key_words_head"> <th>序号</th> <th>类目</th>...

Js通过AES加密后PHP用Openssl解密的方法

前言最近遇到的几个网站在提交密码时提交的已经是密文,也就是说在网络上传输的密码是密文,这样提升了密码在网络传输中的安全性。后端语言加解密已经有很成熟的方案了,前端的话...

vue cli安装使用less的教程详解

vue-cli构建的项目默认是不支持less的,需要自己添加依赖1.安装less和less-loader ,在项目目录下运行如下命令npm install less less-loader --save-dev2.安装成功后,打开build/...

ECharts地图绘制和钻取简易接口详解

1.地图绘制过程原理
给定范围边界经纬度数据,再给它个名字就构成了绘制地图的基础。也就是说,你可以绘制任意形状的地图版块。2.地图数据生成
中国以及省市县等地图的基础数据...

小程序实现搜索框

小程序中搜索框的简单实现,供大家参考,具体内容如下搜索框搜索框无论是在电商网站还是小程序中是很常见的,那么在小程序中是如何实现的呢,我们一起来看看吧(过程遇到很多问题)。思...

jquery实现自定义树形表格的方法【自定义树形结构table】

本文实例讲述了jquery实现自定义树形表格的方法。分享给大家供大家参考,具体如下:话不多说,直接上代码(本代码仅提供思路):function createTables(data, t, p) { $("#datatable...

小程序实现分类页

分类界页面中,左边是一级目录,右边是一级目录对应的二级目录,根据这个需求,我们数据设计的结构是数组嵌套数组,第一个数组包含一级目录数据,嵌套的数组包含的是二级目录的数据。主...

微信小程序简单的canvas裁剪图片功能详解

小程序miniso的一个发布内容截图功能,话不多,先上代码
wxml文件:
<view class="cut-1-1 t-c {{cutSelect == 1&#63; 'cut-select':''}}" data-cut="1" bindtap="selectCutType"...

小程序实现短信登录倒计时

在平时的短信登录中,当发送短信验证码后会显示倒计时,那么这个倒计时如何实现呢?wxml文件<view class='Form'> <form bindsubmit="formSubmit" bindreset="formReset" class='f...

简单了解vue中父子组件如何相互传递值(基础向)

前言首先,你需要知道vue中父组件和子组件分别指的是什么?父组件:vue的根实例——用new Vue()构造函数创建的vue实例(实例会有一个挂载点,挂载点里的所有内容可理解为父组件的内容...

javascript实现简易聊天室

聊天室是我们经常见的,比如微信聊天界面、QQ聊天界面等等,一个简易的聊天室如下:1.html代码<div class="content"> <div class="section"></div> <form action="#"> <textarea...

echarts大屏字体自适应的方法步骤

用echarts做大屏可视化的时候会遇到不是用电脑投屏而是直接在大屏打开的情况,这时候大屏幕下固定的px为单位的字体就会显得很小。有一种解决方法就是采用rem为单位,根据屏幕的...

es6中比较有用的7个技巧小结

前言ES6出来已经有好几年了,同时很多新特性可以被巧妙地运用在项目中。我想要列下其中一些,希望它们对你有用。如果你还知道其他一些小技巧,欢迎留言~ 很高兴把它们补充进来。e...

iview的table组件自带的过滤器实现

iview的table组件自带的过滤器实现
iview框架的table组件自带的过滤器的使用方法:<script> export default { data () { return { columns: [ { ti...

小程序实现搜索框功能

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

小程序实现悬浮搜索框

本文实例为大家分享了小程序实现悬浮搜索框的具体代码,供大家参考,具体内容如下悬浮搜索框是当数据界面不断滚动时,搜索框始终悬浮在最上方。来看一下效果图UI代码 <view class...

微信小程序基于Taro的分享图片功能实践详解

前言
在各种小程序(微信、百度、支付宝)、H5、NativeApp 纷纷扰扰的当下,给大家强烈安利一款基于React的多终端开发利器:京东Taro(泰罗·奥特曼),Taro致力于多终端统一解决方案,一...

vue实现图片预览组件封装与使用

这是移动端使用vue框架与mint-ui实现的父用子之间的通信实现的图片预览的功能,在父组件中每一张图片都可以实现图片放大查看。子组件<!--html部分--><template> <div id="img...

vue iview多张图片大图预览、缩放翻转

本文实例为大家分享了vue iview多张图片大图预览,可缩放翻转,供大家参考,具体内容如下先看效果:完整项目代码地址具体代码如下:<style lang="less">@import "../advanced-router....

微信小程序图片左右摆动效果详解

先看效果,实现一个图片左右摇动,在一般的H5宣传页,商家活动页面我们会看到这样的动画,小程序的动画效果不同于css3动画效果,是通过js来完成的,其实步骤很简单,首先创建动画实例,再调...

微信小程序Echarts覆盖正常组件问题解决

最近公司的项目中需要在小程序内使用echarts组件来展示数据,同时因为使用了自定义导航栏以及蒙版层,导致Echarts图形覆盖于所有组件的上方,不符合设计要求。 尝试解决的...

微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步

小程序wx.navigateTo路由方法中新增加了events属性,可以用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。相关文档链接:https://developers.weixin.qq.com/m...

改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件

前言最近我们已经见识了WebAssembly如何快速编译、加速JS库以及生成更小的二进制格式。我们甚至为Rust和JavaScript社区以及其他Web编程语言之间的更好的互操作性制定了高级...

详解vuex的简单todolist例子

一个简单的vuex应用的小例子,一段自己的学习记录。
todolist就是一个简单的输入框,一个按钮,一个文本显示区域,可以逐条进行删除。1.在用vue-cli生成好的HelloWorld.vue文件中直...

如何给element添加一个抽屉组件的方法步骤

近来因为业务需要,对比iview和element库,发现element确实要比实习期间使用的iview强大点,尤其文档更为友好,但是iview的组件功能更多一点,比如分割线和抽屉组件今天特意手写一个...

微信小程序如何使用canvas二维码保存至手机相册

前言在使用canvas绘制海报的过程中不建议使用原生来进行画图,因为默认是不支持rpx像素的,px不会做到自适应。
推荐使用插件 Painter
github地址
github.com/Kujiale-Mob (本地...

vue draggable resizable 实现可拖拽缩放的组件功能

虽然之前适配过旧版组件,但是因为2.0版本原作者对代码进行了重构,原来修改的代码照搬是不可能的了。所以也就一直没有将 冲突检测 以及 吸附对齐 功能适配到2.0版本,最近正好有...

微信小程序全局变量改变监听的实现方法

问题来源
最近工作需要写小程序页面,其中有个页面情况为:父页面中包含了一个组件页面,组件页面中又包含了另外一个组件页面。需求为:点击最后一个组件页面中的一个view,需要显示...

vue中filters 传入两个参数 / 使用两个filters的实现方法

先给大家介绍下vue中filters 传入两个参数 / 使用两个filters.vue传入两个参数 <van-col>{{第一个参数|formatVisitTime(第二个参数)}}</van-col>使用两个filters<van-tag p...

微信小程序在其他页面监听globalData中值的变化

前言
这几天去面试,多次碰到同一个知识点。而且有一次面试挺有趣的,是关于小程序的。共有3个问题。1、小程序中Page.watch()方法是做什么用的?
2、小程序中如何在其他页面中监...

使用vue-router在Vue页面之间传递数据的方法

前言
几周前,我写了关于 Vue 路由的使用和在 Vue 页面导航的文章。这是在应用程序中探索的一个基本例子。通常,在将导航构建到应用程序中时,您会发现需要将数据从一个页面传递...

微信小程序基础教程之worker线程的使用方法

前言
我们知道js是单线程的,在有时候需要处理一些密集计算或者是高延迟的时候,总会出现不便。而且,现在的cpu都是多核的,单线程也无法充分发挥电脑的计算能力。正是基于这种情况...

微信小程序中如何计算距离某个节日还有多少天

先看一下页面效果:页面是这样的:好了,正文如下
最近碰到个需求需要计算,距离圣诞、元旦、高考、国庆啊等最近一个节日,还剩多少天。
因为后台没空理我,所以本文讲解在js中如何解决...

微信小程序开发技巧汇总

1.全局变量的使用
每个小程序都需要在 app.js 中调用 App 方法注册小程序示例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。
详细的参数含义和使用请参考 App 参...

基于Taro的微信小程序模板消息-获取formId功能模块封装实践

前言
在微信小程序中,小程序提供了一种能力-模板消息,官方文档是这样描述的:“基于微信的通知渠道,我们为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供...

js使用文件流下载csv文件的实现方法

理解Blob对象在Blob对象出现之前,在javascript中一直没有比较好的方式处理二进制文件,自从有了Blob了,我们就可以使用它操作二进制数据了。现在我们开始来理解下Bolb对象及它的...

js canvas实现5张图片合成一张图片

本文具体要实现的效果类似下面这张图片,主题流程大概是,页面上有类似这样布局的结构,点击中间那个紫色的按钮就会生成一张这样的图片,并且能够让用户下载图片的1、首先我们布局...

node.js实现上传文件功能

本文实例为大家分享了node.js上传文件的具体代码,供大家参考,具体内容如下
最近刚开始弄nond,写得不好见谅,有什么错误请指出:首先安装node,安装步骤这里以上传图片为例:1、在该文...

javascript中的this作用域详解

Javascript中this的指向一直是困扰我很久的问题,在使用中出错的机率也非常大。在面向对象语言中,它代表了当前对象的一个引用,而在js中却经常让我觉得混乱,它不是固定不变的,而是...

微信小程序实现下拉框功能

微信小程序里没有和HTML里的下拉框一样的组件,想要相同的效果只能自己写一个,先看效果下面来看一下代码:首先WXML<view class='select_box'> <view class='select' catchtap='s...

JAVA面试题 static关键字详解

问题面试官Q1:请说说static关键字,你在项目中是怎么使用的?static 关键字可以用来修饰:属性、方法、内部类、代码块;static 修饰的资源属于类级别,是全体对象实例共享的资源;使用 s...

如何在项目中使用log4.js的方法步骤

pm2中自带的日志内容是不能满足日常的需求的,因此需要在项目中加上日志管理,这里研究了下log4的使用方法,效果挺好的,想要查看的都可以找到,记录下简单的使用步骤
log4的配合
//...

详解微信小程序支付流程与梳理

花了几天把小程序的支付模块接口写了一下,可能有着公众号开发的一点经验,没有入太多的坑,在此我想记录一下整个流程。首先先把小程序微信支付的图搬过来:
相信会来查百度的同学...

返回顶部
顶部