编程开发 - 教程之家

43浏览

0评论

js实现无缝滚动双图切换效果

本文记录的是在html中写两个img实现多张图片的无缝滚动，供大家参考，具体内容如下
html结构如下：<div class="wrap"> <ul class="list"> <li> <img src="img/img0.png"> </...

2020-05-27 03:07:09

51浏览

0评论

七行JSON代码把你的网站变成移动应用过程详解

如果我告诉你，只需要下述 7 行橙色的 JSON 代码就可以将一个网站变成移动应用，你相信吗？完全不需要使用某种框架 API 重写网站，就可以获得与移动应用相同的行为。如果你已经有...

2020-05-27 03:07:07

82浏览

0评论

微信小程序文章详情页跳转案例详解

前面写了一篇小程序访问公众号文章
里面所有的文章列表里面都是跳转了同一篇文章链接，那么，如果所有的列表跳转详情页的时候，跳转对应id所在的文章又该怎么写？index.html<view c...

2020-05-27 03:07:06

60浏览

0评论

Vue 实现前端权限控制的示例代码

登录&&权限流程图前言首先我们确定的权限控制分为三大部分，其中根据粒度大小分的更细：登录权限控制页面权限控制菜单中的页面是否可以被访问页面中的按钮 (增、...

2020-05-27 03:07:05

84浏览

0评论

Webpack 4如何动态切割JS注入文件名详解

前言
昨天重新把我们公司的引流页做了二重封装，遇到一个问题。
webpack 切割的时候如何加个可以跟随文件名变化的前缀。效果图解决路径 GG大法+ webpack官方文档官方文档还...

2020-05-27 03:07:03

56浏览

0评论

关于微信小程序map组件z-index的层级问题分析

前言说起微信小程序的map组件，可以说是良心之作了，一个组件解决了所以接入地图的所有麻烦，但是在实际小程序的试用过程中还是存在点问题的。
如下情景：
刚开始接入map组件的时候...

2020-05-27 03:07:02

42浏览

0评论

javascript实现图片轮播代码

javascript图片轮播代码，供大家参考，具体内容如下因为自己是新手自学不久，所以代码有很多不规范的地方，请原谅。html部分代码：<div id="head"> <button id="prev" onmousedown="p...

2020-05-27 03:07:01

83浏览

0评论

微信小程序wx.request拦截器使用详解

一.
请求后台的时候，服务端对每一个请求都会验证权限，而前端也需要对服务器返回的特殊状态码统一处理，所以可以针对业务封装请求。
首先我们通过request拦截器在每个请求头里面...

2020-05-27 03:07:00

59浏览

0评论

如何自定义微信小程序tabbar上边框的颜色

我们知道tabbar上边框的颜色是通过 tabBar 的 borderStyle 属性设置的，只支持两个值 black / white，参见文档 tabBar示例，红色解决办法
其实很简单，自己画一条线定位在页面最底...

2020-05-27 03:06:59

83浏览

0评论

Vue事件修饰符native、self示例详解

事出有因
之前面试被问到的native和self相关问题，self我觉得自己应该能回答出来，可能被之前一小时的问题整懵逼了。尴尬~~
自己研究了一下，不足之处望补充，相互进步native
修饰...

2020-05-27 03:06:58

62浏览

0评论

微信小程序在ios下Echarts图表不能滑动的问题解决

问题现象
这个问题的现象说起来很简单。小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。但是手指滑动区域在Echarts图表上时，页面却不能滑动了。...

2020-05-27 03:06:57

43浏览

0评论

Vue编程式跳转的实例代码详解

编程式跳转的实现代码，如下所示：<template> <ul class = "prolist">   <!-- 声明式跳转 :to = "{ name: 'detail',params...

2020-05-27 03:06:56

65浏览

0评论

vue-router二级导航切换路由及高亮显示的实现方法

这里以网易云音乐作为示例，效果图：我们先一层一层写导航
先设计第一层
1.设计导航页面样式
第一个导航页面为DiscoverDiscover.vue：<template> <div> 发现 </div></tem...

2020-05-27 03:06:54

47浏览

0评论

js Array.slice的8种不同用法示例

前言JS数组slice方法是JS语言中最强大、最常用的内建函数之一。随着React和其他面向功能的JavaScript实践的兴起，它变得越来越重要，原因有两个: 函数式编程，尤其是高阶函数，与...

2020-05-27 03:06:53

47浏览

0评论

JS将时间秒转换成天小时分钟秒的字符串

项目中需求是这样，接口返回的数据中时间单位为秒，但前端显示的时候需要更人性化的带有单位（天，小时，分钟，秒）的字符串；转换函数如下：/** * 格式化秒 * @param int value 总秒数 * @r...

2020-05-27 03:06:52

52浏览

0评论

JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式

最近在做项目的时候，需要把后台返回的时间转换成几秒前、几分钟前、几小时前、几天前等的格式；后台返回的时间格式为：2015-07-30 09:36:10，需要根据当前的时间与返回的时间进行...

2020-05-27 03:06:51

64浏览

0评论

JS根据Unix时间戳显示发布时间是多久前【项目实测】

后台接口给的时间数据为Unix时间戳，我们的需求是显示类似微信朋友圈显示发布时间为距离当前时间多久之前，“xx分钟之前”，“xx小时之前”，“xx个月之前”。类似这样的时间显示效...

2020-05-27 03:06:50

82浏览

0评论

JavaScript前端页面搜索功能案例【基于jQuery】

本文实例讲述了JavaScript前端页面搜索功能。分享给大家供大家参考，具体如下：今天给大家分享一篇关于前端页面搜索的案例，有了这个案例，在表格数据中可以进行快速查找，比在浏览器...

2020-05-27 03:06:49

50浏览

0评论

JavaScript实现的滚动公告特效【基于jQuery】

本文实例讲述了JavaScript实现的滚动公告。分享给大家供大家参考，具体如下：今天给大家分享一篇滚动公告的特效。效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta cha...

2020-05-27 03:06:48

51浏览

0评论

JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】

本文实例讲述了JavaScript实现的弹出遮罩层特效。分享给大家供大家参考，具体如下：这篇给大家分享一个简单的遮罩层特效，先上效果图。代码：<!DOCTYPE html><html lang="en"><head...

2020-05-27 03:06:47

102浏览

0评论

微信小程序把百度地图坐标转换成腾讯地图坐标过程详解

百度地图的经纬度放到腾讯地图里面解析地址，导致位置信息显示不正确，所以利用腾讯地图提供的API进行转换。
如果没有开发密钥（key），就到腾讯地图官方文档进行申请和下载qqmap-wx-...

2020-05-27 03:06:46

87浏览

0评论

Laravel admin实现消息提醒、播放音频功能

应用情景，有新的订单生成，后台进行消息提醒并播放音频（这里用到轮询简单实现）：下面附代码1.找到laravel-admin 中的 index.blade.php 文件进行编辑{{-- 音频通知 --}}<audio styl...

2020-05-27 03:06:45

53浏览

0评论

vue登录页面cookie的使用及页面跳转代码

1、大概流程 a、登录：前端使用validate对输入信息进行验证验证成功则成功跳转到用户信息页并存储cookie值 b、首页跳转用户信息页：判断cookie值cookie存在并不为空则跳转用户...

2020-05-27 03:06:43

46浏览

0评论

vue webpack重写cookie路径的方法

Cookie详解
Cookie在远程浏览器端存储数据并以此跟踪和识别用户的机制。从实现上说，Cookie是存储在客户端上的一小段数据，浏览器（即客户端）通过HTTP协议和服务器端进行Cookie交...

2020-05-27 03:06:42

71浏览

0评论

实现一个 Vue 吸顶锚点组件方法

前言近期产品小哥哥给我提了一个新需求，在一个页面的滚动区中添加一组锚点定位按钮，点击按钮将对应的元素显示在页面的可视区中。当按钮组超出页面可视区的时候将其固定在滚动...

2020-05-27 03:06:41

75浏览

0评论

微信小程序的开发范式BeautyWe.js入门详解

一个简单的介绍
BeautyWe.js 是什么？它是一套专注于微信小程序的企业级开发范式，它的愿景是：让企业级的微信小程序项目中的代码，更加简单、漂亮。
为什么要这样命名呢？Write beau...

2020-05-27 03:06:38

64浏览

0评论

ES6的异步终极解决方案分享

前言
Promise async generator是ES6之后才被提出来的，他们都能够用来解决以前JS异步调用产生的一系列问题，例如大名鼎鼎的回调地狱!!!
什么是回调地狱?
在以前js中，我们是...

2020-05-27 03:06:36

62浏览

0评论

Vue 子组件与数据传递问题及注意事项

在面对单个组件逻辑复杂需要拆分时，难免会遇到父子组件之间数据传递的问题。那么我们来了解一下在父子组件之间进行数据传递时需要遵循哪些约定，以及要注意哪些问题。如何传递...

2020-05-27 03:06:35

55浏览

0评论

Vue 使用计时器实现跑马灯效果的实例代码

Vue 使用计时器实现跑马灯效果，代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...

2020-05-27 03:06:34

77浏览

0评论

JS为什么说async/await是generator的语法糖详解

关于async的介绍，在阮一峰的ES6入门教程中说到：async 函数是什么？一句话，它就是 Generator 函数的语法糖。可是，为什么这么说呢？首先，比如说有一个异步操作，使用 async/await 语法来...

2020-05-27 03:06:33

50浏览

0评论

elementUI 动态生成几行几列的方法示例

elementUI 动态生成几行几列 table
现在碰到一个需求：就是根据用户选择的行列，来自动生成相应大小的 table，如下这个实现还不完善，因为数据不对，只是实现了动态的效果，仅是提供一...

2020-05-27 03:06:32

47浏览

0评论

浅入深出Vue之组件使用

组件在 vue开发中是必不可少的一环，用好组件这把屠龙刀，就能解决不少问题。组件是什么
官方的定义：组件是可复用的 Vue 实例，并且可带有一个名字。官方的定义已经非常简明了，组...

2020-05-27 03:06:31

60浏览

0评论

vue项目中实现缓存的最佳方案详解

需求
在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时...

2020-05-27 03:06:29

50浏览

0评论

JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】

本文实例讲述了JavaScript表格隔行变色和Tab标签页特效。分享给大家供大家参考，具体如下：最近一直在看JavaScript知识，偶尔也穿插一点Jquery，感觉Jquery用起来真爽，减少了很多的...

2020-05-27 03:06:28

56浏览

0评论

nodejs中各种加密算法的实现详解

前言在大前端的趋势下，前端er也要懂点数据加密相关的知识才行，加密算法的实现和原理我们可以不用深究，毕竟加密是一门高深的学科，但是基本的加密方式和编码还是要掌握的，毕竟没吃...

2020-05-27 03:06:27

89浏览

0评论

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

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

2020-05-27 03:06:25

52浏览

0评论

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

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

2020-05-27 03:06:24

94浏览

0评论

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 03:06:23

50浏览

0评论

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

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

2020-05-27 03:06:22

47浏览

0评论

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

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

2020-05-27 03:06:21

60浏览

0评论

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

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

2020-05-27 03:06:19

48浏览

0评论

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

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

2020-05-27 03:06:18

67浏览

0评论

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

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

2020-05-27 03:06:17

54浏览

0评论

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

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

2020-05-27 03:06:16

63浏览

0评论

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

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

2020-05-27 03:06:15

54浏览

0评论

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

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

2020-05-27 03:06:14

48浏览

0评论

小程序实现搜索框

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

2020-05-27 03:06:12

66浏览

0评论

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

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

2020-05-27 03:06:11

45浏览

0评论

小程序实现分类页

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

2020-05-27 03:06:09

85浏览

0评论

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

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

2020-05-27 03:06:08

热门文章