JavaScript - 教程之家

68浏览

0评论

详解vue服务端渲染浏览器端缓存（keep-alive）

在使用服务器端渲染时，除了服务端的接口缓存、页面缓存、组建缓存等，浏览器端也避免不了要使用缓存，减少页面的重绘。这时候我们就会想到vue的keep-alive，接下来我们说一下keep-...

2020-05-27

104浏览

0评论

NodeJS服务器实现gzip压缩的示例代码

本文介绍了NodeJS服务器实现gzip压缩，分享给大家，具体如下：在浏览器向服务器请求静态资源时，服务器为了减小在网络传输过程中消耗的流量和时间，都是将静态资源经过压缩后返回给服...

2020-05-27

96浏览

0评论

NodeJS搭建HTTP服务器的实现步骤

前言
在 NodeJS 中用来创建服务的模块是 http 核心模块，本篇就来介绍关于使用 http 模块搭建 HTTP 服务器和客户端的方法，以及模块的基本 API。HTTP 服务器
1、创建 HTTP 服务...

2020-05-27

85浏览

0评论

nodejs实现范围请求的实现代码

使服务器支持范围请求，允许客户端只请求文档的一部分。其流程是：客户端向服务端发起请求服务端响应，附上Accept-Ranges头（值表示表示范围的单位，通常是“bytes”），告诉客户端其...

2020-05-27

92浏览

0评论

NodeJS使用Range请求实现下载功能的方法示例

前言
本篇使用 NodeJS 的 HTTP 服务创建客户端，使用 Range 请求实现下载功能，并通过本篇的 Demo 扩展在业务中实现断点续传等功能的思路。服务端的实现
我们通过 http 模块创...

2020-05-27

96浏览

0评论

Vue cli3 库模式搭建组件库并发布到 npm的流程

市面上目前已有各种各样的UI组件库，比如 Element 和 iView ，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一...

2020-05-27

75浏览

0评论

JS编写兼容IE6,7,8浏览器无缝自动轮播

项目要求页面兼容IE6,7,8等浏览器，我们可能会遇到这个轮播效果，轮播板块要求：无限循环、自动轮播和手动切换功能，每一次滚动一小格，网上有很多这类插件，例如:swiper等！但是很多都是...

2020-05-27

121浏览

0评论

微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}

{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
声明：是已认证的服务号前置说明
网页授权获取用户基本信息：两种 scope 域https://open...

2020-05-27

139浏览

0评论

NodeJS加密解密及node-rsa加密解密用法详解

要用nodejs开发接口，实现远程调用，如果裸奔太危险了，就在网上找了一下nodejs的加密，感觉node-rsa挺不错的，下面来总结一下简单的rsa加密解密用法初始化环境新建一个文件夹 node-r...

2020-05-27

105浏览

0评论

Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法

在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，最近研究了一下这个问题的原因和解决办法，这里和大家分享一下。1.闪现的原因这个问题是因为Vue...

2020-05-27

67浏览

0评论

开发用到的js封装方法（20种）

1、判断是否是一个数组function isArray(arr){return Object.prototype.toString.call(arr) ==='[object Array]';} isArray([1,2,3]) //true2、判断是否是一个函数(三种)fu...

2020-05-27

109浏览

0评论

vue使用v-if v-show页面闪烁,div闪现的解决方法

在页面层次结构，数据较多的时候，用v-if或者v-show就会出现div闪现，或者部分闪烁的结果。可以在根元素添加v-cloak来解决，并且设置它的样式即可。代码只是示例，还需要自己修改测试...

2020-05-27

91浏览

0评论

Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法

vue中v-if 和v-else-if在页面加载的时候，不满足条件的标签会加载然后再消失掉，如果要解决这个问题，案例如下：vue html代码块：<div id="divApp"> <div v-if="type === 'A'" v-clo...

2020-05-27

74浏览

0评论

Vue插值、表达式、分隔符、指令知识小结

最近打算重温一遍vue的知识，正好总结一份笔记。插值基本用法<span>Text:{{text}}</span> <span v-text="text"></span> 这个属于指令<li data-id="{{id}}"></li>有时候只需要...

2020-05-27

114浏览

0评论

详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on

Vue.js的指令是以v-开头的，它们作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看作特殊的HTML特性（at...

2020-05-27

79浏览

0评论

vue中render函数的使用详解

render函数
vue通过 template 来创建你的 HTML。但是，在特殊情况下，这种写死的模式无法满足需求，必须需要js的编程能力。此时，需要用render来创建HTML。
render方法的实质就是生...

2020-05-27

110浏览

0评论

深入理解Angularjs 脏值检测

构建自己的AngularJS，第一部分：Scope和DigestAngular是一个成熟和强大的JavaScript框架。它也是一个比较庞大的框架，在熟练掌握之前，需要领会它提出的很多新概念。很多Web开发人...

2020-05-27

103浏览

0评论

详解webpack loader和plugin编写

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

106浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

84浏览

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

100浏览

0评论

详解ES6 Symbol 的用途

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

2020-05-27

110浏览

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

59浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

73浏览

0评论

ndm:NPM的桌面GUI应用程序

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

2020-05-27

127浏览

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

80浏览

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

107浏览

0评论

Vue Cli3 创建项目的方法步骤

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

84浏览

0评论

详解ESLint在Vue中的使用小结

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

199浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

78浏览

0评论

ajax与jsonp的区别及用法

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

2020-05-27

66浏览

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

89浏览

0评论

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

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

2020-05-27

71浏览

0评论

iView框架问题整理小结

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

58浏览

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

72浏览

0评论

Postman的下载及安装教程详解

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

热门文章