JavaScript - 教程之家

56浏览

0评论

Vue中全局变量的定义和使用

1.工作中遇到的两类问题--------------------------------------------------------------------------------1.1 状态值（标志）A界面赋值的a变量，作为记录状态值（标志）需要被其他...

2020-05-27

65浏览

0评论

js实现随机8位验证码

开发思路：1.画出放置验证码的模块、一个写有“看不清…”的小块，以及输入验证码的文本框
2.获取各个模块
3.封装一个函数Yan_ma（），设置验证码为8位，里面含有数字，小写字母，小写字母...

2020-05-27

73浏览

0评论

Vue+axios+WebApi+NPOI导出Excel文件实例方法

一、前言
项目中前端采用的Element UI 框架，远程数据请求，使用的是axios，后端接口框架采用的asp.net webapi,数据导出成Excel采用NPOI组件。其业务场景，主要是列表页(如会员信...

2020-05-27

63浏览

0评论

vue-cli3添加模式配置多环境变量的方法

vue-cli3配置多环境变量先挂官网描述：环境变量和模式需求根据运行环境判断执行代码：预发环境操作完成跳转地址与线上环境跳转地址不同线上环境添加埋点脚本实现Step1：在项...

2020-05-27

100浏览

0评论

vue实现PC端录音功能的实例代码

录音功能一般来说在移动端比较常见，但是在pc端也要实现按住说话的功能呢？项目需求：按住说话，时长不超过60秒，生成语音文件并上传，我这里用的是recorder.js1.项目中新建一个recorde...

2020-05-27

45浏览

0评论

JS实现数组删除指定元素功能示例

本文实例讲述了JS实现数组删除指定元素功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS数组...

2020-05-27

54浏览

0评论

Vue实现微信支付功能遇到的坑

微信支付功能相比较支付宝支付，有点点繁琐，整理记录下来，以便日后所需项目用VUE+EL搭建而成，支付用EL的radio来做的<el-radio v-model="radio" label="weixin" > <i class="ic...

2020-05-27

67浏览

0评论

express + jwt + postMan验证实现持久化登录

原理第一次登陆时会返回一个经过加密的token，下一次访问接口（携带登录返回你的token）的时候，会对token进行解密，如果解密正在进行，说明你已经登录，再把过期时间延长下载npm init -y...

2020-05-27

54浏览

0评论

JS数组Object.keys()方法的使用示例

本文实例讲述了JS数组Object.keys()方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn Object.key...

2020-05-27

59浏览

0评论

微信小程序如何实现全局重新加载

背景：
随着业务的增加，我们服务器需要计算大量的用户数据，导致用户跟客服反应页面不能正常展示。反馈给开发后，我们一看，是服务器异常的错误。So，产品想看下我们到底有多少用户页...

2020-05-27

48浏览

0评论

JS实现从对象获取对象中单个键值的方法示例

本文实例讲述了JS实现从对象获取对象中单个键值的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.jb51.n...

2020-05-27

74浏览

0评论

jQuery操作cookie的示例代码

Cookies定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js...

2020-05-27

55浏览

0评论

JS函数动态传递参数的方法分析【基于arguments对象】

本文实例讲述了JS函数动态传递参数的方法。分享给大家供大家参考，具体如下：js函数体内可以通过arguments对象来接收传递进来的参数，利用这一对象属性可以动态传参。function bo...

2020-05-27

67浏览

0评论

JS实现动态添加外部js、css到head标签的方法

本文实例讲述了JS实现动态添加外部js、css到head标签的方法。分享给大家供大家参考，具体如下：function appendJQCDN() { var head = document.head || document.getElements...

2020-05-27

43浏览

0评论

Node.js 路由的实现方法

我们平时工作中，涉及到后台开发，路由基本上是我们第一个需要建的，路由还是很重要的。那么，什么是路由呢，通俗点举个例子，一个宾馆前台，来了十位客人，前台会安排十位客人入住，每位客人...

2020-05-27

55浏览

0评论

原生JS使用Canvas实现拖拽式绘图功能

一、实现的功能1、基于oop思想构建，支持坐标点、线条（由坐标点组成，包含方向）、多边形（由多个坐标点组成）、圆形（包含圆心坐标点和半径）等实体2、原生JavaScript实现，不依赖任何第三...

2020-05-27

81浏览

0评论

优雅的处理vue项目异常实战记录

背景你还在为处理Uncaught (in promise) ReferenceError烦恼吗？你还在为捕获异常反复的写try catch吗？你还在为每一个promise写catch吗？是时候一站式统一处理异常！！！（针对vue...

2020-05-27

45浏览

0评论

JS中实现浅拷贝和深拷贝的代码详解

（一）JS中基本类型和引用类型JavaScript的变量中包含两种类型的值：基本类型值和引用类型值，在内存中的表现形式在于：前者是存储在栈中的一些简单的数据段，后者则是保存在堆内存中...

2020-05-27

40浏览

0评论

详解vue父子组件关于模态框状态的绑定方案

日常开发中经常遇到的一个场景，父组件有很多操作，需要弹窗，例如：<template> <div class="page-xxx"> //点击打开新增弹窗 <button>新增</button> //点击打开编辑弹窗...

2020-05-27

96浏览

0评论

解决IOS端微信H5页面软键盘弹起后页面下方留白的问题

前言：微信H5项目，ios端出现了软键盘输完隐藏后页面不会回弹，下方会有一大块留白最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面...

2020-05-27

54浏览

0评论

原生js通过一行代码实现简易轮播图

这是一个简易的js无限循环轮播图，只用了一行js代码就实现了无限循环，记录一下三目运算符的伟大！<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="vie...

2020-05-27

38浏览

0评论

Vue响应式原理Observer、Dep、Watcher理解

开篇
最近在学习Vue的源码，看了网上一些大神的博客，看起来感觉还是蛮吃力的。自己记录一下学习的理解，希望能够达到简单易懂，不看源码也能理解的效果😆Object.defineProp...

2020-05-27

44浏览

0评论

vue中的过滤器实例代码详解

过滤器1.过滤器规则Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值{{}}和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤...

2020-05-27

60浏览

0评论

vue中v-show和v-if的异同及v-show用法

一、官方解释：
1.v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。
2.v-if 也是惰性的：如果在初始渲染时条件为假，则什么...

2020-05-27

61浏览

0评论

js常见遍历操作小结

本文实例讲述了js常见遍历操作。分享给大家供大家参考，具体如下：for循环var a = new Array("first", "second", "third") for(var i = 0;i < a.length; i++) {document.write(...

2020-05-27

73浏览

0评论

详解Vue 如何监听Array的变化

回忆
在上一篇Vue响应式原理-理解Observer、Dep、Watcher简单讲解了Observer、Dep、Watcher三者的关系。
在Observer的伪代码中我们模拟了如下代码:
class Observer { const...

2020-05-27

55浏览

0评论

JavaScript中将值转换为字符串的五种方法总结

前言如果您关注Airbnb的样式指南，首选方法是使用“String（）”👍
它也是我使用的那个，因为它是最明确的 - 让其他人轻松地遵循你的代码的意图🤓
请记住，最好的代码...

2020-05-27

40浏览

0评论

vue2配置scss的方法步骤

1、安装文件npm install --save-dev sass-loadernpm install --save-dev node-sass2、配置 webpack.base.conf.js
找到webpack.base.conf.js文件的module模块下面的rules添...

2020-05-27

47浏览

0评论

vue中keep-alive组件的入门使用教程

一、问题触发并解决最近自己在写vue练习，内容相对简单，主要是对vue进行熟悉和相关问题发现，查漏补缺。简单说下练习的项目内容及问题的产生：练习使用的vue-cli 2.0脚手架搭建，内...

2020-05-27

236浏览

0评论

node.js的http.createServer过程深入解析

下面是nodejs创建一个服务器的代码。接下来我们一起分析这个过程。var http = require('http');http.createServer(function (request, response) { response.end('Hello W...

2020-05-27

53浏览

0评论

jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】

本文实例讲述了jquery+ajax实现上传图片并显示上传进度功能。分享给大家供大家参考，具体如下：jquery上传文件用的formdata，上传进度条需要添加xhr的onprogresshtml代码如下：<!DO...

2020-05-27

74浏览

0评论

vue 插件的方法代码详解

在开发项目的时候，我们一般都用 vue-cli 来避免繁琐的 webpack 配置和 template 配置。但是官方 cli3 现在并不支持搭建 plugin 开发的项目。还好，已经有大神（Kazupon）走在了我...

2020-05-27

38浏览

0评论

webpack4之如何编写loader的方法步骤

之前学习过webpack3的知识，但是webpack4升级后还是有很多变动的，所以这次重新整理一下webpack4的知识点，方便以后复习。这次学习webpack4不仅仅要会配置，记住核心API，最好还要理...

2020-05-27

35浏览

0评论

解决vue组件props传值对象获取不到的问题

先说问题，父组件利用props向子组件传值，浏览器 console 有这个值，但是获取不到内部的属性，困了我3个小时，真的**personal
console以下为原代码1、home.vue（父组件）--personal是被传...

2020-05-27

41浏览

0评论

vue-cli配置全局sass、less变量的方法

一、全局配置less1.下载插件**vue add style-resources-loader**vue add pluginName 是vue-cli3提供的。vue add 是用yarn安装插件的， yarn源的问题有可能导致失败。如果上面...

2020-05-27

72浏览

0评论

详解新手使用vue-router传参时注意事项

1. 使用name和params组合传参this.$router.push({name: 'details', params: {'id': 233}})路由配置import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)e...

2020-05-27

45浏览

0评论

详解vue-cli@2.x项目迁移日志

vue-cli@2.x项目迁移日志
虽然 vue-cli@3 早就已经巨普及了，新项目应该已经很少有人还有使用 vue-cli@2.x 。但是对于一些稍微早些时候的 vue 项目，如果当时没有做一些优化、...

2020-05-27

37浏览

0评论

vue-cli脚手架打包静态资源请求出错的原因与解决

问题 vue-cli默认配置打包后部署到特定路径下静态资源路径错误问题。静态资源打包使用相对路径后css文件引入大图片路径错误问题使用vue-cli2脚手架生成的默认打包配置文...

2020-05-27

48浏览

0评论

Vue项目总结之webpack常规打包优化方案

由于新建项目发版打包时间大概需要 30分钟，发版时严重拖慢下班时间，所以特意查看了相关文档来优化打包速度，争取早点下班，^_^。分析打包文件要优化，先分析。我们先要知道到...

2020-05-27

46浏览

0评论

了解在JavaScript中将值转换为字符串的5种方法

如果您关注Airbnb的样式指南，首选方法是使用“String（）”
它也是我使用的那个，因为它是最明确的 - 让其他人轻松地遵循你的代码的意图
请记住，最好的代码不一定是最聪明的方式，它...

2020-05-27

88浏览

0评论

JS根据json数组多个字段排序及json数组常用操作

js 根据json数组多个字段排序的实现代码如下所示：/**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortByArr(['number'],false)) //表示根据nu...

2020-05-27

50浏览

0评论

jQuery+ajax实现批量删除功能完整示例

本文实例讲述了jQuery+ajax实现批量删除功能。分享给大家供大家参考，具体如下：效果展示：完整代码如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <me...

2020-05-27

53浏览

0评论

vue如何自动化打包测试环境和正式环境的dist/test文件

使用vue现在已经差不多2年了，想起来两年前的一次和某阿里处理的技术大牛（当时我们的技术总监）一起开发一个SPA项目的时候被硬着头皮去解决的一个难题，因为技术老大是阿里出身的，...

2020-05-27

54浏览

0评论

详解微信小程序开发(项目从零开始)

一、序微信小程序，估计大家都不陌生，现在应用场景特别多。今天就系统的介绍一下小程序开发。注意，这里只从项目代码上做解析，不涉及小程序如何申请、打包、发布的东西。（这些跟着...

2020-05-27

80浏览

0评论

微信小程序如何使用globalData的方法

微信小程序在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。如果希望在各个页面之间共同使用某些信息，并且可以...

2020-05-27

64浏览

0评论

怎么使用javascript深度拷贝一个数组

有两种数组拷贝类型：浅拷贝 & 深拷贝。浅拷贝只会拷贝数组的第一层，剩下的会引用。如果你需要一个嵌套的数组的拷贝，那需要你去深度拷贝这个数组。深拷贝，选择JSON方法或者Lodsh...

2020-05-27

66浏览

0评论

小试小程序云开发(小结)

微信小程序刚出没多久时，曾经上手写过demo，但开发体验比较差，所以一直没怎么关注。不过自从诸多适配方案出炉，以及云端的开通，觉得还是有必要上手体验一番的，于是为我的技术博客也...

2020-05-27

70浏览

0评论

通过seajs实现JavaScript的模块开发及按模块加载

seajs实现了JavaScript 的模块开发及按模块加载。用来解决繁琐的js命名冲突，文件依赖等问题，其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载。首先看看seajs是怎...

2020-05-27

70浏览

0评论

vue 父组件中调用子组件函数的方法

在父组件中调用子组件的方法： 1.给子组件定义一个ref属性。eg:ref="childItem" 2.在子组件的methods中声明一个函数。eg: useInPar:function (str) {console.log(str)} 2. 在...

2020-05-27

75浏览

0评论

Vue中实现权限控制的方法示例

一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细：1、接口访问的权限控制2、页面的权限控制菜单...

2020-05-27

热门文章