微信小程序使用canvas自适应屏幕画海报并保存图片功能
小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？我们的在开发中常用的参...
2020-05-27
微信小程序绘制图片发送朋友圈
本文实例为大家分享了微信小程序绘制图片发送朋友圈的具体代码，供大家参考，具体内容如下这种生成图片的效果是很常见的，实现起来也不难，跟原生js的差不多。需要注意的就是canvas...
2020-05-27
详细教你微信公众号正文页SVG交互开发技巧
现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验，而不再跳转H5。结合这一需求，本期分享的内容是如何开发交互式SVG，并嵌入微信公众号正文页。设计师和前端...
2020-05-27
微信小程序实现图片选择并预览功能
本文实例为大家分享了微信小程序实现图片选择并预览的具体代码，供大家参考，具体内容如下(一)、功能说明做的是一个意见反馈，用户发表意见和上传图片，限制了最多只能上传三张图片...
2020-05-27
nodejs读取图片返回给浏览器显示
本文主要是使用nodejs处理图片等资源返回给浏览器显示方法，但不只限制于图片，也可以是音频视频等其他非字符串文件的返回和显示。也可以扩展成nodejs静态资源服务器的开发方法...
2020-05-27
vue实现一拉到底的滑动验证
本文实例为大家分享了vue实现简单的一拉到底的滑动验证的具体代码，供大家参考，具体内容如下直接上代码<template> <div class="drag" ref="dragDiv"> <div class="drag_bg"><...
2020-05-27
vue实现拖拽的简单案例 不超出可视区域
本文实例为大家分享了vue实现拖拽x效果的具体代码，供大家参考，具体内容如下实现拖拽之前，先了解几个小常识：这两种获取鼠标坐标的方法，区别在于基于的对象不同： pageX和pageY获取...
2020-05-27
vuejs移动端实现div拖拽移动
vue移动端实现div拖拽移动，供大家参考，具体内容如下本文讲述，在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点 touchstart 当在屏幕上按下手指时触发 touchmov...
2020-05-27
微信小程序设置滚动条过程详解
原因
原来在app.wxss中定义了如下的内容【不知道是不是新建项目自动生成的，这里也就提供了隐藏滚动条的思路啦】::-webkit-scrollbar { width: 0px; height: 0px; color:#tra...
2020-05-27
vue实现滑动切换效果（仅在手机模式下可用）
本文实例为大家分享了vue实现滑动时红黄色块左右滑动相应距离，效果如下图实现过程主要在于实时跟踪手指滑动位置与原位置之间的偏移量，再相应移动红黄块。红黄块布局如下back...
2020-05-27
Vue实现商品分类菜单数量提示功能
如上所示，这篇我们将商品分类菜单显示数量的提示完善，是软件更加易于使用。好先让我回顾一下上节课的内容，Goods组件，数量提示功能最终需要在Goods组件内显示。<template> <div...
2020-05-27
bootstrap-table+treegrid实现树形表格
实现一个树形表格的时候有多种方法：比如把 ztree 的树形直接拼接成表格，或者用强大的 jqgrid 实现，今天介绍一个比较轻量级的实现：使用bootstrap-table + treegrid 。1、引入 jq...
2020-05-27
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
树形列表菜单的数据组织形式一般有两种：一种是一次性向服务器请求所有节点的数据，一种是先请求根目录的节点，当用户点击该节点时，再去请求该节点的子叶节点的数据。这里我们的需...
2020-05-27
layui递归实现动态左侧菜单
本文实例为大家分享了layui递归实现动态左侧菜单的具体代码，供大家参考，具体内容如下我知道两种方式实现：一、先加载所有的主菜单，之后通过点击主菜单在加载该菜单的子菜单(缺点...
2020-05-27
layui自定义ajax左侧三级菜单
本文实例为大家分享了layui自定义ajax左侧三级菜单的具体代码，供大家参考，具体内容如下HTML代码： 需引入layui.css代码<!-- 左侧的菜单 --><div class="layui-side layui-bg-bl...
2020-05-27
详解nvm管理多版本node踩坑
Windows10本机环境：win10
未安装node，安装了nvm工具，尝试使用nvm安装我开发环境的node版本（10.9.0 or later）
根据上面的截图看，应该是npm下载失败了，需要手动安装，我们使用命令查看...
2020-05-27
layui实现左侧菜单点击右侧内容区显示
layui这个前端框架对后端人员来说提供了极大的方便，很大一部分同学在刚接触到这个框架就迫不及待的要动手实践了，刚好最近需要开发一个后台管理项目，就拿layui来进行学习和实践...
2020-05-27
layui实现三级导航菜单
本文实例为大家分享了layui实现三级导航菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width...
2020-05-27
layui实现三级联动效果
本文实例为大家分享了layui实现三级联动效果的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...
2020-05-27
layUI实现三级导航菜单效果
本文实例为大家分享了layUI实现三级导航菜单展示的具体代码，供大家参考，具体内容如下废话不多说，直接上代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="...
2020-05-27
微信小程序—setTimeOut定时器的问题及解决
背景
实验室需要将项目的app搬到微信的小程序上，终于知道为什么程序员是手艺人了，只要有需求，就要想方设法去填充这种需求，去年是小程序的元年了可以说，去年冬天一个叫跳一跳的小...
2020-05-27
jQuery-Citys省市区三级菜单联动插件使用详解
前言这里分享一个博主写的省市区三级菜单联动插件 — jQuery-Citys，此插件中所有省市区数据均为国家行政区划代码，保证数据真实可靠，插件可以根据默认地区代码或地区名称进行值...
2020-05-27
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
这两天因为要做一个带背景的小程序头，哭了，小程序导航栏有背景也就算了，还得让导航栏上的背景顺下来，心态小崩。现在可以单独设置一个页面的小程序头了，但是前提是要微信7.0以上...
2020-05-27
layui自定义插件citySelect实现省市区三级联动选择
本文实例为大家分享了layui实现省市区三级联动选择的具体代码，供大家参考，具体内容如下省市区三级菜单联动插件/** * @ name : citySelect 省市区三级选择模块 * @ Author: ag...
2020-05-27
javascript中的闭包概念与用法实践分析
本文实例讲述了javascript中的闭包概念与用法。分享给大家供大家参考，具体如下：闭包的概念：闭包是指有权访问另一个函数作用域中的变量的函数 (引自《javascript高级程序设计第...
2020-05-27
layer设置maxWidth及maxHeight解决方案
layer介绍layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站...
2020-05-27
layui添加动态菜单与选项卡
本文实例为大家分享了layui添加动态菜单与选项卡的具体代码，供大家参考，具体内容如下HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" conte...
2020-05-27
layui实现下拉框三级联动
项目需要用layui的三级联动，自己整理了一下，做个记录1.表结构设计CREATE TABLE `dt_area` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '区域主键', `area_name` varchar...
2020-05-27
Bootstrap实现省市区三级联动(亲测可用)
bootstrap三级联动很常用，必备本文实例就为大家分享了Bootstrap实现省市区三级联动的具体代码，供大家参考，具体内容如下html页面<!-- 省市区三级联动 begin --> <div class="f...
2020-05-27
vue移动端城市三级联动组件使用详解
本文实例为大家分享了vue移动端城市三级联动组件的具体代码，供大家参考，具体内容如下先看效果图以下组件代码<template> <div class="address"> <div class="addressboxbg" @...
2020-05-27
vue eslint简要配置教程详解
在前端开发过程中，难免习惯了 console.log 。但是刚入门vue时，基于vue-cli 3.x，运行时终端老抛出error。一看信息，发现是不能使用 console.log ，另外import后的但是没有使用的变...
2020-05-27
layui实现数据表格点击搜索功能
本文实例为大家分享了layui实现数据表格点击搜索的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>更正地址</title...
2020-05-27
layui使用数据表格实现购物车功能
本文实例为大家分享了layui使用数据表格实现购物车功能的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <titl...
2020-05-27
微信小程序 如何获取网络状态
前言手机连接到互联网有几种方式：Wifi、2G、3G、4G，包括很快到来的5G，每种方式的上传速度和下载速度差异很大，它们的计费方式的差异也导致用户在使用互联网服务的时候有不同的使...
2020-05-27
基于layui实现高级搜索（筛选）功能
基于layui写的一个高级搜索（筛选）功能。效果图：是一位萌新，所有写的有点儿乱。（放在上面，供新手们参考，也是自己做一个记录。）代码如下：<html><head><meta http-equiv="X-UA-Compatib...
2020-05-27
layui表格数据重载
本文实例为大家分享了layui表格数据重载，供大家参考，具体内容如下html代码 <div class="wrap-container clearfix"> <div class="column-content-detail"> <form class="layui...
2020-05-27
layui数据表格实现重载数据表格功能(搜索功能）
layui数据表格实现重载数据表格功能，以搜索功能为例
加载数据表格 实现搜索功能和数据表格重载 全部代码
加载数据表格
按照layui官方文档示例
HTML部分<table id="dem...
2020-05-27
Layui实现带查询条件的分页
本文实例为大家分享了Layui实现带查询条件的分页，供大家参考，具体内容如下这个前端UI框架是真的让人又爱又恨呐！想了很久的方案才行的通这是全部源码：{include file="../../../a...
2020-05-27
layUI实现列表查询功能
layUI可以直接使用本地的json文件进行列表数据渲染，但，我们会发现，官网ctr+c ctr+v 过来的代码在做查询时每次看起来都有列表刷新的动作，但实际操作无效，百度了一大圈也没找到具...
2020-05-27
layui实现数据分页功能
本文实例为大家分享了layui实现数据分页功能，供大家参考，具体内容如下官网layui table演示页面示例截图：页面引入layui.css、 layui.js<div id="pTable" style="width: 1200px;...
2020-05-27
layui实现数据表格table分页功能（ajax异步）
layui实现数据表格table分页功能，异步加载，表格渲染，含条件查询。一、引入layUI的相关资源<link rel="stylesheet" href="${ctxPath}/vendor/layui/css/layui.css" ><script sr...
2020-05-27
layui实现数据分页功能（ajax异步）
最近项目要使用layUI的分页，看了官方demo感觉还是不太清晰，摸索了一下，现在记录一下。一、引入layUI的相关资源<link rel="stylesheet" href="${ctxPath}/vendor/layui-v2.4.5/...
2020-05-27
layUI实现前端分页和后端分页
本文实例为大家分享了layUI实现前端分页和后端分页效果，供大家参考，具体内容如下layui后端分页：function pagination(curr,gwayId,mlity,ePart) { $(".manage_ys_list").html('...
2020-05-27
基于layPage插件实现两种分页方式浅析
最近在开发过程中经常用到分页，今天挤出些时间来捋一捋自己的经验在web开发中，一般显示数据列表页时，我们会用到分页控件来显示数据。采用分页一般基于两种不同的需求，一种是数...
2020-05-27
微信小程序 腾讯地图显示偏差问题解决
背景
在小程序中使用map组件，可以调用腾讯地图的API，将一些固定的点标记到地图界面上，点的经纬度获取是通过android端百度地图API获取的，所以此时将这个位置点信息直接设置上去...
2020-05-27
layui2.0使用table+laypage实现真分页
前言：最近项目上使用layui做前端页面，发现layui的table本身的分页不能根据屏幕生成每页行数，所以研究了下文档，更改分页简单解释：1.最开始是根据屏幕计算加载的每页行数
2.frame...
2020-05-27
laypage.js分页插件使用方法详解
本文实例为大家分享了laypage.js分页插件的使用方法，供大家参考，具体内容如下1、引用依赖a.layui.jsb.layui.cssc.laypage.js2、HTML代码部分<div id="page-nav" style="float...
2020-05-27
laypage+SpringMVC实现后端分页
项目中用到了模板引擎thymeleaf和前端框架layUI，算是一路摸索、一个坑一个坑踩过来的。之前边学习边做项目的时候没有记录下学习的过程和遇到问题的解决思路和方法，着实有点可...
2020-05-27
pageGroup.js实现分页功能
本文实例为大家分享了pageGroup.js实现分页功能的具体代码，供大家参考，具体内容如下1.html页面引入<link rel="stylesheet" type="text/css" href="/stylesheets/pageGroup.cs...
2020-05-27
vue router 跳转时打开新页面的示例方法
记录一下在vue项目中如何实现跳转到一个新页面（一个比较简单又比较基础的问题了），有两个方法：1、<vue-link>标签实现新窗口打开官方文档中说 v-link 指令被 <router-link> 组件...
2020-05-27
