JavaScript - 教程之家

59浏览

0评论

vue实现在表格里,取每行的id的方法

如下所示：1、在template上写上 slot-scope="scope"2、然后在template里边的标签上，scope.row.id以上这篇vue实现在表格里,取每行的id的方法就是小编分享给大家的全部内容了，希...

2020-05-27

65浏览

0评论

vue + vuex todolist的实现示例代码

todolist demo
最近有空重新看了一下vuex,然后又写了一个todolist小demo,原理比较简单,主要是自己规范了一下代码的写法.
下载地址 :vue-test_jb51.rar
效果图根组件
<templ...

2020-05-27

230浏览

0评论

Vue2.0结合webuploader实现文件分片上传功能

Vue项目中遇到了大文件分片上传的问题，之前用过webuploader，索性就把Vue2.0与webuploader结合起来使用，封装了一个vue的上传组件，使用起来也比较舒爽。上传就上传吧，为什么搞得那...

2020-05-27

82浏览

0评论

vue+vuex+axios实现登录、注册页权限拦截

在GitHub上有很多写好的模板，这个项目也是基于模板做的。现在记录一下我做的过程1、修改config文件夹里的dev.env.js里的BASE_API，把地址改成请求后端的公共部分BASE_API: '"h...

2020-05-27

62浏览

0评论

详解react关于事件绑定this的四种方式

在react组件中，每个方法的上下文都会指向该组件的实例，即自动绑定this为当前组件,而且react还会对这种引用进行缓存，以达到cpu和内存的最大化。在使用了es6 class或者纯函数时，...

2020-05-27

80浏览

0评论

vuex实现登录状态的存储,未登录状态不允许浏览的方法

基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值，例如token)，然后在路由跳转前进行登录状态的判断，可以使用vue-router的全局前置守卫beforeEach，也可以使用路由...

2020-05-27

72浏览

0评论

解决低版本的浏览器不支持es6的import问题

解决方法：1. <script type="model" src="game.js"></script>2. 下载最新版本的chrome浏览器以上这篇解决低版本的浏览器不支持es6的import问题就是小编分享给大家的全部内容...

2020-05-27

71浏览

0评论

使用live-server快速搭建本地服务器+自动刷新的方法

1、安装$ sudo npm install -g live-server 2、使用下面的命令会自动打开当前目录下面的index.html$ live-server 以上这篇使用live-server快速搭建本地服务器+自动刷新的方...

2020-05-27

85浏览

0评论

vue+element-ui+ajax实现一个表格的实例

实例如下：<!DOCTYPE html><html><head><script src="js/jquery-3.2.1.js"></script><script src="vue.js"></script><link rel="stylesheet" href="https:/...

2020-05-27

69浏览

0评论

vue.js 底部导航栏一级路由显示子路由不显示的解决方法

最近利用vue第三方UI MuseUI开发webapp，然后在导航栏这里出现了问题，我需要在导航栏上的几个路由上显示底部导航栏，在其他路由上不显示，就这个问题，MuseUI的底部导航栏直接加载在...

2020-05-27

71浏览

0评论

AngularJS中重新加载当前路由页面的方法

这个问题同样困扰我很久，网上的回答五花八门，全都不能解决；终于在网上找很久，看到某大神的解决办法，整理作此分享；使用ui-router重新加载当前页面的问题。(ui-router版本需要是0.2...

2020-05-27

79浏览

0评论

JavaScript实现微信号随机切换代码

js实现微信号随机切换，代码分为js和html部分，大家参考下js代码：arr_wx =new Array("aaaa","bbbb","cccc"); var wx_index = Math.floor((Math.random() * arr_wx.length));...

2020-05-27

54浏览

0评论

详解ES6通过WeakMap解决内存泄漏问题

一、Map1.定义Map对象保存键值对，类似于数据结构字典；与传统上的对象只能用字符串当键不同，Map对象可以使用任意值当键。2.语法new Map([iterable])属性size：返回键值对的数量。...

2020-05-27

54浏览

0评论

JS扩展String.prototype.format字符串拼接的功能

1、题外话，有关概念理解：String.prototype 属性表示 String原型对象。所有 String 的实例都继承自 String.prototype. 任何String.prototype上的改变都会影响到所有的 String...

2020-05-27

274浏览

0评论

vue2 全局变量的设置方法

最近在学习VUE.js 中间涉及到JS全局变量，与其说是VUE的全局变量，不如说是模块化JS开发的全局变量。1、全局变量专用模块就是以一个特定模块来组织管理这些全局量，需要引用的地...

2020-05-27

91浏览

0评论

在vue里面设置全局变量或数据的方法

实例如下：const MyPlugin = { // install方法是必需的// // 包含两个参数：Vue 构造器，一个可选的选项对象 install(Vue, options) { Vue.prototype.test = "test" ; Vue.prot...

2020-05-27

56浏览

0评论

jquery点击回车键实现登录效果并默认焦点的方法

最近在做项目登录时，每次都需要点击登录按钮才可以进入相应的页面，给用户一个很不好的体验，所以我就添加使用回车键来实现登录。方法：<form> <input type="text" id="username_t...

2020-05-27

105浏览

0评论

vue element-ui 绑定@keyup事件无效的解决方法

解决办法： <el-input v-model="searchParmas.gameName" placeholder="游戏名称" class="w120" @keyup.native="getGameList(searchParmas.gameName)"></el-input> 加上.nativ...

2020-05-27

67浏览

0评论

vue.js获得当前元素的文字信息方法

1、获得当前点击的内容<li @click="problem1"> 1. <span class="blue">关于公众号使用问题</span> <img src="../img/right.png" alt=""/></li>当我点击这个li标...

2020-05-27

65浏览

0评论

vue获取当前点击的元素并传值的实例

html：<span @click='zan(pl.id)' :data-id='pl.id'></span>js：zan(e){ var target=event.target; var dataid=e;//(pl.id的值); $(target)//当前点击的dom}以上这篇vue获取...

2020-05-27

65浏览

0评论

JS获取input[file]的值并显示在页面的实现方法

实例如下所示：$(document).on('change', '.photo-box .file', function () { //alert($(this).val()); function getObjectURL(file) { var url = null; if (window....

2020-05-27

64浏览

0评论

redux-saga 初识和使用

redux-saga 是一个管理 Redux 应用异步操作的中间件，功能类似redux-thunk + async/await, 它通过创建 Sagas 将所有的异步操作逻辑存放在一个地方进行集中处理。redux-saga...

2020-05-27

63浏览

0评论

在vue中使用css modules替代scroped的方法

前面的话css modules是一种流行的模块化和组合CSS的系统。 vue-loader提供了与css modules的集成，作为scope CSS的替代方案。本文将详细介绍css modules引入最开始使用Vue的...

2020-05-27

90浏览

0评论

Vuex实现计数器以及列表展示效果

本篇教程将以计数器及列表展示两个例子来讲解Vuex的简单用法。本案例github从安装到启动初始页面的过程都直接跳过。注意安装时选择需要路由。首先，src目录下新建store目录...

2020-05-27

56浏览

0评论

浅谈webpack组织模块的原理

现在前端用Webpack打包JS和其它文件已经是主流了，加上Node的流行，使得前端的工程方式和后端越来越像。所有的东西都模块化，最后统一编译。Webpack因为版本的不断更新以及各种各...

2020-05-27

87浏览

0评论

webpack组织模块打包Library的原理及实现

之前一篇文章分析了Webpack打包JS模块的基本原理，所介绍的案例是最常见的一种情况，即多个JS模块和一个入口模块，打包成一个bundle文件，可以直接被浏览器或者其它JavaScript引擎...

2020-05-27

66浏览

0评论

webpack external模块的具体使用

这篇文章讨论Webpack打包library时经常需要用到的一个选项external，它用于避免将一些很通用的模块打包进你发布的library里，而是选择把它们声明成external的模块，在你的library...

2020-05-27

99浏览

0评论

webpack打包node.js后端项目的方法

本文介绍了webpack打包node.js后端项目的方法，分享给大家，具体如下：
安装依赖
复制代码代码如下:
npm install --save-dev webpack babel-loader babel-preset-es2015 babel-p...

2020-05-27

83浏览

0评论

js经验分享 JavaScript反调试技巧

在此之前，我一直都在研究JavaScript相关的反调试技巧。但是当我在网上搜索相关资料时，我发现网上并没有多少关于这方面的文章，而且就算有也是非常不完整的那种。所以在这篇文章...

2020-05-27

77浏览

0评论

JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)

我们一般在浏览器里识别用户的访问设备都是通过 User Agent 这个字段来获取的，但是通过它我们只能获取一个大概的信息，比如你用的是 Mac 还是 Windows，用的是 iPhone 还是 iPad...

2020-05-27

56浏览

0评论

Javascript 编码约定(编码规范)

1、使用 strict 模式在一个作用域(包括函数作用域、全局作用域)中，可以使用"use strict";来开启 strict 模式。2、缩进用 Tab 键进行代码缩进，以节约代码大小，使用4个空格的宽...

2020-05-27

90浏览

0评论

js中document.write和document.writeln的区别

两者都是JavaScript向客户端输出的方法，对比可知写法上的差别是一个ln--line的简写，换言之，writeln 方法是以行输出的，相当于在?winte?输出后加上一个换行符注意：documen...

2020-05-27

45浏览

0评论

Javascript中prototype与proto的关系详解

前言学到原型的时候感觉头都大了/(ㄒoㄒ)/~~ 尤其是prototype和__proto__ 傻傻分不清通过多番查找资料，根据自己的理解，总结如下：一、构造函数：
构造函数：通过new关键字可以用...

2020-05-27

54浏览

0评论

Node.JS循环删除非空文件夹及子目录下的所有文件

最近要实现一个循环文件夹的功能，文件夹可能不是空的，还可能带有子文件夹和文件，网上找了一些现有的库，但是都不提供删除进度。所以就自己写了一个。var fs = require('fs')var...

2020-05-27

73浏览

0评论

JS中touchstart事件与click事件冲突的解决方法

前言移动互联网是未来的发展趋势，现在国内很多互联网大佬都在争取移动这一块大饼，如微信及支付宝是目前比较成功的例子，当然还有各种APP和web运用。下面这篇文章主要介绍了关于...

2020-05-27

133浏览

0评论

Vue 仿QQ左滑删除组件功能

前几天在做Vue项目开发的时候，因为之前别人写的代码有点小 bug，有人反应 IOS 上面的滑动点击有点问题，于是让我来帮忙解决，我看了看以前的代码实现比较繁琐，冗余，索性就直接自己重...

QQ

2020-05-27

64浏览

0评论

浅谈angular4.0中路由传递参数、获取参数最nice的写法

研究ng4的官网，终于找到了我想要的方法。我想要的结果是用‘&'拼接参数传送，这样阅读上是最好的。否则很多‘/'的拼接，容易混淆参数和组件名称。一般我们页面跳转传递参数都是...

2020-05-27

70浏览

0评论

javascript变量提升和闭包理解

我们先来看一个题目：<script> console.log(typeof a)//undefined var a='littlebear'; console.log(a)//littlebear </script><script> console.log(typeof a)//string var a...

2020-05-27

89浏览

0评论

Node.JS段点续传：Nginx配置文件分段下载功能的实现方法

Html5 提供了一个新的 Range 标签来实现文件的分段下载。在Node.JS中可以配置这个标签来实现文件的分段下载。Header标签请求 Request Header: 下载 3744 以后的文件内容ran...

2020-05-27

62浏览

0评论

基于express中路由规则及获取请求参数的方法

express中常见的路由规则主要使用的路由规则是get和post两种，即var express = require('express');var app = express();app.get(); // get和post两种请求方式app.post();ap...

2020-05-27

354浏览

0评论

js提取中文拼音首字母的封装工具类

前言
本文主要记录了如何用js提前中文拼音首字母的方法。封装一个函数，假如有需要的，可以直接拿去用。下面话不多说了，来一起看看详细的介绍吧。原理
主要是根据中文的unicode...

2020-05-27

76浏览

0评论

详解vuex的简单使用

1 目录的配置
根据官方推荐在src目录里面创建store目录2 创建store里面的文件
根据官方推荐创建 actions.js, getters.js,index.js, mutations.js, mutations-types.js, sta...

2020-05-27

84浏览

0评论

vue移动UI框架滑动加载数据的方法

前言
在我们移动端还有一个很常用的组件，那就是滑动加载更多组件。平常我们看到的很多插件实现相当复杂就觉得这个组件很难，其实不是的！！这个组件其实可以很简单的就实现出来，而...

2020-05-27

68浏览

0评论

vue路由懒加载的实现方法

本文介绍了vue的路由懒加载，分享给大家，具体如下：
我们可以把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。 component可以是一个箭头函数，我...

2020-05-27

75浏览

0评论

AngularJS对动态增加的DOM实现ng-keyup事件示例

我们经常在网页中看到这种形式的内容，如图：用鼠标点击一下，就变成了一个input，如图：如果未输入内容，并且鼠标离开后，则变回了原来的样子；如果输入了内容，即使鼠标离开，也保持内容不变，...

2020-05-27

88浏览

0评论

webpack打包js的方法

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。在代码实践之前，先说一写webpack的基础知识。...

2020-05-27

45浏览

0评论

vue 简单自动补全的输入框的示例

实现一个输入框，输入信息后显示由后台返回的数据，供用户选择，之前用的elm的组件，不过那个有点大。。。简单的情况下自己实现一个也能满足要求。。。应该吧。。。主题包括一个inp...

2020-05-27

67浏览

0评论

angular5 httpclient的示例实战

从angular 4.3.0 以后的版本开始使用httpclient，替换了之前的http，引用的包路径已经变为了angular/common/http了
一个基础的 httpclient 样例import { Injectable } from '@a...

2020-05-27

67浏览

0评论

解决vue多个路由共用一个页面的问题

在日常的vue开发中我们可能会遇见多个路由需要共用一个页面的需求，特别是当路由是通过动态添加的，不同的路由展示的东西只是数据不同其他没有变化。例如：let routes = [ {path...

2020-05-27

110浏览

0评论

vue 多入口文件搭建 vue多页面搭建的实例讲解

红色为更改后的不同之处vue 多入口文件搭建在webpack.base.conf中修改varpath = require('path')varconfig = require('../config')varutils = require('./utils')varprojec...

2020-05-27

热门文章