JavaScript - 教程之家

61浏览

0评论

小程序根据手机机型设置自定义底部导航距离

需求:iponeX 以上机型,手机底部有弧度,自己写的导航栏会被遮住, 需要判断手机机型,做兼容设置.解决://app.jsApp({ /** * 当小程序初始化完成时，会触发 onLaunch（全局只触发...

2020-05-27

77浏览

0评论

vue elementUI 表单校验功能之数组多层嵌套

在使用vue element-ui form表单渲染的时候，会遇到这样的数据结构：
{"title":''123455,"email":'123456@qq.com',"list": [ { "id": "quis consequat culpa ut par...

2020-05-27

80浏览

0评论

JavaScript实现页面中录音功能的方法

前言页面中实现录音需要使用浏览器提供的 MediaRecorder API，所以前提是需要浏览器支持 MediaStream Recording 相关的功能。以下代码默认工作在 Chrome 环境中。准备...

2020-05-27

71浏览

0评论

vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)

在新建好的项目中，一般执行npm run build就是打包了，但此时只能打包到一个环境，不同环境需要配置不同的地址，可以手动更改接口的地址，也可以自行配置命令而不需要每次打包进行地...

2020-05-27

73浏览

0评论

vue 2.5.1 源码学习之Vue.extend 和 data的合并策略

1. 子类父类 2.Vue.extend() //创建vue的子类　　组件的语法器 Vue.extend(options)　　Profile().$mount('#app') // 挂在app上，并替换app　　新建 initExend　　==》...

2020-05-27

91浏览

0评论

vue axios post发送复杂对象问题

一、项目情形现在vue项目中，一般使用axios发送请求去后台拉取数据。在某些业务场景中，前端需要在某个字段中发送一个复杂的嵌套对象给后台做保存并处理。虽然axios可配置发送...

2020-05-27

62浏览

0评论

浅谈react-router@4.0 使用方法和源码分析

react-router-dom@4.3.0 || react-router@4.4.1react-router 使用方法
配置 router.jsimport React, { Component } from 'react';import { Switch, Route } from 'react-ro...

2020-05-27

73浏览

0评论

javascript异步处理与Jquery deferred对象用法总结

本文实例讲述了javascript异步处理与Jquery deferred对象用法。分享给大家供大家参考，具体如下：这是项目组老大整理的一些关于jquery 异步处理请求，以及使用 jquery deferred...

2020-05-27

94浏览

0评论

详解vue-cli3多页应用改造

需求一个平台P，包含产品a、b、c、d、e。各产品UI样式风格统一，且会用到公共配置（HOST、是否添加埋点js）、组件（头部导航、表格、搜索框）、方法（请求拦截、生成UUID）。现状：由于历史遗...

2020-05-27

75浏览

0评论

ES6中字符串的使用方法扩展

字符的Unicode表示法
JavaScript允许采用\uxxxx形式表示一个字符，其中“xxxx”表示字符的码点。
"\u0061"// "a"但是，这种表示法只限于\u0000——\uFFFF之间的字符。超出这个...

2020-05-27

79浏览

0评论

IE浏览器下JS脚本提交表单后，不能自动提示问题解决方法

本文实例讲述了IE浏览器下JS脚本提交表单后，不能自动提示问题解决方法。分享给大家供大家参考，具体如下：经常我们用表单提交东西，在提交后，浏览器会自动记录你输入的东西，下次你再...

2020-05-27

69浏览

0评论

jquery UI实现autocomplete在获取焦点时得到显示列表功能示例

本文实例讲述了jquery UI实现autocomplete在获取焦点时得到显示列表功能。分享给大家供大家参考，具体如下：在做项目的时候，客户有这样的需求，将以前输入过的内容，在某个文本框上...

2020-05-27

61浏览

0评论

JS数组中对象去重操作示例

本文实例讲述了JS数组中对象去重操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn js数组中对象...

2020-05-27

104浏览

0评论

JS实现的对象去重功能示例

本文实例讲述了JS实现的对象去重功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn js 对象去重</...

2020-05-27

66浏览

0评论

用webpack4开发小程序的实现方法

哈，本人是REACT系开发者，工作中需要不停的折腾webpack，为了顺带学习VUE的开发思想和思路，顺理成章的请缨为公司小程序打个框架基础。前期也去了解了下各个小程序开发框架，大体上...

2020-05-27

120浏览

0评论

laravel-admin 与 vue 结合使用实例代码详解

由于 Laravel-admin 采用的是 pjax 的方式刷新页面，意味着很多页面刷新的操作，并不是刷新整个 document，而是从服务器拿到部分 document，再通过类似 $(“#pjax-container”).htm...

2020-05-27

88浏览

0评论

详解express使用vue-router的history踩坑

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模...

2020-05-27

82浏览

0评论

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

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

2020-05-27

83浏览

0评论

js实现随机8位验证码

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

120浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

75浏览

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

80浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

92浏览

0评论

jQuery操作cookie的示例代码

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

61浏览

0评论

Node.js 路由的实现方法

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

116浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

76浏览

0评论

js常见遍历操作小结

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

2020-05-27

87浏览

0评论

详解Vue 如何监听Array的变化

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

56浏览

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

74浏览

0评论

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

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

2020-05-27

264浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

97浏览

0评论

vue 插件的方法代码详解

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

热门文章