JavaScript - 教程之家

154浏览

0评论

谈谈IntersectionObserver懒加载的具体使用

概念IntersectionObserver接口(从属于Intersection Observer API)为开发者提供了一种可以异步监听目标元素与其祖先或视窗(viewport)交叉状态的手段。祖先元素与视窗(viewpo...

2020-05-27

193浏览

0评论

vue实现树形结构样式和功能的实例代码

一、主要运用element封装的控件并封装成组件运用，如图所示代码如图所示：下面是子组件的代码：<template> <ul class="l_tree"> <li class="l_tree_branch" v-for="item in mo...

2020-05-27

603浏览

0评论

vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解

本文实例讲述了vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法。分享给大家供大家参考，具体如下：在网上看了一下vue中监听滚动条滚动事件，清一色的使用document.addEv...

2020-05-27

84浏览

0评论

ES6中let、const的区别及变量的解构赋值操作方法实例分析

本文实例讲述了ES6中let、const的区别及变量的解构赋值操作方法。分享给大家供大家参考，具体如下：声明：本文内容依照阮一峰老师ECMAScript 6 入门一书所总结。let和const相同点...

2020-05-27

289浏览

0评论

vue vantUI实现文件（图片、文档、视频、音频）上传（多文件）

说在前面
网上有很多种文件上传的方法，根据公司最近的业务需求，要求实现多种文件的上传，在实现过程中，查阅了很多资料，最后，终于把功能实现了，开心！<template> <div> <v-header...

2020-05-27

200浏览

0评论

详解Vue.js 作用域、slot用法（单个slot、具名slot）

作用域在介绍slot前，需要先知道一个概念：编译的作用域。比如父组件中有如下模板：<child-component> {{message}}<child-component>这里的message就是一个slot，但是它绑定的是父...

2020-05-27

103浏览

0评论

ES6 Promise对象概念及用法实例详解

本文实例讲述了ES6 Promise对象概念及用法。分享给大家供大家参考，具体如下：参考文章：ECMAScript 6 入门一、 Promise是什么Promise是异步编程的一种解决方案，它是一个容器，里面...

2020-05-27

125浏览

0评论

node.js express框架实现文件上传与下载功能实例详解

本文实例讲述了node.js express框架实现文件上传与下载功能。分享给大家供大家参考，具体如下：背景昨天吉视传媒的客户对IPS信息发布系统又提了一个新需求，就是发布端发送消息时...

2020-05-27

148浏览

0评论

微信小程序如何实现五星评价功能

这篇文章主要介绍了微信小程序如何实现五星评价功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果要实现的效果：点...

2020-05-27

182浏览

0评论

Centos7 安装Node.js10以上版本的方法步骤

Node.js 是一个基于Chrome JavaScript运行时的平台，可轻松构建快速，可扩展的网络应用程序。最新版本 node.js yum存储库由其官方网站维护。使用本教程添加yum存储库，并使用简...

2020-05-27

213浏览

0评论

Vue 实现输入框新增搜索历史记录功能

vue实现搜索显示历史搜索记录,采用插件-good-storage安装插件 npm install good-storage -S在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据...

2020-05-27

111浏览

0评论

vue-cli 为项目设置别名的方法

1.使用场景：在项目开发过程中经常需要引入各种文件，例img，css，js等，我们可以在vue-cli中给不同目录设置别名，方便我们使用2.vue-cli 2x 配置// 在 webpack.base.config.js中的 res...

2020-05-27

203浏览

0评论

javascript实现点亮灯泡特效示例

本文实例为大家分享了javascript实现点亮灯泡特效的具体代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

105浏览

0评论

Vue.js中provide/inject实现响应式数据更新的方法示例

vue.js官方文档：https://cn.vuejs.org/v2/api/#provide-inject首先假设我们在祖辈时候传入进来是个动态的数据，官方不是说如果你传入了一个可监听的对象，那么其对象还是可响应...

2020-05-27

135浏览

0评论

JavaScript Canvas编写炫彩的网页时钟

本文实例为大家分享了JavaScript Canvas编写炫彩网页时钟的具体代码，供大家参考，具体内容如下只是利用了Canvas制作的。示意图如下：<!DOCTYPE html><html><head> <meta http-eq...

2020-05-27

248浏览

0评论

javascript实现动态时钟的启动和停止

javascript实现动态时钟的启动和停止，点击开始按钮，获取当前时间，点击停止按钮，时间停止<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态时钟的启动和停止<...

2020-05-27

113浏览

0评论

vue实现鼠标经过动画

本文实例为大家分享了vue实现鼠标经过动画的具体代码，供大家参考，具体内容如下详细代码：<template> <div class="hello"> <h1>{{ msg }}</h1> <div class="box"> <div class="b...

2020-05-27

125浏览

0评论

js实现图片跟随鼠标移动效果

本文实例为大家分享了js实现图片跟随鼠标移动效果的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { width...

2020-05-27

140浏览

0评论

JS页面获取 session 值，作用域和闭包学习笔记

本文实例讲述了JS页面获取 session 值，作用域和闭包。分享给大家供大家参考，具体如下：Javascript获取session的值：var name= "${sessioScope.变量名}";注意这里面需要使用 "" 把...

2020-05-27

112浏览

0评论

JS回调函数深入理解

本文实例讲述了JS回调函数。分享给大家供大家参考，具体如下：一、前奏在谈回调函数之前，先看下下面两段代码：不妨猜测一下代码的结果。function say (value) { alert(value);}al...

2020-05-27

1122浏览

0评论

微信小程序使用echarts获取数据并生成折线图

微信小程序使用echarts，实现左右双Y轴，动态获取数据，生成折线图
本来使用的是wxcharts，但发现实现不了左右双y轴的效果，就换成echarts
要实现这样的效果，需要以下几步：
（1）去github下...

2020-05-27

117浏览

0评论

JS使用正则表达式判断输入框失去焦点事件

效果图项目的正则表达式规则1:用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_)
2:密码大写开头数字字母符号混合 8-15位
3:确认密码大写开头数字字母符号混...

2020-05-27

84浏览

0评论

JS使用正则表达式提交页面验证的代码

如何用正则表达式提交验证首先，我们先用一首歌活跃一下气氛！
门前大桥下
游过一群鸭
快来快来数一数
二四六七八
嘎嘎嘎嘎
真呀真多呀…
stop，我们来进入正题↓
1：让你们看一下...

2020-05-27

127浏览

0评论

JQuery实现ul中添加LI和删除指定的Li元素功能完整示例

本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能。分享给大家供大家参考，具体如下：最近为了实现这个简单的功能也是看了很多的内容，终于找出了看起来简单易实现的方...

2020-05-27

115浏览

0评论

Vue 实现从小到大的横向滑动效果详解

本文实例讲述了Vue 实现从小到大的横向滑动效果。分享给大家供大家参考，具体如下：最近项目中遇到一个需求，需要实现横向滑动，并且在滑动过程中，中间的大，两边的小，通过参考其他的人...

2020-05-27

97浏览

0评论

Vue 实现从文件中获取文本信息的方法详解

本文实例讲述了Vue 实现从文件中获取文本信息的方法。分享给大家供大家参考，具体如下：最近在使用vue做项目的时候，遇到一个需求，界面中需要显示大量的说明文字，为了保持界面的整...

2020-05-27

140浏览

0评论

微信小程序如何实现在线客服功能

其实只需要解决2个问题第一步，在微信小程序中添加联系在线客服按钮第二步，接入在线客服功能，设置【自动/人工/转人工】回复等一、添加小程序客服按钮① 在小程序中添加客服...

2020-05-27

127浏览

0评论

使用JavaScrip模拟实现仿京东搜索框功能

使用js模拟实现京东的搜索框，主要用了js中的onfocus(注册焦点事件)，onblur(失去焦点的事件)；主要实现了：在鼠标点进去的时候，里面的默认内容消失；在输入之后，再点击搜索框外，输...

2020-05-27

358浏览

0评论

vue-cli+iview项目打包上线之后图标不显示问题及解决方法

做vue项目使用的iviewUI库，打包上线之后发现icon都不显示，然后做了很多尝试，更改打包路径等，都没有太好的效果，最后还是在网上找到了方法：1. 方法一：在build/utils.js下面找到这段...

2020-05-27

97浏览

0评论

关于JS模块化的知识点分享

模块化是一个语言膨胀的必经之路，它能够帮助开发者拆分和组织代码。Module模式
在模块化规范形成之前，JS开发者使用Module设计模式来解决JS全局作用域的污染问题。Module模式...

2020-05-27

139浏览

0评论

微信公众号开发之微信支付代码记录的实现

需求说明
这个需求说明是完全没有必要的，但是还是写一下吧，但凡是做公众号的，一般都是需要了解这个微信支付的，不然基本的业务都没办法走，所以今天简单的记录一下微信支付的一些...

2020-05-27

154浏览

0评论

适合前端Vue开发童鞋的跨平台Weex的使用详解

基于 Vue 技术栈的你如果需要选用一种移动端跨平台框架，是 Weex？React-Native？还是Flutter? 无疑，相对于后两者，因为你现在已有比较熟练的 Vue 基础，如果在其他条件一致的情况...

2020-05-27

132浏览

0评论

Weex开发之WEEX-EROS开发踩坑(小结)

随着Weex跨平台技术的持续火热，一时间涌现出了一大批基于Weex的开源解决方案，Weex Eros就是这么一个面向前端Vue的开源APP解决方案。目前，如果直接使用Weex框架开发应用会存在...

2020-05-27

160浏览

0评论

WEEX环境搭建与入门详解

Weex简介Weex 是阿里前端技术团队开源额一套跨平台开发方案，能以web的开发体验构建高性能、可扩展的 native 应用，Weex 的页面表示层使用 Vue ，并遵循 W3C 标准实现了统一的 JS...

2020-05-27

77浏览

0评论

Weex开发之地图篇的具体使用

在移动应用开发中，地图是一个很重要的工具，基于地图的定位、导航等特点衍生出了很多著名的移动应用。在Weex开发中，如果要使用定位、导航和坐标计算等常见的地图功能，可以使用we...

2020-05-27

292浏览

0评论

vuex + keep-alive实现tab标签页面缓存功能

在开发很多管理系统过程之中，常遇到这种需求，需要对打开路由页面进行缓存，然后在系统页眉提供方便查阅的tab标签进行切换以及对已经缓存页面进行数据刷新和清除数据操作。具体...

2020-05-27

151浏览

0评论

Vuex modules模式下mapState/mapMutations的操作实例

当我们使用 Vuex 实现全局状态维护时，可能需要将状态值划分多个模块，比如一些 root 级的用户登录状态，token，用户级的用户信息，购物车级的购物车信息。下面我们实例演示下如何在...

2020-05-27

156浏览

0评论

浅谈Vue.set实际上是什么

谈到Vue.set就要说响应式原理，所以得为你自己准备下这方面的理论知识。然而，一如即往，这并不难或者枯燥。准备点鳄梨和薯条，制作些鳄梨酱，然后我们再进入话题。
数据和响应式原理...

2020-05-27

195浏览

0评论

Layui事件监听的实现(表单和数据表格)

一、表单的事件监听
先介绍一下几个属性的用法1、lay-filter 事件过滤器
相当于选择器，layui的专属选择器2、lay-verify 验证属性属性值可以是：required必填项， phone手机号，em...

2020-05-27

69浏览

0评论

JavaScript 实现同时选取多个时间段的方法

本文介绍了JavaScript 实现同时选取多个时间段的方法，分享给大家，具体如下：
<template> <div> <ul> <li v-for="(item,index) in timeLine.idList" :key="index" i...

2020-05-27

102浏览

0评论

JS设置自定义快捷键并实现图片上下左右移动

JS代码实现自定义热键实现功能：1.自定义上下左右键
2.使用自定义热键或者使用键盘上下左右键移动图片效果图：步骤1：HTML代码：<!DOCTYPE html><html> <head lang="en"> <meta cha...

2020-05-27

149浏览

0评论

mpvue实现小程序签到金币掉落动画(api实现)

这里使用小程序自带的api来实现，用小程序来写动画的恶心点在于，没有帧，只能用setimeout 来作为帧来使用，下面是实现代码，下面是简单用div代替了图片，需要什么图片，可以自行替换相...

2020-05-27

164浏览

0评论

小程序input数据双向绑定实现方法

我们都知道 vue 中可以使用 modal 来实现 input 内容数据的双向绑定。小程序好像没有提供相应的方法支持，就需要我们自己写了。原理很简单，在 input 上先绑定需要取值的变量，如...

2020-05-27

79浏览

0评论

JS工厂模式开发实践案例分析

本文实例讲述了JS工厂模式开发。分享给大家供大家参考，具体如下：基于JS工厂模式的H5应用，实现了轮播图功能与滑屏功能，并且实现了文字大小的自适应功能，基于SASS样式开发。核心的...

2020-05-27

246浏览

0评论

mpvue 页面预加载新增preLoad生命周期的两种方式

存在的必要性：mpvue开发微信小程序，在页面跳转到新页面的过程中会有200ms左右的延迟，这个200ms如果用来请求新页面的接口，那么跳转到新页面或许已经渲染好了页面。就是两种方式：1...

2020-05-27

397浏览

0评论

微信小程序一周时间表功能实现

这篇文章主要介绍了微信小程序一周时间表功能实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下wxml　　　<view clas...

2020-05-27

104浏览

0评论

在Express中提供静态文件的实现方法

为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件，请使用 Express 中的 express.static 内置中间件函数。将包含静态资源的目录的名称传递给 express.static 中...

2020-05-27

98浏览

0评论

express中static中间件的具体使用方法

如果想要在输入url后直接访问服务端的静态文件，比如css、js、文件等，就需要知道这些静态文件的定位，在express框架中express.static中间件函数可以帮助我们实现。Staic是expres...

2020-05-27

201浏览

0评论

vue-devtools的安装和使用步骤详解

1、下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools 2、解压此文件夹3、用命令提示符或编译器进入此文件夹4、在文件夹下依次运行（可以在命令提示符窗口也可...

2020-05-27

439浏览

0评论

vue使用showdown并实现代码区域高亮的示例代码

前言：当我们想把makedown文档转译为html在网页上显示，并且能漂亮的展示出自己想要的网页形式，接下来我给大家介绍插件来达到我们所想要的功能。
注：下面安装及使用方式是基于vue...

2020-05-27

热门文章