小程序实现图片预览裁剪插件

最近在帮工作室做一个小程序,在换背景图的时候需要预览图片,并且需要裁剪成固定的尺寸。因为小程序并不支持原生的dom操作,导致很多现有的插件都无法使用,所以花了半天专门做了...

微信小程序商品详情页底部弹出框

电商项目中商品详情页,加入购物车或者下单时可以选择商品属性的弹出框,通过设置view的平移动画,达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数,当点击对话框...

Js代码中的span拼接问题解决

这篇文章主要介绍了Js代码中的span拼接问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下今天遇到一个小需求,用bo...

微信小程序实现Swiper轮播图效果

本文实例为大家分享了微信小程序轮播图的具体代码,供大家参考,具体内容如下1.逻辑层mine.js// pages/mine/mine.jsPage({ /** * 页面的初始数据 */ data: { /*轮播图 配置*/...

超简单的微信小程序轮播图

Tips:微信小程序可以在HbuilderX用HTML标签(如Ddiv、span等)写前端代码,也可以用微信小程序语法写(view、swiper标签),然后npm run dev编译后,在微信开发者工具里面导入该项目,就可以...

Vue混入mixins滚动触底的方法

前言在app端常常看到类似加载数据的动画,接下来我们来实现滚动触底加载动画提示,以及如何复用这些逻辑。如何判断滚动触底来看下几张图:情况一:当文档高度还为超过可视区域高度...

JavaScript实现省市联动效果

本文实例为大家分享了JavaScript实现省市联动的具体代码,供大家参考,具体内容如下实现效果:1.当点击文字时选中对应的下拉菜单2.选择省,后面跟本省对应的市实现过程: 1.获得省的D...

解决vue自定义全局消息框组件问题

1.发现问题
在进行移动端适配的时候,为了在各个型号的设备上能够更好的提现结构排版,决定采用rem布局。采用rem布局的时候html的字体font-size是有一个标准的。我这边用的是75...

js实现录音上传功能

本文实例为大家分享了js代码实现录音上传,供大家参考,具体内容如下1.html页面
2.Recorder.js内容
3.flask写法
1.html页面<!DOCTYPE html><html lang="en"><head> <meta chars...

微信小程序开发摇一摇功能

微信小程序摇一摇方法定义: let shakeInfo = { openFlag: false,// 是否开启摇一摇,*****注意:如果是小程序全局监听摇一摇,这里默认为true shakeSpeed: 110,//设置阈值,越小越...

vue使用recorder.js实现录音功能

关于vue使用recorder.js录音功能,供大家参考,具体内容如下**1, 引入外部js文件import { HZRecorder} from ‘…/…/utils/HZRecorder.js';js文件内容export function HZRecorde...

小程序实现录音上传功能

本文实例为大家分享了小程序录音上传的具体代码,供大家参考,具体内容如下首先我们可以先看一下微信小程序的API这里有关于小程序录音的一些基本配置index.wxml:<view class='p...

webpack优化之代码分割与公共代码提取详解

前言
开发多页应用的时候,如果不对webpack打包进行优化,当某个模块被多个入口模块引用时,它就会被打包多次(在最终打包出来的某几个文件里,它们都会有一份相同的代码)。当项目业务...

小程序采集录音并上传到后台

本文实例为大家分享了小程序录音上传的具体代码,供大家参考,具体内容如下demo.wxml<view> <button bindtap='startRecordMp3' type='primary'>录音开始(mp3)</button></view><vi...

小程序实现按下录音松开识别语音

本文实例为大家分享了小程序按下录音松开识别语音的具体代码,供大家参考,具体内容如下wxml <view class='circle position-absol'> <text wx:if="{{!anmationShow}}" class...

微信小程序实现录音功能

本文实例为大家分享了微信小程序录音功能的具体代码,供大家参考,具体内容如下release.wxml<!--pages/index/release/release.wxml--><scroll-view> <view wx:if="{{voices}}"...

jquery 插件重新绑定的处理方法分析

本文实例讲述了jquery 插件重新绑定的处理方法。分享给大家供大家参考,具体如下:比如有一个slide的jquery插件,页面打开就对dom进行了绑定。<div class="expert"> <div class=...

javascript 原型与原型链的理解及实例分析

本文实例讲述了javascript 原型与原型链的理解。分享给大家供大家参考,具体如下:javascript中一切皆对象,但是由于没有Class类的概念,所以就无法很好的表达对象与对象之间的关系...

node.js中事件触发器events的使用方法实例分析

本文实例讲述了node.js中事件触发器events的使用方法。分享给大家供大家参考,具体如下:node.js是基于事件驱动的,通过events,我们可以方便的创建事件,并通过触发事件来调用我们自...

node.js中Buffer缓冲器的原理与使用方法分析

本文实例讲述了node.js中Buffer缓冲器的原理与使用方法。分享给大家供大家参考,具体如下:一、什么是BufferBuffer缓冲器是用来存储输入和输出数据的一段内存。js语言没有二进...

mpvue微信小程序开发之实现一个弹幕评论

先上图就是一个简单的弹幕发送功能弹幕区的页面: <div class="content" v-show="doommData.length"> <div class="textLeft"></div> <div class="textItem"> <p...

Egg Vue SSR 服务端渲染数据请求与asyncData

服务端渲染 Node 层直接获取数据
在 Egg 项目如果使用模板引擎规范时通是过 render 方法进行模板渲染,render 的第一个参数模板路径,第二个参数时模板渲染数据. 如如下调用方...

解决Vue.js应用回退或刷新界面时提示用户保存修改问题

在实际应用中,运营人员在编辑数据时不希望因不小心点击了浏览器的回退或刷新按钮导致花费了很长时间编辑的数据丢失。可以采用以下两种手段防止运营编辑时丢失数据:在运营人员...

JS控制只能输入数字并且最多允许小数点两位

下面通过一段代码给大家介绍JS控制只能输入数字并且最多允许小数点两位,具体代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t...

通过GASP让vue实现动态效果实例代码详解

单页应用及支持它们的前端框架提供了一个很好的机会,可以为程序设计提供令人惊叹的交互层,本文,我们将了解 vue.js 及如何集成 GASP 动画库来添加令人惊叹的动画效果。Vue.js...

vue使用swiper实现中间大两边小的轮播图效果

项目中使用的vue,刚好有需求要实现轮播图,突出显示当前图片,两边展示其他图片;通过查各种资料,实现了,故在此记录下来下面我们来看下实现步骤: 第一步:首先在项目index.html中引入s...

简单了解JavaScript sort方法

在平时的业务开发中,数组(Array) 是我们经常用到的数据类型,那么对数组的排序也很常见,除去使用循环遍历数组的方法来排列数据,使用JS数组中原生的方法 sort 来排列(没错,比较崇尚...

JavaScript This指向问题详解

这篇文章主要介绍了JavaScript This指向问题详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下各位小伙伴在面试中被...

基于javascript实现贪吃蛇小游戏

本文实例为大家分享了js贪吃蛇游戏的具体代码,供大家参考,具体内容如下先不多说先上图下面是代码部分(这里你可以根据需要改变蛇头和身体还有食物的图片,然后默认的样式是使用纯...

three.js利用gpu选取物体并计算交点位置的方法示例

光线投射法
使用three.js自带的光线投射器(Raycaster)选取物体非常简单,代码如下所示:var raycaster = new THREE.Raycaster();var mouse = new THREE.Vector2();function onM...

JavaScript交换两个变量方法实例

这篇文章主要介绍了JavaScript交换两个变量方法实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在平时的业务开发或...

JS桶排序的简单理解与实现方法示例

本文实例讲述了JS桶排序的简单理解与实现方法。分享给大家供大家参考,具体如下:桶排序,利用编号分组存储数字,再利用编号合并分组的一种算法排序。举个易于理解的例子:一组数字,9,...

python实现迭代法求方程组的根过程解析

这篇文章主要介绍了python实现迭代法求方程组的根过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下有方程组如下...

纯 JS 实现放大缩小拖拽功能(完整代码)

前言
最近团队需要做一个智能客服悬浮窗功能,需要支持拖动、放大缩小等功能,因为这个是全局插件,为了兼容性考虑全部使用原生 JS 实现,不引用任何第三方库或者插件。开发过程中...

JS插入排序简单理解与实现方法分析

本文实例讲述了JS插入排序简单理解与实现方法。分享给大家供大家参考,具体如下:在这里,我详细的讲一下我个人对于插入排序的理解。每个人对于事物的理解都是不一样的,因为每个人...

用Golang运行JavaScript的实现示例

C++太麻烦(难)了,想要盘弄一下V8实在是有些费劲,但是Golang社区出了几个Javascript引擎,要尝试在别的语言中如何集成Javascript,是个不错的选择。以下选了github.com/dop251/goj...

VUE.CLI4.0配置多页面入口的实现

为何需要配置多页面&#63;在实际工作中,肯定会遇到大型项目,往往一个架构里面会开发多个应用,而这些应用又没有太大的关联,但有可能会共用一些组件或者是样式表等,那么就会出现一...

js实现简单的日历显示效果函数示例

本文实例讲述了js实现简单的日历显示效果函数。分享给大家供大家参考,具体如下:用一个函数简单的实现一个月份的日历,效果如下:这个日历效果有高亮显示,我实现的思维比较简单。我...

KnockoutJS数组比较算法实例详解

这篇文章主要介绍了KnockoutJS数组比较算法实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下前端开发中,数组是一...

js prototype深入理解及应用实例分析

本文实例讲述了js prototype深入理解及应用。分享给大家供大家参考,具体如下:上一篇讲了js的prototype概念,在这里回顾一下prototype的定义:prototype是函数的一个属性,并且是函...

uni-app实现点赞评论功能

模拟朋友圈实时点赞及评论功能
点赞思路:点击的时候,使用push(点赞)以及slice(取消赞)方法处理数组,并且调用点赞接口
评论思路:点击的时候,写多一个评论列表,当点击发送的时候comment...

jQuery Raty星级评分插件使用方法实例分析

本文实例讲述了jQuery Raty星级评分插件使用方法。分享给大家供大家参考,具体如下:使用jQuery Raty,可以很方便的在页面上嵌入一个评分组件,如下所示:使用方法很简单,首先从https:...

如何优雅地在Node应用中进行错误异常处理

不知道你有没有遇到这样一种情况,某天你写的代码在线上突然发生错误,然后你打开控制台,却对着打过包的错误信息毫无头绪?又或者说是代码在node端出现了问题,你查看错误日志的时候...

jquery使用echarts实现有向图可视化功能示例

本文实例讲述了jquery使用echarts实现有向图可视化功能。分享给大家供大家参考,具体如下:先来看看效果图:源码如下(force-directed-graph.html):<!DOCTYPE html><html><head><meta...

JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

程序要求:编写一个html文件的网页代码,页面包含一个下拉列表框、一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问...

NodeJS实现一个聊天室功能

看效果一直说我喜欢卖关子,这次直接看效果:聊天界面(喜欢的可以自己画一个比较逼真的页面)前文先说一下为什么写这个东西,最近不是在写NodeJS知识点的梳理嘛,但是我发现梳理的过程...

微信小程序实现按字母排列选择城市功能

实现效果预览实现思想利用小程序腾讯地图将所有城市查出来,并将其渲染至页面(https://lbs.qq.com/qqmap_wx_jssdk/index.html)(其中字母栏也根据获取到的数据变化)其中涉及三个交...

浅谈Node新版本13.2.0正式支持ES Modules特性

在本月 21 日,即2019.11.21,Node.js 发布了 13.2.0 版本,更新了一些特性。其中最令人兴奋的莫过于正式取消了 --experimental-modules 启动参数。这说明Node.js 正式支持 ES mo...

nodejs中使用archive压缩文件的实现代码

前言
archive是一款在nodejs中可以实现跨平台打包的工具
可以将文件压缩为zip或rar格式
是一个比较好用的第三方模块
install
npm install archiver --savearchive github地...

javaScript中indexOf用法技巧

JavaScript中的indexOf使用方法
概述
indexOf大小写敏感,其中的O要大写对于字符串而言
indexOf返回字符串第一次出现的位置,若没有出现返回-1var str = "hello world";alert(s...

返回顶部
顶部