JavaScript - 教程之家

80浏览

0评论

微信小程序行的删除和增加操作实现详解

第一步：在项目的app.json中创建一个新的页面（页面名称英文，可自定义）第二步：在创建的新页面中编写页面（注意bindtap属性值，因为是我们的js的函数方法名）第三步：在对应的js里设置全局...

2020-05-27

78浏览

0评论

js 下拉菜单点击旁边收起实现(踩坑记)

背景：
最近在搞一个需求：搜索框，输入时显示联想词下拉列表，当点击联想词跳转到搜索页，如果点击其他部分收起联想的下拉列表。接到需求后第一反应用失焦（blur）去做收起操作避免body...

2020-05-27

74浏览

0评论

在vue中根据光标的显示与消失实现下拉列表

重点知识mousedown事件：mousedown的执行顺序大于blur事件
HTML代码<template> <div> <input ref="search" @focus="showList(true)" v-model="search" @blur="showList(fals...

2020-05-27

129浏览

0评论

JS回调函数简单易懂的入门实例分析

本文实例讲述了JS回调函数。分享给大家供大家参考，具体如下：初学js的时候，被回调函数搞得很晕，现在回过头来总结一下什么是回调函数。什么是JS？（点击查看）下面先看看标准的解释：<scr...

2020-05-27

75浏览

0评论

React+Redux实现简单的待办事项列表ToDoList

使用Redux做了一个简单的ToDoList待办事项列表，具体如下
这个例子也是源于Redux作者Dan Abramov的视频demo
还要特别说明一下
我还没有使用react-redux库进行解耦（可能以后...

2020-05-27

61浏览

0评论

HTML+JavaScript实现扫雷小游戏

本文实例为大家分享了JavaScript实现扫雷小游戏的具体代码，供大家参考，具体内容如下工具：Sublime Text / Dreamweaver /Hbuilder<!doctype html><html><head><meta charset="ut...

2020-05-27

62浏览

0评论

Bootstrap实现模态框效果

一、模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。二、如果想要单独引...

2020-05-27

96浏览

0评论

微信小程序实现分享商品海报功能

我们在微信小程序中经常会使用到分享商品海报，或者是重绘微信小程序分享链的图片功能。实现该功能只要跟着如下几个步骤就可以快速实现啦！（本文示例代码使用的是uni-app，原生或...

2020-05-27

76浏览

0评论

createObjectURL方法实现本地图片预览

ie6 可以直接显示本本地路径的图片如： <img src="file://c:/3.jpg" /> ~~~网上都说ie7就不支持这种文件系统路径的url，但测试 xp ie8还是可以的ie8+ alphaImageLoader滤镜方...

2020-05-27

103浏览

0评论

vue实现select下拉显示隐藏功能

今日，怂怂就来说说，在项目中刚遇到这么一个功能需求；描述：当下拉选择不同的属性选项，需展示对应的内容界面；select下拉菜单如下：当下拉选择【表结构变更】、即展示如下界面：当下拉选...

2020-05-27

72浏览

0评论

js实现图片上传即时显示效果

前言h5实训时实现的一个图片上传即时显示的效果，如下图所示
正文Html代码<form action="" method="POST" role="form"> <div class="form-group"> <label for="touxiang" >头...

2020-05-27

77浏览

0评论

vue自动化路由的实现代码

目的解放双手，从此不用配置路由。当你看到项目中大批量的路由思考是拆分维护业务路由还是统一入口维护时，无需多虑，router-auto是你的最优选择，它帮你解决路由的维护成本，你只需...

2020-05-27

75浏览

0评论

JavaScript键盘事件响应顺序详解

本文实例为大家分享了JavaScript键盘事件响应顺序的具体实现代码，供大家参考，具体内容如下键盘响应顺序当按下键盘时，会触发多个事件，它们将按顺序发生。对于字符键来说，键盘事...

2020-05-27

140浏览

0评论

laravel实现中文和英语互相切换的例子

resources文件下面有一个lang文件夹下面有一个en文件夹，这里就是后面要使用到的存放语言的语言包的地方了。下面设置app.php里面的语言驱动。这里我设置的是en，到时候就会使用...

2020-05-27

80浏览

0评论

解决vue cli使用typescript后打包巨慢的问题

前言最近新开了一个项目，虽然用的是 vue 技术栈，但是为了项目的健壮性，还是强上了 typescript, 于是引出了下面的问题。问题
之前使用过 ts-loader 打包 react 项目，给我的感觉...

2020-05-27

64浏览

0评论

JavaScript实现单图片上传并预览功能

本文实例为大家分享了JavaScript实现单图片上传并预览功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>单图片...

2020-05-27

64浏览

0评论

浅探express路由和中间件的实现

1. Express简介
express是一个基于node.js平台的极简，灵活的web应用开发框架，它提供一系列强大的特征，帮助你创建各种web和移动设备应用
express框架核心特征：可以设置中间件...

2020-05-27

80浏览

0评论

JavaScript实现图片上传并预览并提交ajax

本文实例为大家分享了JavaScript实现图片上传并预览并提交ajax的具体代码，供大家参考，具体内容如下图片上传并预览HTML<div class="file-box"> <img id="preview" /> <input t...

2020-05-27

70浏览

0评论

bootstrap table实现iview固定列的效果实例代码详解

因为bootstrap自带的固定列效果满足不了公司需求，所以借助fixed-table这个插件完成了iview固定列的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" />...

2020-05-27

85浏览

0评论

Bootstrap table 实现树形表格联动选中联动取消功能

公司最近有需求要做树形式table。因为是前后端不分离项目，且之前已经引入了bootstrap table插件，现把实现方式分享一下：<!DOCTYPE HTML><html lang="zh-cn"><head> <meta chars...

2020-05-27

107浏览

0评论

vue resource发送请求的几种方式

vue resource发送请求，代码如下所示；<!DOCTYPE html><html><head> <title>vue-resource</title> <meta charset="utf-8"></head><body> <div id="app"> <input type="bu...

2020-05-27

84浏览

0评论

JavaScript中的null和undefined用法解析

1.概述null和undefined属于js中两种不同的基本数据类型，都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。并且在if语句的判断条...

2020-05-27

96浏览

0评论

vue中使用[provide/inject]实现页面reload的方法

在vue中实现页面刷新有不同的方法:如:this.$router.go(0),location.reload()等,但是或多或少会存在问题,如页面会一闪等所以建议使用[provide/inject]实现刷新该方法t简单的...

2020-05-27

76浏览

0评论

uploadify插件实现多个图片上传并预览

使用uploadify插件可方便实现图片上传功能。兼容ie6、ie7。上传成功之后使用插件的回调函数读取json数据，根据url实现图片预览。效果图：点击浏览文件上传图片，图片依次在右侧显...

2020-05-27

88浏览

0评论

webpack3升级到webpack4遇到问题总结

最近由于项目需要，需要对已有的两个vue项目进行webpack3升级到webpack4，此处记录一下整个升级过程的几个重要步骤，以及遇到的问题和解决方案。1、更新webpack以及相关联插件，web...

2020-05-27

99浏览

0评论

详解小程序云开发攻略(解决最棘手的问题)

背景
最近小程序非常的火,应公司业务发展要求,开发维护了几款小程序,公司开发的小程序都是由后端提供的接口,开发繁琐而复杂,直到小程序出现了云开发,仔细研读了文档之后,欣...

2020-05-27

123浏览

0评论

微信小程序自定义tabBar在uni-app的适配详解

引言：此方法可用作大部分微信小程序支持，但uni-app文档中却找不到相关说明的API需求需要在微信小程序中，实现一个中间图标突出显示的异形导航栏。如下图
实现方法设计要做这种...

2020-05-27

90浏览

0评论

在vue中使用jsx语法的使用方法

什么是JSX?
JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析.
我为什么要在vue中用...

2020-05-27

112浏览

0评论

JS使用H5实现图片预览功能

JS使用H5实现上传图片预览的功能，以下是代码的实现：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>文件上传预览</title><script type="text/javascript">//预览...

2020-05-27

78浏览

0评论

java和js实现的洗牌小程序

这几天刚学了java和javascript，简单写了个用java和javascript的小程序JavaScript的// An highlighted blockvar colors = ['红桃','梅花','方片','黑桃']var numbers = ['2',...

2020-05-27

89浏览

0评论

javascript实现摄像头拍照预览

使用javascript实现电脑摄像头的打开和截图的功能，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>摄像头调用实例</title><script type="...

2020-05-27

143浏览

0评论

Echarts地图添加引导线效果(labelLine)

最近有粉丝问我能不能出个案例：地图上的地区文字，或其他标示类的图层，因为区块面积相对太小，想放在地图之外，通过labelLine连接到对应的区块上。今天就分享一个类似简单的案例，铺...

2020-05-27

91浏览

0评论

基于VUE的v-charts的曲线显示功能

1. 应用背景在做一个某路灯管理处的物联网项目时，需要统计8个电表的电能曲线（时间-电能），需求就是能生成日报（24个点，间隔1小时，实时），月报（30个点，间隔1天，取每天的凌晨1点数据），年报（每个...

2020-05-27

115浏览

0评论

你不可不知的Vue.js列表渲染详解

介绍
用 v-for 把一个数组对应为页面上的一组元素
vue.js 使用的是 v-for 指令来处理组件元素的循环迭代逻辑。通常它会和 v-if 配合使用，达到我们所需要的处理逻辑。
v-for...

2020-05-27

101浏览

0评论

基于iview-admin实现动态路由的示例代码

iview-admin是一个基于vue和iview组件库实现的管理后台前端，本文基于iview-admin最新版本，实现基于权限的动态路由加载。
本文代码可参见：https://github.com/MayBeWrong/iview...

2020-05-27

85浏览

0评论

详解element-ui级联菜单（城市三级联动菜单）和回显问题

代码最下面
各项的参数截图代码如下 <el-form-item label="户籍所在地" prop="censusLand" style="padding-left:57px"> <el-cascader v-model="ruleForm.censusLand" sty...

2020-05-27

78浏览

0评论

Nautil 中使用双向数据绑定的实现

虽然是基于 react 的框架，但是在 nautil 中可以使用双向数据绑定，这得益于基于观察者模式的开发思路。在 react 中使用双向绑定并非没有需求，react 严格的单向数据流，严重影响了...

2020-05-27

90浏览

0评论

JavaScript 面向对象基础简单示例

本文实例讲述了JavaScript 面向对象。分享给大家供大家参考，具体如下：JavaScript 面向对象 this：this代指对象(python self) 对象 = new 函数()：创建对象：添加“new 函数()”...

2020-05-27

100浏览

0评论

JavaScript Dom 绑定事件操作实例详解

本文实例讲述了JavaScript Dom 绑定事件操作JavaScript Dom 绑定事件操作。分享给大家供大家参考，具体如下：JavaScript Dom 绑定事件// 先获取Dom对象，然后进行绑定document.g...

2020-05-27

54浏览

0评论

JavaScript 作用域实例分析

本文实例讲述了JavaScript 作用域。分享给大家供大家参考，具体如下：JavaScript 作用域1. JavaScript 以函数作为作用域JavaScript: 以函数做为作用域function func(){ if(1=...

2020-05-27

99浏览

0评论

jQuery 查找元素操作实例小结

本文实例讲述了jQuery 查找元素操作。分享给大家供大家参考，具体如下：1. id// 通过id查找$('#id')2. class<div class='c1'></div>// 通过class查找$('.c1')3. 标签、组合<div...

2020-05-27

70浏览

0评论

jQuery 筛选器简单操作示例

本文实例讲述了jQuery 筛选器简单操作。分享给大家供大家参考，具体如下：jQuery 筛选器1筛选器1：在选择器选择的基础上在选择一次// 当前点击的标签$(this)$(this)// .next()...

2020-05-27

134浏览

0评论

深入学习Vue nextTick的用法及原理

Vue.nextTick是Vue官方给我们提供的一个API（方法），作用是在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM；那么我们的理解是：当数据发生...

2020-05-27

83浏览

0评论

vux-scroller实现移动端上拉加载功能过程解析

本文将讲述vue-cli+vux-scroller实现移动端的上拉加载功能：纠错声明：网上查阅资料看到很多人都将vux和vuex弄混，在这里我们先解释一下，vuex是vue框架自带的组件，是数据状态管理工...

2020-05-27

108浏览

0评论

vue路由传参页面刷新参数丢失问题解决方案

最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：方法一：params传...

2020-05-27

100浏览

0评论

vue-cli和v-charts实现可视化图表过程解析

v-charts是饿了么团队开源的一款基于Vue和Echarts的图表工具，在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛...

2020-05-27

104浏览

0评论

在Koa.js中实现文件上传的接口功能

文件上传是一个基本的功能，每个系统几乎都会有，比如上传图片、上传Excel等。那么在Node Koa应用中如何实现一个支持文件上传的接口呢？本文从环境准备开始、最后分别用 Postma...

2020-05-27

134浏览

0评论

简单了解vue中的v-if和v-show的区别

v-if和v-show的区别是前端面试中常问的基础知识点，v-if、v-show顾名思义就是用来判断视图层展示效果的。那么具体是怎么展示呢？v-if和v-show的区别又是什么呢？首先我们可以来看...

2020-05-27

95浏览

0评论

webpack HappyPack实战详解

由于运行在 Node.js 之上的 Webpack 是单线程模型的，所以Webpack 需要处理的事情需要一件一件的做，不能多件事一起做。
我们需要Webpack 能同一时间处理多个任务，发挥多核 CPU...

2020-05-27

89浏览

0评论

javascript简单实现深浅拷贝过程详解

前言深浅拷贝知识在我们的日常开发中还算是用的比较多，但是之前的状态一直都是只曾听闻，未曾使用（其实用了只是自己没有意识到），所以今天来跟大家聊一聊js的深浅拷贝；首先我们来了...

2020-05-27

热门文章