JavaScript - 教程之家

82浏览

0评论

详解webpack loader和plugin编写

1 基础回顾
首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。1.1 webpack常见配置// 入口文件 entry: { app: './src/js/index.js', }, // 输出文件 ou...

2020-05-27

69浏览

0评论

详解解决Vue相同路由参数不同不会刷新的问题

通常情况下我们喜欢设置keepAlive 包裹 router-view<div id="app"> <keep-alive> <router-view></router-view> </keep-alive></div>同时在created 中触发请求，在...

2020-05-27

77浏览

0评论

CentOS7中源码编译安装NodeJS的完整步骤

前言以前在CentOS上也编译安装过Node，只是没有把过程记录下来，最近又重新安装了一编，所以将安装的步骤记录下分享出来，需要的朋友可以参考借鉴，下面话不多说了，来一起看看详细的介...

2020-05-27

92浏览

0评论

单页面vue引入百度统计的使用方法示例详解

前言最近组长安排着做一个项目，h5的应用下载项目，想着做起来还是比较容易，可是看到提出的需求，我就有点懵逼了！需要对应用的下载进行统计！！！我当时就想着我前端怎么对页面点击按钮就...

2020-05-27

58浏览

0评论

Vue+webpack项目配置便于维护的目录结构教程详解

新建项目的时候创建合理的目录结构便于后期的维护是很重要环境：vue、webpack目录结构：项目子目录结构子目录结构都差不多，主要目录是在src下面操作src目录结构src/common 目录...

2020-05-27

71浏览

0评论

javascript实现文本框标签验证的实例代码

具体代码如下所述：< !DOCTYPE html > <html lang = "en" > <head > <meta charset = "UTF-8" > <title > Document < /title></head > <style type = "text/css" > body { ba...

2020-05-27

81浏览

0评论

详解ES6 Symbol 的用途

Symbol 唯一的用途就是标识对象属性，表明对象支持的功能。相比于字符属性名，Symbol 的区别在于唯一，可避免名字冲突。这样 Symbol 就给出了唯一标识类型信息的一种方式，从这个...

2020-05-27

95浏览

0评论

JS中appendChild追加子节点无效的解决方法

JS中appendChild追加子节点无效有这么一段代码：let divs = document.getElementsByClassName('test');let btn = document.createElement('div');for(let i=0;i<divs.length;...

2020-05-27

49浏览

0评论

JS面试题大坑之隐式类型转换实例代码

1.1-隐式转换介绍在js中，当运算符在运算时，如果两边数据不统一，CPU就无法计算，这时我们编译器会自动将运算符两边的数据做一个数据类型转换，转成一样的数据类型再计算这种无需程...

2020-05-27

83浏览

0评论

javascript中关于类型判断的一些疑惑小结

前言类型判断是我们在日常工作中经常会遇到的一个功能，本文将给大家详细介绍关于javascript类型判断的相关内容，下面话不多说了，来一起看看详细的介绍吧Javascript中数据类型分...

2020-05-27

57浏览

0评论

vue+axios+promise实际开发用法详解

axios它是基于promise的http库，可运行在浏览器端和node.js中,然后作者尤雨溪也是果断放弃了对其官方库vue-resource的维护，直接推荐axios库，小编我也是从vue-resource转换过来...

2020-05-27

70浏览

0评论

vue基于element-ui的三级CheckBox复选框功能的实现代码

最近vue项目需要用到三级CheckBox复选框，需要实现全选反选不确定三种状态。但是element-ui table只支持多选行，并不能支持三级及以上的多选，下面通过本文给大家讲解实现方法。...

2020-05-27

60浏览

0评论

ndm:NPM的桌面GUI应用程序

如果你熟悉ruby的gem，Python的pypi、setuptools，PHP的pear，那么你就知道NPM的作用是什么了。NPM 是 Node Package Manager （node 包管理器）的缩写，它是用于安装 NodeJS 软件包或模...

2020-05-27

100浏览

0评论

vue安装和使用scss及sass与scss的区别详解

1. 安装依赖：npm install node-sass sass-loader -D2. webpack.base.conf.js文件module: {{ //手动添加这一条，相当于是编译识别sass! test: /\.scss$/,loaders: ["style", "c...

2020-05-27

65浏览

0评论

Vue-Router基础学习笔记(小结)

vue-router是一个插件包，要先用npm进行安装1、安装vue-routernpm install vue-routeryarn add vue-router2、引入注册vue-routerimport Vue from 'vue'import VueRouter from...

2020-05-27

98浏览

0评论

Vue Cli3 创建项目的方法步骤

最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。
1. 安装
npm install -g @vue/cli2. 创建一个项...

2020-05-27

66浏览

0评论

javascript匿名函数中的'return function()'作用

我最近看到很多javascript代码,看起来我错了.在这种情况下,我应该建议哪种更好的代码模式？我将重现我所看到的代码和每个代码的简短说明：代码块#1该代码不应该评估内部函数.程...

2020-05-27

68浏览

0评论

手淘flexible.js框架使用和源代码讲解小结

手淘框架是一个用来适配移动端的js框架，下面我们来讲解一下如何使用手淘的这套框架。
基本概念1、视窗viewport可能写过移动端的朋友就知道viewport是什么意思。如果你不知道...

2020-05-27

65浏览

0评论

详解ESLint在Vue中的使用小结

ESLint是一个QA工具，用来避免低级错误和统一代码的风格ESLint的用途1.审查代码是否符合编码规范和统一的代码风格；2.审查代码是否存在语法错误；
中文网地址 http://eslint.cn/...

2020-05-27

55浏览

0评论

jQuery轻量级表单模型验证插件

JQuery插件，轻量级表单模型验证，供大家参考，具体内容如下附上源码和Demo段
var validataForm = (function(model) { model.Key = "[data-required='true']"; model.ElementLi...

2020-05-27

188浏览

0评论

从零开始搭建vue移动端项目到上线的步骤

初始化项目1、在安装了node.js的前提下，使用以下命令npm install --g vue-cli2、在将要构建项目的目录下vue init webpack myproject(项目目录名称)一路回车如下中间会让选择...

2020-05-27

59浏览

0评论

JavaScript实现表单注册、表单验证、运算符功能

JavaScript 是世界上最流行的脚本语言。
JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。
JavaScript 被设计为向 HTML 页面增加交互性。
许多...

2020-05-27

62浏览

0评论

移动端图片上传旋转、压缩问题的方法

前言在手机上通过网页 input 标签拍照上传图片，有一些手机会出现图片旋转了90度d的问题，包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就...

2020-05-27

59浏览

0评论

QRCode.js二维码生成并能长按识别

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。首先引入QRCode.js文件，下载地址如果生成二维码...

2020-05-27

49浏览

0评论

JS调用安卓手机摄像头扫描二维码

项目要求：使用H5模仿微信扫一扫付款功能经过一系列的查找最后发现可以使用 JS调用手机摄像头然后用画布把当前摄像头的数据转成Base64的png图片，经过QrCode直接再本地识别。优...

2020-05-27

62浏览

0评论

ajax与jsonp的区别及用法

首先我们应该知道ajax和jsonp可以与后台通信，获取数据和信息，但是又不用刷新整个页面，实现页面的局部刷新。接下来我们就来看一下ajax和jsonp的区别。ajax和jsonp的区别：ajax是...

2020-05-27

47浏览

0评论

js拖动滑块和点击水波纹效果实例代码

拖动滑块效果：先看看效果图：<!doctype html><html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale...

2020-05-27

67浏览

0评论

详解多页应用 Webpack4 配置优化与踩坑记录

前言
最近新起了一个多页项目，之前都未使用 webpack4，于是准备上手实践一下。这篇文章主要就是一些配置介绍，对于正准备使用 webpack4 的同学，可以做一些参考。webpack4 相比之...

2020-05-27

57浏览

0评论

iView框架问题整理小结

总结1：**import Vue from ‘vue';什么意思？在js中，是加载vue模块并输入变量Vue import后面的from指定模块文件的位置，可以是相对路径，也可以是绝对路径，如果是模块名带有路径，那么...

2020-05-27

64浏览

0评论

详解angular2如何手动点击特定元素上的点击事件

我试图在元素上编程点击点击事件(或任何其他事件),换句话说,我想知道在angular2中由jQuery .trigger()方法提供的类似功能.有没有内置的方法来做到这一点？ …..如果不是,请建...

2020-05-27

45浏览

0评论

Vue.js 时间转换代码及时间戳转时间字符串

Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.ge...

2020-05-27

52浏览

0评论

Postman的下载及安装教程详解

Postman背景介绍用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的，用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工...

2020-05-27

45浏览

0评论

基于vue-upload-component封装一个图片上传组件的示例

需求分析业务要求，需要一个图片上传控件，需满足多图上传点击预览图片前端压缩支持初始化数据相关功能及资源分析基本功能
先到https://www.npmjs.com/search?q=vu...

2020-05-27

74浏览

0评论

element-ui的回调函数Events的用法详解

做轮播的时候想用这个change回调函数，但是官方文档上竟然就只列了这么一行东西，完全没有示例代码（也可能我没找到哈）鼓捣了半天，东拼西凑终于找到了靠谱的使用方法，其实很简单在轮...

2020-05-27

55浏览

0评论

使用angular-cli webpack创建多个包的方法

当我使用angular-cli构建项目时,它会将所有项目文件捆绑到一个主要的主包中.我在应用程序中使用了懒惰路由,一旦应用程序加载,我就可以导航.有没有一种方法可以将主包分为多...

2020-05-27

47浏览

0评论

深入理解NodeJS 多进程和集群

进程和线程
“进程” 是计算机系统进行资源分配和调度的基本单位，我们可以理解为计算机每开启一个任务就会创建至少一个进程来处理，有时会创建多个，如 Chrome 浏览器的选项卡，其...

2020-05-27

58浏览

0评论

浅谈HTTP 缓存的那些事儿

前言HTTP 缓存机制作为 Web 应用性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系的基础环节，也是想要成为前端架构的必备技能。缓存的作用我们为什么使用缓...

2020-05-27

61浏览

0评论

在小程序开发中使用npm的方法

微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。1. 在小程序中加载 npm 包npm install miniprogram-datepicker --productionno...

2020-05-27

52浏览

0评论

node实现分片下载的示例代码

本文基于http Range Requests协议，实现了分片下载的功能。使用场景包括基于浏览器的流文件片段传输、基于客户端的分片下载等。原理http通过Range Requests相关的header，可以...

2020-05-27

61浏览

0评论

vue src动态加载请求获取图片的方法

一. 加载本地图片1.图片目录
2. 在data中配置图片路径data() { return { formData: { avatar: require('@/assets/icon1524737568182.png'), motto: 'xxxxxxxxxx'...

2020-05-27

67浏览

0评论

IE9 elementUI文件上传的问题解决

问题： IE9中无法使用FormData
思路基于上面的问题，需要使用form表单上传文件 form表单上传会引起页面的刷新，因此需要动态添加一个iframe来避免页面刷新 from表单上传之后...

2020-05-27

42浏览

0评论

bootstrap table合并行数据并居中对齐效果

本文实例为大家分享了bootstrap table合并行数据并居中对齐的具体代码，供大家参考，具体内容如下渲染表格后进行数据行合并onLoadSuccess: function (data) { $('#tableStyle'...

2020-05-27

63浏览

0评论

element-ui upload组件多文件上传的示例代码

之前有一篇写的如何同时传递form表单及upload组件文件，如果有多个upload文件该如何传递呢上代码html<el-form ref="newform" :model="newform" :rules="rules"> <el-form-...

2020-05-27

47浏览

0评论

Nodejs实现多文件夹文件同步

本文实例为大家分享了Nodejs实现多文件夹文件同步的具体代码，供大家参考，具体内容如下
package.json{ "name": "asyncFile", "version": "0.0.1", "dependencies":{ "fs-sync"...

2020-05-27

39浏览

0评论

vue实现循环切换动画

本文实例为大家分享了vue实现循环切换动画的具体代码，供大家参考，具体内容如下注意动画的钩子函数的判断逻辑，注意动画编写时类名的顺序！！<!DOCTYPE html><html lang="en"><head>...

2020-05-27

62浏览

0评论

解决百度Echarts图表坐标轴越界的方法

Echarts是由百度提供的数据可视化解决方案, 可以让我们快速实现功能丰富的图表,官网链接
使用方法
1.引入echarts.min.js文件
下载echarts.min.js文件,下载地址创建一个挂...

2020-05-27

100浏览

0评论

微信小程序开发之tabbar图标和颜色的实现

前期准备：注册，填材料，验证等等：https://mp.weixin.qq.com1.浏览一遍简易教程，下载相应的开发工具写一个小例子点击左侧的 “编辑”-》点击右侧代码里的 app.json 修改为{ "page...

2020-05-27

59浏览

0评论

手把手教你写一个微信小程序（推荐）

需求　　小程序语音识别，全景图片观看，登录授权，获取个人基本信息一：基础框架　　官方开发文档：https://developers.weixin.qq.com/miniprogram/dev/ （其实官方文档写的很清楚了）1....

2020-05-27

85浏览

0评论

vue+echarts实现动态绘制图表及异步加载数据的方法

前言　　背景：vue写的后台管理，需要将表格数据绘制成图表（折线图，柱状图），图表数据都是通过接口请求回来的。安装
　　cnpm install echarts --s (我这里用了淘宝镜像，不知道同学...

2020-05-27

70浏览

0评论

react 应用多入口配置及实践总结

背景还是之前的那个项目，做完国际化没多久，还没来得及划水，又有新的活了 -- 移动端的兼容。考虑到后期的复杂度，需要做两套资源。具体的目标是：同一个URL，PC打开就显示PC的那...

2020-05-27

热门文章