JavaScript - 教程之家

81浏览

0评论

vue获取当前激活路由的方法

一个 route object（路由信息对象）表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息，还有 URL 匹配到的 route records（路由记录）。route object 是 immutable（不可变）...

2020-05-27

120浏览

0评论

vue 每次渲染完页面后div的滚动条保持在最底部的方法

实例如下：//每次页面渲染完之后滚动条在最底部updated:function(){ this.$nextTick(function(){ var div = document.getElementById('dialogue_box'); div.scrollTop = d...

2020-05-27

49浏览

0评论

vue中实现先请求数据再渲染dom分享

在项目中遇到了一个问题，下面是vue template中的代码：我之前的写法是这样做的结果是下面取dom的操作，取到的dom都是undefined，也就是没有取到。原因是并没有按照请求数据—>渲...

2020-05-27

60浏览

0评论

解决vue页面DOM操作不生效的问题

现象：使用Element UI渲染了一个树形结构，设计在鼠标移入每个节点是显示其中的操作按钮，效果如下：下面是出错部分：在新增节点后移入新增节点附近(图中是移入一级2)，功能按钮的显示...

2020-05-27

89浏览

0评论

nodejs实现超简单生成二维码的方法

本文实例讲述了nodejs实现超简单生成二维码的方法。分享给大家供大家参考，具体如下：一开始使用node-qrcode（https://github.com/soldair/node-qrcode），结果安装的时候需要安装pyt...

2020-05-27

35浏览

0评论

nodejs+mongodb aggregate级联查询操作示例

本文实例讲述了nodejs+mongodb aggregate级联查询操作。分享给大家供大家参考，具体如下：最近完成了一个nodejs+mongoose的项目，碰到了mongodb的级联查询操作。情形是实现一个排...

2020-05-27

39浏览

0评论

基于vue1和vue2获取dom元素的方法

vue1.*版本中在标签中加上el='dom'，然后在代码中this.$els.dom这样就拿到了页面元素例如：<div class='box' v-el: myBox>你好</div>让你好的颜色显示为红色：this.$els.my-box....

2020-05-27

68浏览

0评论

JS实现将链接生成二维码并转为图片的方法

本文实例讲述了JS实现将链接生成二维码并转为图片的方法。分享给大家供大家参考，具体如下：<div id="code"></div><img id="img"/><script type="text/javascript"> var qrcod...

2020-05-27

67浏览

0评论

Vue实现动态创建和删除数据的方法

视图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> //导入vue.js <script type="text/javascript" src="./vue.js"></script> //非常简单了...

2020-05-27

47浏览

0评论

基于vue2.0动态组件及render详解

如下所示：<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>这里是Boor</h2> <component v-bind:my-data="items" v-bind:is="currentView"> <!-- 组件在 vm.current...

2020-05-27

54浏览

0评论

对vue里函数的调用顺序介绍

method用来定义方法的,比如你@click=”test”,methods就定义test这个方法created和ready都是 vue 组件的生命周期 created 类型： Function详细：在实例创建之后同步调用。此时...

2020-05-27

65浏览

0评论

JS实现为动态创建的元素添加事件操作示例

本文实例讲述了JS实现为动态创建的元素添加事件操作。分享给大家供大家参考，具体如下：html中直接生成的元素，添加事件，我们都知道，但是如何为一个动态生成的元素添加事件呢，jquery...

2020-05-27

63浏览

0评论

Vue的路由动态重定向和导航守卫实例

根据vue官方文档，对于重定向有详细的示例，但是关于使用方法动态重定向的描述却不多，重定向部分的描述如下：重定向重定向也是通过 routes 配置来完成，下面例子是从 /a 重定向到 /...

2020-05-27

104浏览

0评论

vue实现的上传图片到数据库并显示到页面功能示例

本文实例讲述了vue实现的上传图片到数据库并显示到页面功能。分享给大家供大家参考，具体如下：1、点击上传图片，弹出选择图片选项框。页面代码：<div class="form-signin-heading"...

2020-05-27

55浏览

0评论

解决使用vue.js路由后失效的问题

新学了vue.js中的路由在之前写的vue的demo上加上了简单的路由例子(来自vue-router 2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后...

2020-05-27

57浏览

0评论

js中如何完美的解析数据

自从有了前后端分离，一些后端小伙伴给出的数据结构也来越混乱了。以为分离减轻了他们的负担接口的质量会非常高但是人的惰性却体现的很“完美”。
由于js是若类型的语言，所以...

2020-05-27

50浏览

0评论

js中DOM事件绑定分析

js事件绑定JavaScript 有三种事件模型：内联模型脚本模型 DOM2 模型1、内联模型 //基本废除不用<input type="button" value="按钮" onclick="alert('Lee');" /><input t...

2020-05-27

59浏览

0评论

JavaScript中字符串的常用操作方法及特殊字符

下面看下js字符串的常用操作方法，具体内容如下所述：charAt() 获取字符串中特定索引处的字符；toupperCase() 将字符串的所有字符转换成大写字母；indexOf()...

2020-05-27

58浏览

0评论

jQuery中each方法的使用详解

概述：　　each() 方法规定为每个匹配元素规定运行的函数。　　返回 false 可用于及早停止循环,相当于break。　　返回 true 可以结束本次循环，相当于continue。语法:$(selecto...

2020-05-27

56浏览

0评论

jquery 实现拖动文件上传加载进度条功能

通过对文件的拖动实现文件的上传，主要用到的是HTML5的ondrop事件，上传内容通道FormData传输：//进度条<div class="parent-dlg" > <div class="progress-label">0%</div> <div c...

2020-05-27

56浏览

0评论

分析javascript原型及原型链

我们创建的每个函数都有一个 prototype （原型）属性，这个属性是一个指针，指向一个原型对象，而这个原型对象中拥有的属性和方法可以被所以实例共享。function Person(){}Person.pro...

2020-05-27

43浏览

0评论

使用Angular CLI生成 Angular 5项目教程详解

如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文.Angular CLI 官网:https://github.com/angular/angular-cli安装angular cli:npm install -g @...

2020-05-27

46浏览

0评论

jQuery替换节点元素的操作方法

替换节点元素的操作，实现动态页面的，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>中国</title> <script type="text/javascript" src="../...

2020-05-27

80浏览

0评论

Servlet3.0与纯javascript通过Ajax交互的实例详解

对于很多人来说应该很简单。不过还是写写，方便Ajax学习的后来者。虽然js.html是一个纯静态的页面，但是以下的程序必须挂在Tomcat服务器上，才能做到Ajax交互，否则看不出效果的。E...

2020-05-27

300浏览

0评论

vue 实现的树形菜的实例代码

下面一段代码给大家介绍vue 实现的树形菜单功能，具体代码如下所示：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue</title> <meta name="viewpo...

2020-05-27

51浏览

0评论

p5.js入门教程之键盘交互

一、键盘交互相关关键词与函数keyIsPressed: 关键词，按下按键时为true，反之为falsekeyCode: 关键词，用于判断按下哪个按键keyPressed():函数，按键按下时触发一次keyReleased():...

2020-05-27

77浏览

0评论

VUE重点问题总结

1、组件三种挂载方式
自动挂载var app3 = new Vue({ el: '#app-3', data: { seen: true }})手动挂载// 可以实现延迟按需挂载<div id="app"> {{name}} </div> <button oncli...

2020-05-27

56浏览

0评论

vue实现树形菜单效果

本文实例为大家分享了vue实现树形菜单效果展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue</title> <meta name="v...

2020-05-27

112浏览

0评论

react-native-video实现视频全屏播放的方法

react-native-video 是github上一个专用于React Native做视频播放的组件。这个组件是React Native上功能最全最好用的视频播放组件，还在持续开发之中，虽然还有些bug，但基本不影...

2020-05-27

66浏览

0评论

javascript原生封装一个淡入淡出效果的函数测试实例代码

说到js的渐变显示与消失，多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeToggle()。但如果仅仅是为了引入这样的一个效果，而去调用了庞大JQuery库？或者说我通过用原生js...

2020-05-27

41浏览

0评论

angularjs 缓存的使用详解

一、什么是缓存一个缓存就是一个组件，它可以透明地存储数据，以便未来可以更快地服务于请求。缓存能够服务的请求越多，整体系统性能就提升得越多。二、Angular 中的缓存2.1 $cac...

2020-05-27

69浏览

0评论

详解React项目的服务端渲染改造(koa2+webpack3.11)

因为对网页SEO的需要，要把之前的React项目改造为服务端渲染，经过一番调查和研究，查阅了大量互联网资料。成功踩坑。选型思路：实现服务端渲染，想用React最新的版本，并且不对现有的...

2020-05-27

79浏览

0评论

JavaScript生成指定范围的时间列表

遇到一个场景，需要拿到指定时间范围内的每一天，满足格式"YYYYMMDD",简单的功能，简单的思路准备　date对象有很多的方法，用到了以下：　 new date ()生成date对象，可以直接指定年...

2020-05-27

119浏览

0评论

nodejs基于express实现文件上传的方法

本文实例讲述了nodejs基于express实现文件上传的方法。分享给大家供大家参考，具体如下：前段时间在做个人项目的时候，用到了nodejs服务端上传文件，现在回头把这个小结一下，作为记...

2020-05-27

64浏览

0评论

基于webpack.config.js 参数详解

webpack.config.js文件通常放在项目的根目录中，它本身也是一个标准的Commonjs规范的模块。var webpack = require('webpack');module.exports = { entry: [ 'webpack/hot/on...

2020-05-27

155浏览

0评论

p5.js入门教程之图片加载

一、preload()函数与图片上传preload()函数是一个特殊的函数，它同setup()类似，只在程序开始时运行一次，但顺序在setup()之前。一般我们会将媒体文件（图片、声音）加载的语句放在pr...

2020-05-27

65浏览

0评论

解决vue-cli + webpack 新建项目出错的问题

今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下：没有给这些选项指定值：config-name, context, entry, module-bind, module-b...

2020-05-27

68浏览

0评论

快速解决vue-cli不能初始化webpack模板的问题

vue init webpack pro [Failed to download repo] [connect ETIMEDOUT 192.30.255.112]报这个错误有人说是代理问题。我也不懂，但这个方法有用1.去github上下载要初始化的模...

2020-05-27

60浏览

0评论

vue init webpack myproject构建项目 ip不能访问的解决方法

问题vue init webpack myproject构建项目使用localhost 或者127.0.0.1 均可以正常访问，但是切换到本地ip就不行了解决方式在 webpack.dev.conf.js 追加以下代码const HOST =...

2020-05-27

92浏览

0评论

关于vue面试题汇总

vue的底层原理?vue组件之间的通信？JS中判断数据类型的方法有几种?最常见的判断方法：typeof判断已知对象类型的方法： instanceof根据对象的constructor判断： constructor...

2020-05-27

77浏览

0评论

浅谈jquery fullpage 插件增加头部和版权的方法

前言一个页面，我们通过 jquery-fullpage 插件来制作，整个是全屏滚动的。但是，我们希望在最后一页增加一个版权，大概只有 100px 高，而不需要一个全屏来放版权。怎么做呢？搜索了一下...

2020-05-27

99浏览

0评论

使用Vue.js开发微信小程序开源框架mpvue解析

前言mpvue是一款使用Vue.js开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为H5和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程...

2020-05-27

84浏览

0评论

浅谈Node 调试工具入门教程

JavaScript 程序越来越复杂，调试工具的重要性日益凸显。客户端脚本有浏览器，Node 脚本怎么调试呢？2016年，Node 决定将 Chrome 浏览器的"开发者工具"作为官方的调试工具，使得 Node...

2020-05-27

72浏览

0评论

webpack 打包压缩js和css的方法示例

打包压缩js与css由于webpack本身集成了UglifyJS插件（webpack.optimize.UglifyJsPlugin）来完成对JS与CSS的压缩混淆，无需引用额外的插件,其命令 webpack -p 即表示调用UglifyJS...

2020-05-27

97浏览

0评论

动态加载、移除js/css文件的示例代码

本文简单介绍动态加载、移除、替换js/css文件。有时候我们在写前端的时候，会有出现需要动态加载一些东如css js 这样能减轻用户加载负担，从而提高响应效率。下面贴出代码。 <...

2020-05-27

76浏览

0评论

webpack vue项目开发环境局域网访问方法

思路：将自己的项目启动ip与端口固定，当然端口也可以为默认的8080步骤：1.查看自己在局域网内的ip命令行 ipconfig2.回到自己的开发目录，在根目录找到comfig/index.js修改 host:...

2020-05-27

128浏览

0评论

在vue项目中使用sass的配置方法

1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue2、在当前目录下，安装依赖$ cd myvue$ npm install3、安装sass的依赖包npm install --save-dev sass-loade...

2020-05-27

100浏览

0评论

react-native封装插件swiper的使用方法

首先创建简单的react-native项目,创建一个文件夹。然后用命令符输入react-native init swiper创建完成之后开发项目，我用的vs打开控制台，安装swiper依赖。安装：npm i react-nat...

2020-05-27

77浏览

0评论

JS 实现缓存算法的示例（FIFO/LRU）

FIFO
最简单的一种缓存算法，设置缓存上限，当达到了缓存上限的时候，按照先进先出的策略进行淘汰，再增加进新的 k-v 。使用了一个对象作为缓存，一个数组配合着记录添加进对象时的顺...

2020-05-27

78浏览

0评论

nodejs连接mysql数据库及基本知识点详解

本文实例讲述了nodejs连接mysql数据库及基本知识点。分享给大家供大家参考，具体如下：一、几个常用的全局变量1、__filename获取当前文件的路径
2、__dirname获取当前文件的目...

2020-05-27

热门文章