微信小程序在ios下Echarts图表不能滑动的问题解决
问题现象
这个问题的现象说起来很简单。小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。但是手指滑动区域在Echarts图表上时，页面却不能滑动了。...
2020-05-27
Vue编程式跳转的实例代码详解
编程式跳转的实现代码，如下所示：<template> <ul class = "prolist"> <!-- //产品 --> <!-- :to = "/detail/item.id" --> <!-- 声明式跳转 :to = "{ name: 'detail',params...
2020-05-27
vue-router二级导航切换路由及高亮显示的实现方法
这里以网易云音乐作为示例，效果图：我们先一层一层写导航
先设计第一层
1.设计导航页面样式
第一个导航页面为DiscoverDiscover.vue：<!-- --><template> <div> 发现 </div></tem...
2020-05-27
js Array.slice的8种不同用法示例
前言JS数组slice方法是JS语言中最强大、最常用的内建函数之一。随着React和其他面向功能的JavaScript实践的兴起，它变得越来越重要，原因有两个: 函数式编程，尤其是高阶函数，与...
2020-05-27
JS将时间秒转换成天小时分钟秒的字符串
项目中需求是这样，接口返回的数据中时间单位为秒，但前端显示的时候需要更人性化的带有单位（天，小时，分钟，秒）的字符串；转换函数如下：/** * 格式化秒 * @param int value 总秒数 * @r...
2020-05-27
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
最近在做项目的时候，需要把后台返回的时间转换成几秒前、几分钟前、几小时前、几天前等的格式；后台返回的时间格式为：2015-07-30 09:36:10，需要根据当前的时间与返回的时间进行...
2020-05-27
JS根据Unix时间戳显示发布时间是多久前【项目实测】
后台接口给的时间数据为Unix时间戳，我们的需求是显示类似微信朋友圈显示发布时间为距离当前时间多久之前，“xx分钟之前”，“xx小时之前”，“xx个月之前”。类似这样的时间显示效...
2020-05-27
JavaScript前端页面搜索功能案例【基于jQuery】
本文实例讲述了JavaScript前端页面搜索功能。分享给大家供大家参考，具体如下：今天给大家分享一篇关于前端页面搜索的案例，有了这个案例，在表格数据中可以进行快速查找，比在浏览器...
2020-05-27
JavaScript实现的滚动公告特效【基于jQuery】
本文实例讲述了JavaScript实现的滚动公告。分享给大家供大家参考，具体如下：今天给大家分享一篇滚动公告的特效。效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta cha...
2020-05-27
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
本文实例讲述了JavaScript实现的弹出遮罩层特效。分享给大家供大家参考，具体如下：这篇给大家分享一个简单的遮罩层特效，先上效果图。代码：<!DOCTYPE html><html lang="en"><head...
2020-05-27
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
百度地图的经纬度放到腾讯地图里面解析地址，导致位置信息显示不正确，所以利用腾讯地图提供的API进行转换。
如果没有开发密钥（key），就到腾讯地图官方文档进行申请和下载qqmap-wx-...
2020-05-27
Laravel admin实现消息提醒、播放音频功能
应用情景，有新的订单生成，后台进行消息提醒并播放音频（这里用到轮询简单实现）：下面附代码1.找到laravel-admin 中的 index.blade.php 文件进行编辑{{-- 音频通知 --}}<audio styl...
2020-05-27
vue登录页面cookie的使用及页面跳转代码
1、大概流程 a、登录：前端使用validate对输入信息进行验证 验证成功则成功跳转到用户信息页并存储cookie值 b、首页跳转用户信息页：判断cookie值cookie存在并不为空则跳转用户...
2020-05-27
vue webpack重写cookie路径的方法
Cookie详解
Cookie在远程浏览器端存储数据并以此跟踪和识别用户的机制。从实现上说，Cookie是存储在客户端上的一小段数据，浏览器（即客户端）通过HTTP协议和服务器端进行Cookie交...
2020-05-27
实现一个 Vue 吸顶锚点组件方法
前言近期产品小哥哥给我提了一个新需求，在一个页面的滚动区中添加一组锚点定位按钮，点击按钮将对应的元素显示在页面的可视区中。当按钮组超出页面可视区的时候将其固定在滚动...
2020-05-27
微信小程序的开发范式BeautyWe.js入门详解
一个简单的介绍
BeautyWe.js 是什么？它是一套专注于微信小程序的企业级开发范式，它的愿景是：让企业级的微信小程序项目中的代码，更加简单、漂亮。
为什么要这样命名呢？Write beau...
2020-05-27
ES6的异步终极解决方案分享
前言
Promise async generator是ES6之后才被提出来的，他们都能够用来解决以前JS异步调用产生的一系列问题，例如大名鼎鼎的回调地狱!!!
什么是回调地狱?
在以前js中，我们是...
2020-05-27
Vue 子组件与数据传递问题及注意事项
在面对单个组件逻辑复杂需要拆分时，难免会遇到父子组件之间数据传递的问题。那么我们来了解一下在父子组件之间进行数据传递时需要遵循哪些约定，以及要注意哪些问题。如何传递...
2020-05-27
Vue 使用计时器实现跑马灯效果的实例代码
Vue 使用计时器实现跑马灯效果，代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...
2020-05-27
JS为什么说async/await是generator的语法糖详解
关于async的介绍，在阮一峰的ES6入门教程中说到：async 函数是什么？一句话，它就是 Generator 函数的语法糖。可是，为什么这么说呢？首先，比如说有一个异步操作，使用 async/await 语法来...
2020-05-27
elementUI 动态生成几行几列的方法示例
elementUI 动态生成几行几列 table
现在碰到一个需求：就是根据用户选择的行列，来自动生成相应大小的 table，如下这个实现还不完善，因为数据不对，只是实现了动态的效果，仅是提供一...
2020-05-27
浅入深出Vue之组件使用
组件在 vue开发中是必不可少的一环，用好组件这把屠龙刀，就能解决不少问题。组件是什么
官方的定义： 组件是可复用的 Vue 实例，并且可带有一个名字。官方的定义已经非常简明了，组...
2020-05-27
vue项目中实现缓存的最佳方案详解
需求
在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时...
2020-05-27
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
本文实例讲述了JavaScript表格隔行变色和Tab标签页特效。分享给大家供大家参考，具体如下：最近一直在看JavaScript知识，偶尔也穿插一点Jquery，感觉Jquery用起来真爽，减少了很多的...
2020-05-27
nodejs中各种加密算法的实现详解
前言在大前端的趋势下，前端er也要懂点数据加密相关的知识才行，加密算法的实现和原理我们可以不用深究，毕竟加密是一门高深的学科，但是基本的加密方式和编码还是要掌握的，毕竟没吃...
2020-05-27
微信小程序之几种常见的弹框提示信息实现详解
一、模态窗口
delete(){ wx.showModal({ title: '', content: '是否确认删除', success(res) { if (res.confirm) { console.log('用户点击确定') } else...
2020-05-27
nodejs二进制与Buffer的介绍与使用
Buffer 介绍
javascript 中对数据处理都是以字符串的形式，而对于二进制数据就不便于处理，所以 Buffer 便是用于读取或操作二进制数据都对象。
一句话概括： Buffer 类是一个全局...
2020-05-27
vue发送websocket请求和http post请求的实例代码
先给大家介绍下vue发送websocket请求和http post请求直接上代码：pdf.vue<script> import SockJS from 'sockjs-client'; import Stomp from 'stompjs'; import qs from "q...
2020-05-27
利用Angular7开发一个Radio组件的全过程
一、准备工作
Angular7（以下简称ng7）,已经跟之前版本大有不同。新建工程后，可方便创建library（简称lib）,lib是什么呢？就是一个npm包的源码包。npm作为强大的包管理器，已经成为很多F...
2020-05-27
使用vue for时为什么要key【推荐】
前言：用vue框架写前端代码时经常会用用到v-for这个方法，但使用此方法时vue推荐我们加上一个唯一标识key这是为什么呢？阅读了网上各位大神的文章以及自己的一些理解对这个问题有...
2020-05-27
微信小程序开发常见问题及解决方案
前言我们在做微信小程序开发的过程中，总会遇到各种奇葩的问题。今天就把我在小程序开发过程中遇到的各种问题，及对应的解决方案总结在这里，方便以后自己回顾，也方便大家查看。云...
2020-05-27
JavaScript中的连续赋值问题实例分析
本文实例讲述了JavaScript中的连续赋值问题。分享给大家供大家参考，具体如下：JavaScript中的连续赋值：<script>var a = {n: 1}var b = a;a.x = a = {n: 2}console.log(a.x);//u...
2020-05-27
django js 实现表格动态标序号的实例代码
django js 实现表格动态标序号<table class="table table-striped"> <thead> <tr class="key_words_head"> <th>序号</th> <th>类目</th>...
2020-05-27
Js通过AES加密后PHP用Openssl解密的方法
前言最近遇到的几个网站在提交密码时提交的已经是密文，也就是说在网络上传输的密码是密文，这样提升了密码在网络传输中的安全性。后端语言加解密已经有很成熟的方案了，前端的话...
2020-05-27
vue cli安装使用less的教程详解
vue-cli构建的项目默认是不支持less的，需要自己添加依赖1.安装less和less-loader ，在项目目录下运行如下命令npm install less less-loader --save-dev2.安装成功后，打开build/...
2020-05-27
ECharts地图绘制和钻取简易接口详解
1.地图绘制过程原理
给定范围边界经纬度数据，再给它个名字就构成了绘制地图的基础。也就是说，你可以绘制任意形状的地图版块。2.地图数据生成
中国以及省市县等地图的基础数据...
2020-05-27
小程序实现搜索框
小程序中搜索框的简单实现，供大家参考，具体内容如下搜索框搜索框无论是在电商网站还是小程序中是很常见的，那么在小程序中是如何实现的呢，我们一起来看看吧（过程遇到很多问题）。思...
2020-05-27
jquery实现自定义树形表格的方法【自定义树形结构table】
本文实例讲述了jquery实现自定义树形表格的方法。分享给大家供大家参考，具体如下：话不多说，直接上代码（本代码仅提供思路）：function createTables(data, t, p) { $("#datatable...
2020-05-27
小程序实现分类页
分类界页面中，左边是一级目录，右边是一级目录对应的二级目录，根据这个需求，我们数据设计的结构是数组嵌套数组，第一个数组包含一级目录数据，嵌套的数组包含的是二级目录的数据。主...
2020-05-27
微信小程序简单的canvas裁剪图片功能详解
小程序miniso的一个发布内容截图功能，话不多，先上代码
wxml文件：
<view class="cut-1-1 t-c {{cutSelect == 1? 'cut-select':''}}" data-cut="1" bindtap="selectCutType"...
2020-05-27
小程序实现短信登录倒计时
在平时的短信登录中，当发送短信验证码后会显示倒计时，那么这个倒计时如何实现呢？wxml文件<view class='Form'> <form bindsubmit="formSubmit" bindreset="formReset" class='f...
2020-05-27
简单了解vue中父子组件如何相互传递值（基础向）
前言首先，你需要知道vue中父组件和子组件分别指的是什么？父组件：vue的根实例——用new Vue()构造函数创建的vue实例（实例会有一个挂载点，挂载点里的所有内容可理解为父组件的内容...
2020-05-27
javascript实现简易聊天室
聊天室是我们经常见的，比如微信聊天界面、QQ聊天界面等等，一个简易的聊天室如下：1.html代码<div class="content"> <div class="section"></div> <form action="#"> <textarea...
2020-05-27
echarts大屏字体自适应的方法步骤
用echarts做大屏可视化的时候会遇到不是用电脑投屏而是直接在大屏打开的情况，这时候大屏幕下固定的px为单位的字体就会显得很小。有一种解决方法就是采用rem为单位，根据屏幕的...
2020-05-27
es6中比较有用的7个技巧小结
前言ES6出来已经有好几年了，同时很多新特性可以被巧妙地运用在项目中。我想要列下其中一些，希望它们对你有用。如果你还知道其他一些小技巧，欢迎留言~ 很高兴把它们补充进来。e...
2020-05-27
iview的table组件自带的过滤器实现
iview的table组件自带的过滤器实现
iview框架的table组件自带的过滤器的使用方法：<script> export default { data () { return { columns: [ { ti...
2020-05-27
小程序实现搜索框功能
本文实例为大家分享了小程序实现搜索框功能的具体代码，供大家参考，具体内容如下实现效果图：xxx.wxml <!--搜索框 --><view class="weui-search-bar"> <view class="weui-search...
2020-05-27
小程序实现悬浮搜索框
本文实例为大家分享了小程序实现悬浮搜索框的具体代码，供大家参考，具体内容如下悬浮搜索框是当数据界面不断滚动时，搜索框始终悬浮在最上方。来看一下效果图UI代码 <view class...
2020-05-27
微信小程序基于Taro的分享图片功能实践详解
前言
在各种小程序(微信、百度、支付宝)、H5、NativeApp 纷纷扰扰的当下，给大家强烈安利一款基于React的多终端开发利器：京东Taro（泰罗·奥特曼），Taro致力于多终端统一解决方案，一...
2020-05-27
vue实现图片预览组件封装与使用
这是移动端使用vue框架与mint-ui实现的父用子之间的通信实现的图片预览的功能，在父组件中每一张图片都可以实现图片放大查看。子组件<!--html部分--><template> <div id="img...
2020-05-27
