JavaScript - 教程之家

100浏览

0评论

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

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

2020-05-27

122浏览

0评论

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

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

2020-05-27

83浏览

0评论

JS回调函数深入理解

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

2020-05-27

1073浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

334浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

121浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

126浏览

0评论

WEEX环境搭建与入门详解

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

256浏览

0评论

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

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

2020-05-27

131浏览

0评论

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

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

2020-05-27

122浏览

0评论

浅谈Vue.set实际上是什么

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

2020-05-27

175浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

116浏览

0评论

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

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

2020-05-27

140浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

200浏览

0评论

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

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

2020-05-27

380浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

169浏览

0评论

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

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

2020-05-27

415浏览

0评论

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

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

2020-05-27

197浏览

0评论

countup.js实现数字动态叠加效果

本文实例为大家分享了countup.js实现数字动态叠加效果的具体代码，供大家参考，具体内容如下CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画...

2020-05-27

118浏览

0评论

jQuery/JS监听input输入框值变化实例

input事件： onchange：1、要在 input 失去焦点的时候才会触发；2、在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发；3、onchange event 所有主要浏览器都支...

2020-05-27

93浏览

0评论

countUp.js实现数字动态变化效果

本文实例为大家分享了countUp.js实现数字动态变化的具体代码，供大家参考，具体内容如下countUp.js官网：演示地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2020-05-27

77浏览

0评论

CountUp.js实现数字滚动增值效果

数据改动的时候，countUp.js进行数值滚动增加的动态效果，供大家参考，具体内容如下这是js文件// target = id of html element or var of previously selected html element wher...

2020-05-27

193浏览

0评论

CountUp.js数字滚动插件使用方法详解

CountUp.js 是一个轻量级，无依赖的JavaScript类，通过简单的设置就可以达到数字滚动的效果演示地址： countUp.js可配置项：target = 目标元素的 ID；startVal = 开始值；endVal = 结束...

2020-05-27

100浏览

0评论

jquery轻量级数字动画插件countUp.js使用详解

CountUp.js是一个无依赖，轻量级的JavaScript“类”，可用于快速创建以更有趣的方式显示数字数据的动画。该JS插件下载地址展示效果：详细代码示例：<!DOCTYPE html><html> <head> <...

2020-05-27

71浏览

0评论

JavaScript实现更换背景图片

本文实例为大家分享了JavaScript实现更换背景图片的具体代码，供大家参考，具体内容如下主要通过Js控制行内样式，达到更换背景图片的目的效果：
代码：<!DOCTYPE html><html> <h...

2020-05-27

88浏览

0评论

js实现简易计算器功能

制作能进行加减乘除的简易计算器，主要是练习动态注册事件。因以练习为主，所以包含了较多基础方法。效果图代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>...

2020-05-27

118浏览

0评论

ElementUI之Message功能拓展详解

在最近项目开发中，接口错误信息是在拦截器统一处理，在一次产品大大验收过程中，由于服务器没有重启完成，导致前端弹出一推错误提示语，产品大大对于提示语的交互效果提出了一系列的...

2020-05-27

78浏览

0评论

细述Javascript的加法运算符的具体使用

简介
JavaScript是一门了不起的语言。我喜欢它的灵活性：只需以你喜欢的方式做事：更改变量类型，动态的向对象添加方法或属性，对不同的变量类型使用运算符等等。
然而动态是要付出...

2020-05-27

175浏览

0评论

Vue-cli3项目引入Typescript的实现方法

前言
假设已经有一个通过 vue-cli3 脚手架构建的 vue 项目
命令行安装 Typescript
npm install --save-dev typescriptnpm install --save-dev @vue/cli-plugin-typescript...

2020-05-27

167浏览

0评论

countUp.js实现数字滚动效果

本文实例为大家分享了countUp.js数字滚动效果展示的具体代码，供大家参考，具体内容如下1. 概述1.1 说明在项目过程中，有时候需要动态的去展示一些数据的加载状态，如一个数字为100...

2020-05-27

121浏览

0评论

VUE实现图片验证码功能

本文实例为大家分享了VUE实现图片验证码的具体代码，供大家参考，具体内容如下1. 概述1.1 说明在开发过程中，有时候需要使用图片验证码进行增加安全强度，在点击图片时更新新的图片...

2020-05-27

119浏览

0评论

VUE实现密码验证与提示功能

本文实例为大家分享了VUE密码验证与提示功能的具体代码，供大家参考，具体内容如下1. 概述1.1 说明
　　vue项目中，为了较为明了的让用户看到所输入的密码信息的长度与复杂度是否...

2020-05-27

109浏览

0评论

vue滚动插件better-scroll使用详解

本文实例为大家分享了vue滚动插件better-scroll的具体代码，供大家参考，具体内容如下1. 概述1.1 说明better-scroll是一款重点解决移动端(已支持PC)各种滚动场景需求的插件。例...

2020-05-27

149浏览

0评论

react MPA 多页配置详解

create-react-app 默认创建的是 SPA 应用，随着代码量的增加，build 后的 js 文件会越来越大。网上有很多拆分大的 js 文件的方案，但其实把 SPA 拆分成 MPA 也未尝不是一种解决方...

2020-05-27

96浏览

0评论

基于JavaScript获取base64图片大小

base64原理
Base64编码要求把3个8位字节（38=24）转化为4个6位的字节（46=24），之后在6位的前面补两个0，形成8位一个字节的形式。如果剩下的字符不足3个字节，则用0填充，输出字符使用'='...

2020-05-27

热门文章