JavaScript - 教程之家

49浏览

0评论

vue-quill-editor+plupload富文本编辑器实例详解

1,先给vue项目中下载vue-quill-editor依赖npm install vue-quill-editor --save2,下载plupload依赖npm install plupload --save3,在组件中分别引入对应的jsimport { quillE...

2020-05-27

63浏览

0评论

vue-cli3.0 脚手架搭建项目的过程详解

1.安装vue-cli 3.0npm install -g @vue/cli# oryarn global add @vue/cli安装成功后查看版本：vue -V(大写的V)2.命令变化vue create --help
用法：create [options] <app-name>...

2020-05-27

63浏览

0评论

浅析vue-router原理

近期被问到一个问题，在你们项目中使用的是Vue的SPA（单页面）还是Vue的多页面设计？这篇文章主要围绕Vue的SPA单页面设计展开。关于如何展开Vue多页面设计请点击查看。vue-router...

2020-05-27

69浏览

0评论

vue中el-upload上传图片到七牛的示例代码

一、思路，从后台获取七牛token，上传图片到七牛，获取返回图片路径放入el-upload。二、代码。<el-input v-model="listVideoQuery.orgLogo" @change="orgLogoChange"></el-input>...

2020-05-27

62浏览

0评论

简化版的vue-router实现思路详解

本文旨在介绍 vue-router 的实现思路，并动手实现一个简化版的 vue-router 。我们先来看一下一般项目中对 vue-router 最基本的一个使用，可以看到，这里定义了四个路由组件,我们...

2020-05-27

100浏览

0评论

使用pkg打包Node.js应用的方法步骤

Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器...

2020-05-27

97浏览

0评论

Vue项目pdf(base64)转图片遇到的问题及解决方法

公司有个业务需求,要求后台传pdf的base64编码给前端,前端显示到界面上,后来在网上搜索了很多关于base64转pdf的文章,都写的不是非常的详细,在实现的过程中遇到很多坑,经过一...

2020-05-27

90浏览

0评论

vuex2中使用mapGetters/mapActions报错的解决方法

解决方案可以安装整个stage2的预置器或者安装 Object Rest Operator 的babel插件 babel-plugin-transform-object-rest-spread 。接着在babel的配置文件 .babelrc 中应用插...

2020-05-27

104浏览

0评论

VUE-cli3使用 svg-sprite-loader

VUE-cli3使用 svg-sprite-loadersvg-sprite-loader 的插件，用来根据导入的 svg 文件自动生成 symbol 标签并插入 html，接下来就可以在模版中方便地使用 svg-sprite 技术了。使...

2020-05-27

110浏览

0评论

vue 项目地址去掉 #的方法

vue-router 设置 history 模式vue 项目往往会搭配 vue-router 官方路由管理器，它和 vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认为 hash 模式，使用...

2020-05-27

86浏览

0评论

angular4 获取wifi列表中文显示乱码问题的解决

问题描述：
如果搜索到的wifi是中文名称，那么就会显示特殊字符比如（ç”¿ªç”Ÿèè¿ª），乱码的问题。这里需要使用 escape方法对特殊字...

2020-05-27

85浏览

0评论

分享5个小技巧让你写出更好的 JavaScript 条件语句

在使用 JavaScript 时，我们常常要写不少的条件语句。这里有五个小技巧，可以让你写出更干净、漂亮的条件语句。1. 使用 Array.includes 来处理多重条件举个栗子：// 条件语句fun...

2020-05-27

135浏览

0评论

Intellij IDEA搭建vue-cli项目的方法步骤

1、安装/升级node环境
vue-cli对于node和npm的版本是有要求的。可以通过 node -v （npm -v）查看当前版本，通过 where node （where npm）查看安装路径。如果node版本不符合vue-cli的...

2020-05-27

87浏览

0评论

详解ES6 Promise对象then方法链式调用

promise俗称链式调用，它是es6中最重要的特性之一
简单的说可以不停的then调用嵌套在调用（异步之后，链式调用方式执行回调），这种操作方式称为promise
then()方法的作用是Promise实...

2020-05-27

75浏览

0评论

详解webpack打包第三方类库的正确姿势

webpack 的使用越来越广泛，但其中不乏很多鲜为人知的细节设置，甚至很多人会认为这是 webpack 的 bug。这次，我们就来聊一聊 webpack.optimize.CommonsChunkPlugin。
这个 plugi...

2020-05-27

90浏览

0评论

Iview Table组件中各种组件扩展的使用

一、Iview Table 组件多选框选中和禁选设置
Table添加多选框
通过给 columns 数据设置一项，指定 type: 'selection' ，即可自动开启多选功能。正确使用好以下事件，可以达到需...

2020-05-27

83浏览

0评论

使用Vue做一个简单的todo应用的三种方式的示例代码

1. 引用vue.js<!DOCTYPE html><html><head><script src="http://vuejs.org/js/vue.js"></script> <meta charset="utf-8"> <title>JS Bin</title></head><body> <div id="ro...

2020-05-27

114浏览

0评论

详解Axios 如何取消已发送的请求

前言
最近在项目中遇到一个问题，在连续发送同一请求时，如果第二次请求比第一次请求快，那么实际显示的是第一次请求的数据，这就会造成数据和我选择的内容不一致的问题。解决的方...

2020-05-27

77浏览

0评论

Node.js中的不安全跳转如何防御详解

导语：早年在浏览器大战期间，有远见的Chrome认为要运行现代Web应用，浏览器必须有一个性能非常强劲的Java引擎，于是Google自己开发了一个高性能的开源的Java引擎，名字叫V8。在2009...

2020-05-27

100浏览

0评论

如何安装控制器JavaScript生成插件详解

前言既然组件不提供view服务引擎，那在编写应用网站的时候只能由javascript调用接口进行UI整合，这样编写javascript来访问接口就变得一件非常麻烦。为了解决这一繁琐问题组件提...

2020-05-27

77浏览

0评论

在js代码拼接dom对象到页面上的模板总结

每次在js代码里面想动态的拼个dom，然后append到页面上，都是各种麻烦，
要是可以直接在jsp页面弄个隐藏的model那是很好的，用js方法里面的clone方法也是很好的，还可以给不同部分set...

2020-05-27

96浏览

0评论

Koa 使用小技巧(小结)

cookie的安全保护
基于cookie来验证用户状态的系统中，如何提高cookie的安全级别是首要因素，最简单直接的方式就生成的cookie值随机而且复杂。一般使用uuid来生成cookie，生成的...

2020-05-27

123浏览

0评论

在vue中使用echarts图表实例代码详解

安装vue依赖使用npmnpm install echarts --save使用yarnyarn add echarts使用国内的淘宝镜像：//安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.o...

2020-05-27

74浏览

0评论

vue使用echarts图表的详细方法

本文为大家分享了vue使用echarts图表的方法，供大家参考，具体内容如下
该示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像：安装
npm...

2020-05-27

115浏览

0评论

vue-cli项目中使用echarts图表实例

我们在项目中经常需要使用一些折线图、柱状图、饼状图等等，之前使用过heightCharts，后来觉得这货不开源，只是做展示的话又点浪费时间，于是看了下eCharts，于是在vue-cli搭建的项目...

2020-05-27

94浏览

0评论

vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法

使用 Hbuilder新建好移动app项目后，mainfest.json这个文件里的 plus里设置 statusbar....."plus": { "statusbar": { "immersed": true }, ...... },......

2020-05-27

93浏览

0评论

TypeScript基础入门教程之三重斜线指令详解

前言TypeScript是Javascript的超集，实现以面向对象编程的方式使用Javascript。当然最后代码还是编译为Javascript。三斜杠指令是包含单个XML标记的单行注释。注释的内容用作...

2020-05-27

97浏览

0评论

Vue slot用法(小结)

之前看官方文档，由于自己理解的偏差，不知道slot是干嘛的，看到小标题，使用Slot分发内容，就以为是要往下派发内容。然后就没有理解插槽的概念。其实说白了，使用slot就是先圈一块地，...

2020-05-27

89浏览

0评论

js实现input密码框显示/隐藏功能

JavaScript实现input密码框显示/隐藏的功能，供大家参考，具体内容如下实现代码：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .password{ position:...

2020-05-27

73浏览

0评论

深入浅析Node.js 事件循环、定时器和process.nextTick()

什么是事件循环尽管JavaScript是单线程的，但通过尽可能将操作放到系统内核执行，事件循环允许Node.js执行非阻塞I/O操作。由于现代大多数内核都是多线程的，因此它们可以处理在后...

2020-05-27

88浏览

0评论

js实现动态增加文件域表单功能

本文实例为大家分享了js实现动态增加文件域表单的具体代码，供大家参考，具体内容如下实现代码：<html><head> <title>动态添加表单元素</title></head><script language="javascr...

2020-05-27

74浏览

0评论

Javascript 实现 Excel 导入生成图表功能

前一段时间做了一个用 JS 实现图表显示的功能，加上这次的Excel 导入功能，最终的效果是这样的：怎么样？如果看了心动的话，就接着往下看吧。本次的这个设计需要用到几个插件：jquery....

2020-05-27

71浏览

0评论

js实现动态添加上传文件页面

发邮件是需要添加一些文件，每添加一个文件，页面上可以显示一个表单文件上传选项。此功能为：初始时刻只有一个添加按钮，当点击添加文件时，会增加一个选择文件和删除区域，同时显示上...

2020-05-27

80浏览

0评论

js异步上传多张图片插件的使用方法

本文为大家分享了js异步上传多张图片插件的使用方法，供大家参考，具体内容如下
效果展示：功能描述：
1.实现图片预览，预览图片移除，任意张数异步上传，上传进度条指示，已选中且上传的图...

2020-05-27

90浏览

0评论

详解微信小程序与内嵌网页交互实现支付功能

上个月，小程序开放了新功能，支持内嵌网页，所以我就开始了小程序内嵌网页之路，之前我只是个小安卓。内嵌网页中可使用JSSDK 1.3.0提供的接口，可坑就来了，居然不支持支付接口的调用，...

2020-05-27

330浏览

0评论

微信小程序引用iconfont图标的方法

最近在研究微信小程序，自己写demo的时候想要引用巴里巴巴图标库的图标，于是：@font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#...

2020-05-27

99浏览

0评论

vue 配置多页面应用的示例代码

前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化）vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此...

2020-05-27

92浏览

0评论

angular 服务的单例模式(依赖注入模式下)详解

angular官方文档单例服务的说明
单例模式就不要说了，懂点设计模式的都懂得，真有不明白的自行百度。
（解释下angular的命名，angular就是angular2+，angular1叫angularjs，至于angular...

2020-05-27

94浏览

0评论

Electron-vue脚手架改造vue项目的方法

1. 什么是ElectronElectron可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。这不意...

2020-05-27

99浏览

0评论

electron实现qq快捷登录的方法示例

之前本来想不写这个功能的,结果客户死活要qq登录! 实在没办法就写了,顺便写个文章!
在写之前有两个问题:
1: 打开qq授权页面点击页面中的链接会又打开一个页面! .....
2: 授...

QQ

2020-05-27

99浏览

0评论

ztree加载完成后显示勾选节点的实现代码

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。介绍zTree 是一个依靠 jQuery 实现的多功能 “树插件”。...

2020-05-27

109浏览

0评论

微信开发之微信jssdk录音功能开发示例

项目需求简单描述
用户长按录音，松手后直接结束录音，结束录音后，用户可以选择重新录音、播放刚才的录音，上传录音（这里的上传录音指上传到自己服务器，上传步骤是，前端调用wx.upload...

2020-05-27

135浏览

0评论

React SSR样式及SEO的实践

前一篇主要记录了一下SSR配置以及结合Redux的使用。这里简单说一下React SSR中样式处理和更优雅的SEOSSR样式
在React客户端渲染，添加样式很容易。写一个css样式文件，在对应组...

2020-05-27

90浏览

0评论

jQuery.validate.js表单验证插件的使用代码详解

ValidateValidate是基于jQuery的一款轻量级验证插件，内置丰富的验证规则，还有灵活的自定义规则接口，HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式，支持input,select,text...

2020-05-27

149浏览

0评论

每个 JavaScript 工程师都应懂的33个概念

简介这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备，但在未来学习（JavaScript）中，可以作为一篇指南。本篇文章是参照 @leonardomso 创立，英文版项目地址在这...

2020-05-27

93浏览

0评论

JavaScript 对引擎、运行时、调用堆栈的概述理解

 随着JavaScript越来越流行，越来越多的团队广泛的把JavaScript应用到前端、后台、hybrid 应用、嵌入式等等领域。这篇文章旨在深入挖掘JavaScript，以及向大家解释JavaSc...

2020-05-27

69浏览

0评论

Vue创建头部组件示例代码详解

Vue.js 组件
组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。具体代码如下所示：<!DOCTYPE html><html><head> <meta charset="utf-8"...

2020-05-27

84浏览

0评论

jquery实现动态添加附件功能

本文实例为大家分享了jquery实现动态添加附件的具体代码，供大家参考，具体内容如下
创建HTML页面项目中实现的原代码，无删减直接贴上。具体请参考“添加附件”按钮相关操作。...

2020-05-27

85浏览

0评论

详解如何构建Promise队列实现异步函数顺序执行

场景
有a、b、c三个异步任务，要求必须先执行a，再执行b，最后执行c
且下一次任务必须要拿到上一次任务执行的结果，才能做操作
思路
我们需要实现一个队列，将这些异步函数添加进队列...

2020-05-27

61浏览

0评论

使用jquery Ajax实现上传附件功能

用过jquery的Ajax的人肯定都知道，Ajax的默认编码方式是”application/x-www-form-urlencoded“，此编码方式只能编码文本类型的数据，因此Ajax发送请求的时候，会把data序列化成一...

2020-05-27

热门文章