JavaScript - 教程之家

51浏览

0评论

微信小程序实现左滑动删除效果

最近做微信小程序项目遇到左滑动效果，比如在我的收藏页面，我的历史浏览记录页面，我的购物车页面，大多数都会用到这种效果，我把代码复制出来，供大家参考，用的时候直接用模板，再此基础...

2020-05-27

42浏览

0评论

jquery-ui 进度条功能示例【测试可用】

本文实例讲述了jquery-ui 进度条功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf8" /><title>www.freexyz.cn progressbar</title><style...

2020-05-27

75浏览

0评论

微信小程序实现收货地址左滑删除

本文实例为大家分享了微信小程序实现收货地址左滑删除的具体代码，供大家参考，具体内容如下效果：思路：一、用相对定位和绝对定位，列表放在上层，删除按钮放在下层（z-index不要为负）。...

2020-05-27

60浏览

0评论

微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)

需求:点击我们公司的微信公众号，从菜单栏中进入会员中心，如果是新会员则需绑定注册，注册完跳转到用户中心页面，然后给用户发会员卡，如果是老会员，如果以前没有的会员卡的，发一张会...

2020-05-27

91浏览

0评论

微信小程序与公众号实现数据互通的方法

公司因小程序项目先上线，公众号后开发，接到上级的安排实现小程序打通任务，看文档后发现：同一开发者账号只要是在微信开放平台绑定小程序与公众号以后，会有一个唯一的unionid,这个...

2020-05-27

50浏览

0评论

微信小程序tabBar 返回tabBar不刷新页面

1、在一个项目中，遇到了这个场景：返回tabBar中的某个页面是需要保存数据，但是新进这个页面需要清除数据。2、场景如下图：报修进入下一步，返回第一步时不能刷新页面（即保留页面数据...

2020-05-27

87浏览

0评论

微信小程序与公众号卡券/会员打通的问题

微信小程序与公众号卡券/会员打通卡券开发：带你走出小程序的坑
tips：由于笔者也是一位前端菜鸟，所以尽量用简单直白的语言为大家讲解，如有说的不到位的地方，还望多多指教
- 作...

2020-05-27

59浏览

0评论

微信小程序实现原生步骤条

本文实例为大家分享了微信小程序实现原生步骤条的具体代码，供大家参考，具体内容如下效果（步骤条颜色不对是录制工具的问题）思路其实与轮播图类似，使用了两个并排的轮播容器，在滑动...

2020-05-27

160浏览

0评论

vue实现多组关键词对应高亮显示功能

先上效果图：我们有多组关键词，这里实现了关键词的背景色与匹配值的字体颜色值相同先拟定一组数据colors: [ "#FFB5C5", "#EEC900", "#D1EEEE", "#40E0D0", "#...

2020-05-27

98浏览

0评论

微信小程序自定义单项选择器样式

本文实例为大家分享了微信小程序自定义单项选择器样式的具体代码，供大家参考，具体内容如下效果：wxml：<view bindchange="radioChange"> <view class='list_item' wx:for="{{rad...

2020-05-27

42浏览

0评论

JS查找孩子节点简单示例

本文实例讲述了JS查找孩子节点功能。分享给大家供大家参考，具体如下：以前看了JS方面的书，如今用到了，书看得再多，不用就忘了，所以经常用用你所学到的知识，温故知新。<!DOCTYPE html...

2020-05-27

79浏览

0评论

微信小程序实现动态列表项的顺序加载动画

本文实例为大家分享了微信小程序实现动态列表项的顺序加载动画，供大家参考，具体内容如下效果思路1、最开始用了纯CSS动画animation，发现动画需要重复写，于是换使用transition动...

2020-05-27

79浏览

0评论

微信小程序使用canvas自适应屏幕画海报并保存图片功能

小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？我们的在开发中常用的参...

2020-05-27

49浏览

0评论

微信小程序绘制图片发送朋友圈

本文实例为大家分享了微信小程序绘制图片发送朋友圈的具体代码，供大家参考，具体内容如下这种生成图片的效果是很常见的，实现起来也不难，跟原生js的差不多。需要注意的就是canvas...

2020-05-27

68浏览

0评论

详细教你微信公众号正文页SVG交互开发技巧

现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验，而不再跳转H5。结合这一需求，本期分享的内容是如何开发交互式SVG，并嵌入微信公众号正文页。设计师和前端...

2020-05-27

54浏览

0评论

微信小程序实现图片选择并预览功能

本文实例为大家分享了微信小程序实现图片选择并预览的具体代码，供大家参考，具体内容如下(一)、功能说明做的是一个意见反馈，用户发表意见和上传图片，限制了最多只能上传三张图片...

2020-05-27

41浏览

0评论

nodejs读取图片返回给浏览器显示

本文主要是使用nodejs处理图片等资源返回给浏览器显示方法，但不只限制于图片，也可以是音频视频等其他非字符串文件的返回和显示。也可以扩展成nodejs静态资源服务器的开发方法...

2020-05-27

46浏览

0评论

vue实现一拉到底的滑动验证

本文实例为大家分享了vue实现简单的一拉到底的滑动验证的具体代码，供大家参考，具体内容如下直接上代码<template> <div class="drag" ref="dragDiv"> <div class="drag_bg"><...

2020-05-27

80浏览

0评论

vue实现拖拽的简单案例不超出可视区域

本文实例为大家分享了vue实现拖拽x效果的具体代码，供大家参考，具体内容如下实现拖拽之前，先了解几个小常识：这两种获取鼠标坐标的方法，区别在于基于的对象不同： pageX和pageY获取...

2020-05-27

59浏览

0评论

vuejs移动端实现div拖拽移动

vue移动端实现div拖拽移动，供大家参考，具体内容如下本文讲述，在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点 touchstart 当在屏幕上按下手指时触发 touchmov...

2020-05-27

42浏览

0评论

微信小程序设置滚动条过程详解

原因
原来在app.wxss中定义了如下的内容【不知道是不是新建项目自动生成的，这里也就提供了隐藏滚动条的思路啦】::-webkit-scrollbar { width: 0px; height: 0px; color:#tra...

2020-05-27

64浏览

0评论

vue实现滑动切换效果（仅在手机模式下可用）

本文实例为大家分享了vue实现滑动时红黄色块左右滑动相应距离，效果如下图实现过程主要在于实时跟踪手指滑动位置与原位置之间的偏移量，再相应移动红黄块。红黄块布局如下back...

2020-05-27

63浏览

0评论

Vue实现商品分类菜单数量提示功能

如上所示，这篇我们将商品分类菜单显示数量的提示完善，是软件更加易于使用。好先让我回顾一下上节课的内容，Goods组件，数量提示功能最终需要在Goods组件内显示。<template> <div...

2020-05-27

80浏览

0评论

bootstrap-table+treegrid实现树形表格

实现一个树形表格的时候有多种方法：比如把 ztree 的树形直接拼接成表格，或者用强大的 jqgrid 实现，今天介绍一个比较轻量级的实现：使用bootstrap-table + treegrid 。1、引入 jq...

2020-05-27

49浏览

0评论

bootstrap-treeview实现多级树形菜单后台JSON格式如何组织?

树形列表菜单的数据组织形式一般有两种：一种是一次性向服务器请求所有节点的数据，一种是先请求根目录的节点，当用户点击该节点时，再去请求该节点的子叶节点的数据。这里我们的需...

2020-05-27

47浏览

0评论

layui递归实现动态左侧菜单

本文实例为大家分享了layui递归实现动态左侧菜单的具体代码，供大家参考，具体内容如下我知道两种方式实现：一、先加载所有的主菜单，之后通过点击主菜单在加载该菜单的子菜单(缺点...

2020-05-27

60浏览

0评论

layui自定义ajax左侧三级菜单

本文实例为大家分享了layui自定义ajax左侧三级菜单的具体代码，供大家参考，具体内容如下HTML代码：需引入layui.css代码<div class="layui-side layui-bg-bl...

2020-05-27

50浏览

0评论

详解nvm管理多版本node踩坑

Windows10本机环境：win10
未安装node，安装了nvm工具，尝试使用nvm安装我开发环境的node版本（10.9.0 or later）
根据上面的截图看，应该是npm下载失败了，需要手动安装，我们使用命令查看...

2020-05-27

44浏览

0评论

layui实现左侧菜单点击右侧内容区显示

layui这个前端框架对后端人员来说提供了极大的方便，很大一部分同学在刚接触到这个框架就迫不及待的要动手实践了，刚好最近需要开发一个后台管理项目，就拿layui来进行学习和实践...

2020-05-27

46浏览

0评论

layui实现三级导航菜单

本文实例为大家分享了layui实现三级导航菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width...

2020-05-27

64浏览

0评论

layui实现三级联动效果

本文实例为大家分享了layui实现三级联动效果的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

2020-05-27

40浏览

0评论

layUI实现三级导航菜单效果

本文实例为大家分享了layUI实现三级导航菜单展示的具体代码，供大家参考，具体内容如下废话不多说，直接上代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="...

2020-05-27

46浏览

0评论

微信小程序—setTimeOut定时器的问题及解决

背景
实验室需要将项目的app搬到微信的小程序上，终于知道为什么程序员是手艺人了，只要有需求，就要想方设法去填充这种需求，去年是小程序的元年了可以说，去年冬天一个叫跳一跳的小...

2020-05-27

65浏览

0评论

jQuery-Citys省市区三级菜单联动插件使用详解

前言这里分享一个博主写的省市区三级菜单联动插件 — jQuery-Citys，此插件中所有省市区数据均为国家行政区划代码，保证数据真实可靠，插件可以根据默认地区代码或地区名称进行值...

2020-05-27

54浏览

0评论

微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题

这两天因为要做一个带背景的小程序头，哭了，小程序导航栏有背景也就算了，还得让导航栏上的背景顺下来，心态小崩。现在可以单独设置一个页面的小程序头了，但是前提是要微信7.0以上...

2020-05-27

70浏览

0评论

layui自定义插件citySelect实现省市区三级联动选择

本文实例为大家分享了layui实现省市区三级联动选择的具体代码，供大家参考，具体内容如下省市区三级菜单联动插件/** * @ name : citySelect 省市区三级选择模块 * @ Author: ag...

2020-05-27

50浏览

0评论

javascript中的闭包概念与用法实践分析

本文实例讲述了javascript中的闭包概念与用法。分享给大家供大家参考，具体如下：闭包的概念：闭包是指有权访问另一个函数作用域中的变量的函数 (引自《javascript高级程序设计第...

2020-05-27

50浏览

0评论

layer设置maxWidth及maxHeight解决方案

layer介绍layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站...

2020-05-27

51浏览

0评论

layui添加动态菜单与选项卡

本文实例为大家分享了layui添加动态菜单与选项卡的具体代码，供大家参考，具体内容如下HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" conte...

2020-05-27

48浏览

0评论

layui实现下拉框三级联动

项目需要用layui的三级联动，自己整理了一下，做个记录1.表结构设计CREATE TABLE `dt_area` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '区域主键', `area_name` varchar...

2020-05-27

82浏览

0评论

Bootstrap实现省市区三级联动(亲测可用)

bootstrap三级联动很常用，必备本文实例就为大家分享了Bootstrap实现省市区三级联动的具体代码，供大家参考，具体内容如下html页面 <div class="f...

2020-05-27

39浏览

0评论

vue移动端城市三级联动组件使用详解

本文实例为大家分享了vue移动端城市三级联动组件的具体代码，供大家参考，具体内容如下先看效果图以下组件代码<template> <div class="address"> <div class="addressboxbg" @...

2020-05-27

55浏览

0评论

vue eslint简要配置教程详解

在前端开发过程中，难免习惯了 console.log 。但是刚入门vue时，基于vue-cli 3.x，运行时终端老抛出error。一看信息，发现是不能使用 console.log ，另外import后的但是没有使用的变...

2020-05-27

67浏览

0评论

layui实现数据表格点击搜索功能

本文实例为大家分享了layui实现数据表格点击搜索的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>更正地址</title...

2020-05-27

42浏览

0评论

layui使用数据表格实现购物车功能

本文实例为大家分享了layui使用数据表格实现购物车功能的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <titl...

2020-05-27

70浏览

0评论

微信小程序如何获取网络状态

前言手机连接到互联网有几种方式：Wifi、2G、3G、4G，包括很快到来的5G，每种方式的上传速度和下载速度差异很大，它们的计费方式的差异也导致用户在使用互联网服务的时候有不同的使...

2020-05-27

132浏览

0评论

基于layui实现高级搜索（筛选）功能

基于layui写的一个高级搜索（筛选）功能。效果图：是一位萌新，所有写的有点儿乱。（放在上面，供新手们参考，也是自己做一个记录。）代码如下：<html><head><meta http-equiv="X-UA-Compatib...

2020-05-27

68浏览

0评论

layui表格数据重载

本文实例为大家分享了layui表格数据重载，供大家参考，具体内容如下html代码 <div class="wrap-container clearfix"> <div class="column-content-detail"> <form class="layui...

2020-05-27

69浏览

0评论

layui数据表格实现重载数据表格功能(搜索功能）

layui数据表格实现重载数据表格功能，以搜索功能为例
加载数据表格实现搜索功能和数据表格重载全部代码
加载数据表格
按照layui官方文档示例
HTML部分<table id="dem...

2020-05-27

37浏览

0评论

Layui实现带查询条件的分页

本文实例为大家分享了Layui实现带查询条件的分页，供大家参考，具体内容如下这个前端UI框架是真的让人又爱又恨呐！想了很久的方案才行的通这是全部源码：{include file="../../../a...

2020-05-27

热门文章