JavaScript - 教程之家

52浏览

0评论

JS实现判断图片是否加载完成的方法分析

本文实例讲述了JS实现判断图片是否加载完成的方法。分享给大家供大家参考，具体如下：1、onload事件<!DOCTYPE HTML><html> <head> <title></title> </head> <body> <i...

2020-05-27

116浏览

0评论

Vue 路由过渡动效数据获取方法

过渡动效<router-view> 是基本的动态组件，所以我们可以用 <transition> 组件给它添加一些过渡效果：<transition> <router-view></router-view></transition> 单个路由的过渡上...

2020-05-27

57浏览

0评论

JavaScript new对象的四个过程实例浅析

本文实例讲述了JavaScript new对象的四个过程。分享给大家供大家参考，具体如下：new对象：function Person(name, age) { this.name = name; this.age = age;}var person = new...

2020-05-27

44浏览

0评论

JS实现移动端触屏拖拽功能

1.html<div id="div1"></div>2.css* { margin: 0; padding: 0;}html,body { width: 100%; height: 100%;}#div1 { width: 50px; height: 50px; background: cyan; position:...

2020-05-27

60浏览

0评论

jQuery 实现倒计时天,时,分,秒功能

1.HTML部分<span class="joind">135</span>天<span class="joinh">7</span>时<span class="joinm">46</span>分<span class="joins">25</span>秒 2.js部分<script src="http...

2020-05-27

94浏览

0评论

Node.js log4js日志管理详解

前言在Nodejs中使用express框架并没有自带的日志模块，我们可以选择log4js来完成日志记录的功能。如果用过JAVA中log4j的同学，肯定对日志并不陌生，学习log4js会更得心应手的。项...

2020-05-27

118浏览

0评论

vue2.0页面前进刷新回退不刷新的实现方法

花了整整一周时间，尝试过很多种方法，终于找到了最佳的解决方案（对我来说最佳），为了祭奠逝去的一周，也为了释放激动的情绪，现在不得不写篇博客了。直接上重点：第一步：//在APP.vue里面...

2020-05-27

48浏览

0评论

react中实现搜索结果中关键词高亮显示

网上看到很多js实现的关键词高亮显示，方法都是一个道理，先获取要替换的文字区域，然后在用正则匹配到关键词，并进行替换。react中实现起来似乎更简单一些。我这里的需求是通过搜...

2020-05-27

101浏览

0评论

Vue父子组件双向绑定传值的实现方法

父子组件之间的双向绑定非常简单，但是很多人因为是从Vue 2+开始使用的，可能不知道如何双向绑定，当然最简单的双向绑定（单文件中）就是表单元素的 v-model 了，例如 <input type="tex...

2020-05-27

352浏览

0评论

看看“疫苗查询”小程序有温度的代码

近日，一篇《疫苗之王》刷爆了朋友圈，疫苗的安全问题被推到了风口浪尖，腾讯安全反诈骗实验室团队推出了“腾讯安心计划”小程序，方便用户便捷地查询疫苗安全信息。这样一个暖心的...

2020-05-27

108浏览

0评论

echarts设置图例颜色和地图底色的方法实例

前言本来想写echarts初始化函数的，但最近因为要写一个地图与柱状图的混合方式，也就是每个省的地图上要有柱状图显示。于是仔细使用了一下地图。1、地图的一些基本属性就不介绍...

2020-05-27

89浏览

0评论

Vue.js 利用v-for中的index值实现隔行变色

首先定义好样式，利用v-for中的index值，然后绑定样式来实现隔行变色效果。　　以下为完整代码，很简单，但也是个技巧。<!DOCTYPE html><html lang="en"><head> <meta charset="U...

2020-05-27

56浏览

0评论

JavaScript执行环境及作用域链实例分析

本文实例讲述了JavaScript执行环境及作用域链。分享给大家供大家参考，具体如下：1、执行环境：每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个...

2020-05-27

91浏览

0评论

Vue项目全局配置页面缓存之按需读取缓存的实现详解

写在前面
一个web app的实际使用场景中，有一些情景的交互要求，是记录用户的浏览状态的。最常见的就是在列表页进入详情页之后，再返回到列表页，用户希望返回到进入详情页之前的状...

2020-05-27

60浏览

0评论

create-react-app 修改为多入口编译的方法

需求和出发点
我们会有较多的小的单页应用，主要是一些简单的页面和活动之类。这些页面相互之间没有交集，但是会有一些可以共用的代码，资源、接口、组件啥的。对此，我们想到了两...

2020-05-27

108浏览

0评论

JS+HTML实现的圆形可点击区域示例【3种方法】

本文实例讲述了JS+HTML实现的圆形可点击区域。分享给大家供大家参考，具体如下：方法一：<img>通过usemap映射到<map>的circle形<area>。<img src="images/lanlvseImg.png" usemap...

2020-05-27

47浏览

0评论

JavaScript事件冒泡与事件捕获实例分析

本文实例讲述了JavaScript事件冒泡与事件捕获。分享给大家供大家参考，具体如下：1、事件冒泡在一个对象上触发某类事件，如onclick事件等，在其祖先节点上也会依次触发该事件。<bod...

2020-05-27

70浏览

0评论

NodeJS实现自定义流的方法

前言常见的自定义流有四种，Readable（可读流）、Writable（可写流）、Duplex（双工流）和 Transform（转换流），常见的自定义流应用有 HTTP 请求、响应， crypto 加密，进程 stdin 通信等等。strea...

2020-05-27

70浏览

0评论

javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】

本文实例讲述了javascript数据结构之多叉树经典操作。分享给大家供大家参考，具体如下：多叉树可以实现复杂的数据结构的存储，通过遍历方法可以方便高效的查找数据，提高查找的效率...

2020-05-27

75浏览

0评论

Angular路由ui-router配置详解

简介angularJs自身提供路由ng-router,但是ng-router不是很好用,配置项零散，好比Vue提供的组件传值一样，虽然提供给你了用法，但是开发过程中逻辑一多用着萌萌的，所以我们抛开ng-r...

2020-05-27

78浏览

0评论

深入浅出理解JavaScript闭包的功能与用法

本文实例讲述了JavaScript闭包的功能与用法。分享给大家供大家参考，具体如下：理解闭包关键是理解JS的对象的本质以及垃圾收集机制。函数也是对象，也有属性，通常执行一个函数时，局...

2020-05-27

97浏览

0评论

node.js遍历目录的方法示例

本文介绍了node.js遍历目录的方法示例，分享给大家，也给自己留个笔记，具体如下
同步遍历
const fs = require('fs');const path=require('path');function travel(dir,callback)...

2020-05-27

108浏览

0评论

vue定义全局变量和全局方法的方法示例

一、全局引入文件1、先定义共用组件 common.vue<script type="text/javascript"> // 定义一些公共的属性和方法 const httpUrl = 'http://39.105.17.99:8080/' function...

2020-05-27

115浏览

0评论

Vue Router去掉url中默认的锚点#

hash模式urlvue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。如果不想要这种默认的hash模式，可以用路由的history模式，这种模...

2020-05-27

117浏览

0评论

详解es6超好用的语法糖Decorator

Decorator（修饰器/装饰器）是es6提出的语法糖，用于修改类的行为。不过目前主流浏览器都没有很好的支持，我们需要用babel来转换为浏览器能识别的语言。在这篇文章中将介绍decorato...

2020-05-27

72浏览

0评论

Promise.all中对于reject的处理方法

昨天写了个小爬虫，用axios.all同时请求多个页面时，国内网络的原因很容易就超时然后reject了，佛系resolve不可取啊，然后想到可以实现一个“重发失败请求”的功能。Promise.all(re...

2020-05-27

147浏览

0评论

解决vue router组件状态刷新消失的问题

场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: 'index', params: res.data})跳转到主页，并在主页显示数据。但是当刷新页...

2020-05-27

84浏览

0评论

深入浅出理解JavaScript高级定时器原理与用法

本文实例讲述了JavaScript高级定时器原理与用法。分享给大家供大家参考，具体如下：setTimeout()和setInterval()可以用来创建定时器，其基本的用法这里就不再做介绍了。这里主要...

2020-05-27

69浏览

0评论

重新认识vue之事件阻止冒泡的实现

冒泡的表现近期用vue做了一个需求，大概是同一个区域，点击不同位置有不同的响应函数，还有个总的响应函数，好吧，如下图所示:他们的DOM结构如下:<div v-for="(item, index) in listD...

2020-05-27

56浏览

0评论

详解使用VueJS开发项目中的兼容问题

我们开发的项目，兼容到IE9+，以下所提到的问题都是在这个项目中所遇见的问题，如有错误，或者理解不正确的地方，望多多指点。1. KingEditor，IE下提示‘对象不支持moveToElementText属...

2020-05-27

77浏览

0评论

Vue-cli配置打包文件本地使用的教程图解

最近做的一个嵌入app的pc端项目，用的也是比较熟悉的vue-cli构建工具构建项目,需要的是打开dist文件夹入口html能加载到本地的静态文件，打包后的index.html加载文件如图：

u...

2020-05-27

110浏览

0评论

node.js读取Excel数据（下载图片）的方法示例

前言因为组织观影活动需要统计报名和收集影评，选择微信小程序“报名工具”，管理员下载数据发现影评只是一个图片的URL链接，需要自己手动下载，哪里能难倒程序员？
1. 下载的Excel数...

2020-05-27

72浏览

0评论

在小程序中使用Echart图表的示例代码

在小程序中使用Echart图表 Echart UI构建（柱状图） Echart 假数据 Echart 动态设置数据柱状图UI示例 // Echart config，包括init data 和style及数据类型 var option = {...

2020-05-27

62浏览

0评论

在微信小程序里使用watch和computed的方法

在开发 vue 的时候，我们可以使用 watch 和 computed 很方便的检测数据的变化，从而做出相应的改变，但是在小程序里，只能在数据改变时手动触发 this.setData() ，那么如何给小程序也...

2020-05-27

56浏览

0评论

利用Node.js批量抓取高清妹子图片实例教程

前言写了一个抓取图片的小玩意，分享一下。
Github地址：https://github.com/focalhot/node.js-crawler （本地下载）示例代码 //依赖模块 var fs = require('fs'); var request = r...

2020-05-27

96浏览

0评论

vue组件横向树实现代码

将之前的用css3+jq实现的横向树样式简单封装成组件使用到vue项目中，文件名为transverseTree.vue代码：
<template> <div class="tree"> <ul v-if="treeData && treeData.lengt...

2020-05-27

82浏览

0评论

vue.js图片转Base64上传图片并预览的实现方法

对于前端人员来说，图片处理是一个很常见的需求，由于图片稍微特殊，现在多数做法都是使用调用ajax接口通过http方法来提交，例如post方法提交，后台处理后返回一个图片路径给前端，前端...

2020-05-27

88浏览

0评论

利用Blob进行文件上传的完整步骤

BlobBlob，Binary Large Object的缩写，二进制类型的大对象，代表不可改变的原始数据在计算机中，BLOB常常是数据库中用来存储二进制文件的字段类型。Blob基本用法
Blob对象
Blob对...

2020-05-27

94浏览

0评论

Array数组对象中的forEach、map、filter及reduce详析

前言刚才某人问了我一个问题。map怎么遍历，我刷刷刷就是一顿写。遍历么，forEach么，妥妥的。var map = new Map();map.set('item1', 'value1')map.set('item2', 'value2')map.fo...

2020-05-27

85浏览

0评论

微信小程序之自定义组件的实现代码（附源码）

最近在项目开发中，遇到好多雷同的页面样式，就想着可以将常用的功能模块封装成组件，方便在项目中使用和修改，下面就参照微信小程序的文档分步骤写一个微信小程序的组件。附上效果...

2020-05-27

57浏览

0评论

JavaScript防止全局变量污染的方法总结

本文实例讲述了JavaScript防止全局变量污染的方法。分享给大家供大家参考，具体如下：javaScript 可以随意定义保存所有应用资源的全局变量。但全局变量可以削弱程序灵活性，增大...

2020-05-27

75浏览

0评论

详解Angular中通过$location获取地址栏的参数

最近，项目开发正在进行时，心有点燥，许多东西没来得及去研究，今天正想问题呢，同事问到如何获取url中的参数，我一时半会还真没想起来，刚刚特意研究了一下，常用的方法就以下几种：1.获取...

2020-05-27

97浏览

0评论

JS实现根据指定值删除数组中的元素操作示例

本文实例讲述了JS实现根据指定值删除数组中的元素操作。分享给大家供大家参考，具体如下：解决问题：1 .JS判断元素是否在数组内2. JS根据指定值删除数组中的元素要点：相当于jquery...

2020-05-27

69浏览

0评论

原生js封装的ajax方法示例

本文实例讲述了原生js封装的ajax方法。分享给大家供大家参考，具体如下：众所周知，框架之间会有冲突，这是源生js就起到作用了，下面介绍一种源生js封装的ajax请求。function ajax(op...

2020-05-27

93浏览

0评论

vue组件挂载到全局方法的示例代码

在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入，并不像ele...

2020-05-27

80浏览

0评论

详解vue指令与$nextTick 操作DOM的不同之处

异步更新队列可能你还没有注意到，Vue 异步执行 DOM 更新。只要观察到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发...

2020-05-27

128浏览

0评论

详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件

wc-messagebox 基于 vue 2.0 开发的插件包含 Alert, Confirm, Toast, Prompt 仿照 iOS 原生UI(样式来源: MUI)一些想法
刚开始的时候想要用现成的弹窗组件来着, 但是查...

2020-05-27

84浏览

0评论

原生js实现form表单序列化的方法

当我们有form表单而且里面的表单元素较多时，咱们总不能一个个去获取表单元素内的值来进行拼接吧！这样会很让人蛋疼！为了方便与后台交互并且提高自己的开发效率，并且不让你蛋疼；我...

2020-05-27

86浏览

0评论

如何在vue里添加好看的lottie动画

引入lottie库（ >.< ）在vue中引入lottie非常非常简单1.安装vue-lottie包npm install --save vue-lottie2.全局引入vue-lottie在main.js引入并注册全局组件即可import lottie...

2020-05-27

76浏览

0评论

Vue 项目分环境打包的方法示例

我们开发项目的时候，用vue-cli 2.x版本新建的项目，只有dev, pro两种开发环境, 有时需要个test环境来给测试使用，所以找了很多方法，总结了个最简单的方法来给大家使用1、package....

2020-05-27

热门文章