JavaScript - 教程之家

282浏览

0评论

JavaScript中使用import 和require打包后实现原理分析

前言:之前使用ES6写代码,webpack打包后上线,一点问题没有,也看过打包后的代码,长的很乱,也没敢看看咋回事,加载后就是能运行!今天通过个例子理解一下打包前,和打包后的代码!...

2020-05-27

96浏览

0评论

使用vue中的v-for遍历二维数组的方法

如下所示：<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id='downloaddata'> <tr v-for='(item, index) in data'> <template v-for='items in it...

2020-05-27

97浏览

0评论

Vue中v-for的数据分组实例

使用Vue.js可以很方便的实现数据的绑定和更新，有时需要对一个一维数组进行分组以方便显示，循环可以直接使用v-for，那分组呢？这里需要用到vue的computed特性，将数据动态计算分组。...

2020-05-27

45浏览

0评论

vue2.0 computed 计算list循环后累加值的实例

实例如下所示：<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Foo</h2> <div v-for ="(item, index) in list">  <h1 v-show="false">...

2020-05-27

270浏览

0评论

vue.js 嵌套循环、if判断、动态删除的实例

Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的APIapp.html<!doctype html><html lan...

2020-05-27

60浏览

0评论

Vue.js+Layer表格数据绑定与实现更新的实例

一：先使用Vue.js绑定好数据与更新事件使用v-on绑定好事件,在事件里边直接把该行数据传递进去，在更新方法里边就可以直接取出需要更新的数据<div id="content"> <table class=...

2020-05-27

77浏览

0评论

Bootstrap实现可折叠分组侧边导航菜单

效果图：源码：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"...

2020-05-27

105浏览

0评论

layui表格checkbox选择全选样式及功能的实例

在之前的版本，默认复选框是要有值得，默认为“勾选”两个字，在表格里用来做选择不适合，很难改，还好layui升级后，可以支持不写name值，来适应表格中的选择操作。1、layui版本号为 v1.0...

2020-05-27

96浏览

0评论

layui select动态添加option的实例

html<form class="layui-form" action=""> <div class="layui-form-item proSelect"> <label class="layui-form-label">产品类别</label> <div class="layui-input-blo...

2020-05-27

74浏览

0评论

详解从买域名到使用pm2部署node.js项目全过程

作为一个前端，对写好的项目怎么部署到服务器是一脸蒙圈的，但还是对这个很感兴趣，决定尝试一下,说干就干。一、买域名和服务器要部署项目肯定要买域名，这点是必不可少的，发现腾讯...

2020-05-27

60浏览

0评论

vue.js的computed,filter,get,set的用法及区别详解

1、vue.js的computed方法：处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值。用methods也可以实现同样的效果，但methods在重新渲染的时候会重新调用执行，在性能上computed...

2020-05-27

75浏览

0评论

JavaScript满天星导航栏实现方法

说明
分享一个满天星导航栏的效果，代码不多，但效果挺好看，先看看效果图吧。解释
实现这个效果，需要掌握的知识不用很多，知道简单的CSS，会用JS 获取元素，能绑定事件基本就足够了。...

2020-05-27

102浏览

0评论

改变vue请求过来的数据中的某一项值的方法(详解)

由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLe...

2020-05-27

70浏览

0评论

详解使用vue-cli脚手架初始化Vue项目下的项目结构

vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载...

2020-05-27

48浏览

0评论

vue与vue-i18n结合实现后台数据的多语言切换方法

在XXX.js文件中定义函数：getUser(context,info){ context.$http.get(SERVER_URL+'/users',info).then(function(data){ let err =data.body.error; if(err===0){ let...

2020-05-27

84浏览

0评论

vue.js中$set与数组更新方法

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当利用索引直接设置数组的某一项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = n...

2020-05-27

77浏览

0评论

JQuery选中select组件被选中的值方法

jquery获取select选择的文本与值获取select ：获取select 选中的 text :$(“#ddlregtype”).find(“option:selected”).text();获取select选中的 value:$(“#ddlregtype “...

2020-05-27

77浏览

0评论

在react-router4中进行代码拆分的方法（基于webpack）

前言随着前端项目的不断扩大，一个原本简单的网页应用所引用的js文件可能变得越来越庞大。尤其在近期流行的单页面应用中，越来越依赖一些打包工具（例如webpack），通过这些打包工具...

2020-05-27

74浏览

0评论

vue.js移动数组位置,同时更新视图的方法

使用vue.js v-for绑定若干个选项，需要对选项进行排序上下移动操作。需要对options里面数组的位置进行交换，通常是这样来写：假设向前移动一个：var index = this.options.indexOf(...

2020-05-27

65浏览

0评论

vue.js或js实现中文A-Z排序的方法

实现中文按照A-Z的方法，可以在vue的methods里面写入：methods:{ pySort:function(arr,empty){ var $this = this; if(!String.prototype.localeCompa...

2020-05-27

54浏览

0评论

实战node静态文件服务器的示例代码

本篇文章主要介绍了实战node静态文件服务器的示例，分享给大家，具体如下：支持功能: 读取静态文件访问目录可以自动寻找下面的index.html文件, 如果没有index.html则列出文件...

2020-05-27

86浏览

0评论

JS字符串去除连续或全部重复字符的实例

js字符串去除连续重复字符()和\number 配合使用表示重复正则第number个括号内匹配到的内容，如：(\d)\1表示重复第一个匹配块(\d)即等价于如果(\d)匹配到a，则表达式为aa相应的可...

2020-05-27

62浏览

0评论

Vue.js实现图片的随意拖动方法

主要代码如下：<template> <div id="test_3"> <img src="../assets/img/photo.jpg" @mousedown="start" @mouseup="stop" @mousemove="move" :style="style"> </div></templa...

2020-05-27

61浏览

0评论

解决Vue 通过下表修改数组,页面不渲染的问题

需要注意的是，Vue之所以能够监听Model状态的变化，是因为JavaScript语言本身提供了Proxy或者Object.observe()机制来监听对象状态的变化。但是，对于数组元素的赋值，却没有办法直...

2020-05-27

76浏览

0评论

vue2.0 axios跨域并渲染的问题解决方法

(用的脚手架vue-cli)第一步：在main.js中如下声明使用import axios from'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用第二步：在webpack...

2020-05-27

96浏览

0评论

layui之select的option叠加问题的解决方法

小编我在使用layui，在select的地方遇到了坑，select里的值居然无法清空，select里的option还有叠加问题，为了解决这个问题，也达到我的功能，我研究了下，让有同样需求的小伙伴不踩坑，特...

2020-05-27

279浏览

0评论

Vue.js自定义事件的表单输入组件方法

Vue.js使用自定义事件的表单输入组件自定义事件可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。要牢记：<input v-model="something">这不过是以下示例的...

2020-05-27

54浏览

0评论

vue注册组件的几种方式总结

1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册var Child = { template: '<div>A custom component!</div>'}new Vue({ //...

2020-05-27

87浏览

0评论

使用use注册Vue全局组件和全局指令的方法

Vue中的组件和指令分为局部组件、局部指令和全局组件、全局指令。对于注册有一定数量的全局指令和全局组件时，官方文档中的方法就显得有些不够清爽了。全局组件在Vue官方文...

2020-05-27

71浏览

0评论

浅谈vue.js导入css库(elementUi)的方法

1.安装以下模块，让webpack可以解析css文件cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev2.安装elementUi模...

2020-05-27

78浏览

0评论

11行JS代码制作二维码生成功能

HTML代码：<img style="display: none" id="qrcode" data-width="100" data-height="100" data-url="https://www.baidu.com/">相关JS代码：/** * 生成二维码 * data-width={...

2020-05-27

89浏览

0评论

vue的安装及element组件的安装方法

一、新建vue项目1、首先需要下载nodejs，安装后打开命令窗口可以使用npm包管理工具npm集成在node中的，所以直接输入npm-v查看npm的版本信息2、npm有些资源被屏蔽或者是国外资源...

2020-05-27

97浏览

0评论

vue移动端UI框架实现QQ侧边菜单组件

最近面试发现很多前端程序员都从来没有写过插件的经验，基本上都是网上百度。所以打算写一系列文章，手把手的教一些没有写过组件的兄弟们如何去写插件。本系列文章都基于VUE，核...

QQ

2020-05-27

55浏览

0评论

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

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

2020-05-27

63浏览

0评论

vue + vuex todolist的实现示例代码

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

2020-05-27

213浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

81浏览

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

65浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

75浏览

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

47浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

272浏览

0评论

vue2 全局变量的设置方法

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

热门文章