编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

78浏览

0评论

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

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

2020-05-27 08:03:27

96浏览

0评论

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

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

2020-05-27 08:03:25

283浏览

0评论

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

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

2020-05-27 08:03:24

56浏览

0评论

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

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

2020-05-27 08:03:21

89浏览

0评论

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

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

2020-05-27 08:03:19

73浏览

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 08:03:17

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 08:03:16

93浏览

0评论

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

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

2020-05-27 08:03:14

109浏览

0评论

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

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

2020-05-27 08:03:11

55浏览

0评论

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

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

2020-05-27 08:03:10

63浏览

0评论

vue + vuex todolist的实现示例代码

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

2020-05-27 08:03:09

215浏览

0评论

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

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

2020-05-27 08:03:08

72浏览

0评论

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

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

2020-05-27 08:03:04

58浏览

0评论

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

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

2020-05-27 08:03:02

68浏览

0评论

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

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

2020-05-27 08:03:01

68浏览

0评论

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

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

2020-05-27 08:03:00

67浏览

0评论

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

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

2020-05-27 08:02:59

83浏览

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 08:02:58

67浏览

0评论

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

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

2020-05-27 08:02:56

67浏览

0评论

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

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

2020-05-27 08:02:55

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 08:02:54

49浏览

0评论

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

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

2020-05-27 08:02:53

50浏览

0评论

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

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

2020-05-27 08:02:52

272浏览

0评论

vue2 全局变量的设置方法

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

2020-05-27 08:02:51

87浏览

0评论

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

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

2020-05-27 08:02:50

46浏览

0评论

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

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

2020-05-27 08:02:49

103浏览

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 08:02:48

59浏览

0评论

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

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

2020-05-27 08:02:47

57浏览

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 08:02:46

61浏览

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 08:02:45

62浏览

0评论

redux-saga 初识和使用

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

2020-05-27 08:02:44

61浏览

0评论

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

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

2020-05-27 08:02:43

88浏览

0评论

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

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

2020-05-27 08:02:42

54浏览

0评论

浅谈webpack组织模块的原理

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

2020-05-27 08:02:41

77浏览

0评论

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

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

2020-05-27 08:02:40

64浏览

0评论

webpack external模块的具体使用

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

2020-05-27 08:02:39

97浏览

0评论

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

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

2020-05-27 08:02:38

79浏览

0评论

js经验分享 JavaScript反调试技巧

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

2020-05-27 08:02:36

74浏览

0评论

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

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

2020-05-27 08:02:35

54浏览

0评论

Javascript 编码约定(编码规范)

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

2020-05-27 08:02:34

86浏览

0评论

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

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

2020-05-27 08:02:33

43浏览

0评论

Javascript中prototype与proto的关系详解

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

2020-05-27 08:02:31

52浏览

0评论

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

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

2020-05-27 08:02:30

66浏览

0评论

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

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

2020-05-27 08:02:29

112浏览

0评论

Vue 仿QQ左滑删除组件功能

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

2020-05-27 08:02:28

59浏览

0评论

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

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

2020-05-27 08:02:26

66浏览

0评论

javascript变量提升和闭包理解

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