编程开发 - 教程之家

122浏览

0评论

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

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

2020-05-27 04:34:28

102浏览

0评论

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

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

2020-05-27 04:34:27

77浏览

0评论

Vue绑定内联样式问题

使用 v-bind:style 可以给元素绑定内联样式,方法与:class类似,也有对象语法和数组语法,看起来很直接在元素上写CSS:<!DOCTYPE html><html><head> <meta charset="utf-8">...

2020-05-27 04:34:26

82浏览

0评论

详解vue如何使用rules对表单字段进行校验

1、在代码中，添加属性：:rule <Form ref="loginForm" :model="form" :rules="rules" @keydown.enter.native="handleSubmit" class="form-con"> <FormItem prop="ph...

2020-05-27 04:34:25

80浏览

0评论

NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法

在编程之前，一定要有一个信条：代码是为了减少工作量而生的，重复枯燥的工作是不能容忍的。
需求
这是由上篇文章衍生出的需求，我已经将一个文件夹内所有的文件名转译为英文，但我在...

2020-05-27 04:34:24

70浏览

0评论

教你如何编写Vue.js的单元测试的方法

Vue.js是一个JavaScript框架，可用于构建Web应用程序的前端框架。特别是在创建复杂功能时，对于每个项目，有必要在我们的应用程序中查看所有内容，并检查它是否符合预期。然而，对于...

2020-05-27 04:34:22

92浏览

0评论

Javascript中parseInt的正确使用方式

定义和用法parseInt() 函数可解析一个字符串，并返回一个整数。语法parseInt(string, radix)parseInt(string, radix) 当参数radix的值为 0，或没有设置该参数时，parseInt()会根...

2020-05-27 04:34:21

72浏览

0评论

JavaScript的词法结构精华篇

词法结构是一套基础性的规则，用来描述如何使用这门语言来编写程序。诸如如何给变量命名，如何写注释，如何分割短语等等。我总结为以下几点1.字符集使用Unicode码2.区分大小写 j...

2020-05-27 04:34:20

76浏览

0评论

基于Vue实现可以拖拽的树形表格实例详解

因业务需求，需要一个树形表格，并且支持拖拽排序，任意未知插入，github搜了下，真不到合适的，大部分树形表格都没有拖拽功能，所以决定自己实现一个。这里分享一下实现过程，项目源代码请...

2020-05-27 04:34:19

85浏览

0评论

JS实现十分钟倒计时代码实例

编写JS倒计时代码需要用到很多JavaScript知识，比如：if函数，Math.floor，定时器setInterval等等，如有不清楚的小伙伴可以参考PHP中文网的相关文章，或者访问 JavaScript视频教程。举...

2020-05-27 04:34:17

80浏览

0评论

深入理解 Koa 框架中间件原理

Node 主要用在开发 Web 应用，koa 是目前 node 里最流行的 web 框架。在 Node 开启一个 http 服务简直易如反掌,官网 demo。const http = require("http");const server = htt...

2020-05-27 04:34:16

77浏览

0评论

使用JS获取页面上的所有标签

最近忙的一匹，忙着大保健，都来不及写博客，今天特意抽出点时间来写一写　　前两天看到一个题，是问如何从页面上获取所有的标签的并查看他们的数量，感觉还是有点意思的，所以给大家来...

2020-05-27 04:34:15

77浏览

0评论

vue 指令之气泡提示效果的实现代码

菜鸟学习之路//L6zt github自己在造组件轮子，也就是瞎搞。自己写了个slider组件，想加个气泡提示。为了复用和省事特此写了个指令来解决。预览地址项目地址 github 我叫给它胡...

2020-05-27 04:34:14

75浏览

0评论

vue实现pdf导出解决生成canvas模糊等问题(推荐)

最近公司项目需要，利用vue实现pdf导出，从而保存到本地打印出来，说起来好像也很容易，具体要怎么实现呢？1 、我们要添加两个模块1 第一个.将页面html转换成图片
2 npm install --s...

2020-05-27 04:34:13

93浏览

0评论

vue中导出Excel表格的实现代码

项目中我们可能会碰到导出Excel文件的需求，一般后台管理系统中居多，将table中展示的数据导出保存到本地。当然我们也可以通过一些处理来修改要导出的数据格式，具体需求具体对待...

2020-05-27 04:34:12

80浏览

0评论

vue中使用cookies和crypto-js实现记住密码和加密的方法

使用crypto-js加解密
第一步，安装npm install crypto-js第二步，在你需要的vue组件内importimport CryptoJS from "crypto-js";第三步，使用 // Encrypt 加密 var cipherText...

2020-05-27 04:34:11

55浏览

0评论

使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能

由于微信小程序没有提供类似 Image 这样的 JS 对象，要实现图片的预加载要麻烦一些， wxapp-img-loader自定义组件可以在微信小程序中实现图片预加载功能。使用1、下载 wxapp-im...

2020-05-27 04:34:09

134浏览

0评论

详解vue文件中使用echarts.js的两种方式

最近工作中需要用到echarts，由于项目是用的vue-cli开发的。在网上搜到vue中合成了vue-echarts，但是不想使用vue中规定好的数据格式，于是就自己做了一个vue项目引用原生echarts...

2020-05-27 04:34:08

79浏览

0评论

vue2.0 路由模式mode="history"的作用

特别提醒：开启mode="history"模式，需要服务端的支持，因为出现“刷新页面报错404”的问题；大家都知道，路由地址都是以"#"形式展示，但是有些时候，我们又希望路由地址中不出现"#"，那怎...

2020-05-27 04:34:07

90浏览

0评论

vue: WebStorm设置快速编译运行的方法

WebSorm是一款优秀的前端开发工具，而Vue项目可以使用Node进行编译运行，平常我们可以通过命令行部署项目进行调试。本文介绍设置Webstorm进行快速部署Vue项目。第一步点击启动...

2020-05-27 04:34:06

106浏览

0评论

使用微信小程序开发弹出框应用实例详解

view class="container" class="zn-uploadimg"> <button type="primary"bindtap="showok">消息提示框</button> <button type="primary"bindtap="modalcnt">模态弹窗</butt...

2020-05-27 04:34:05

97浏览

0评论

webstorm+vue初始化项目的方法

vue新项目准备：1、安装nodejs，官网下载傻瓜安装node -v 验证2、npm包管理器，是集成在node中的，所以安装了node也就有了npmnpm -v 验证3、安装cnpmnpm install -g cnpm --registr...

2020-05-27 04:34:04

100浏览

0评论

vue中v-for循环给标签属性赋值的方法

1.给每个按钮添加class的属性值以及icon图标属性值，通过v-for实现自动添加样式，发现属性值无法显示，切记在属性前加上v-bind<html><head><meta charset="utf-8"><title>v-for在...

2020-05-27 04:34:03

87浏览

0评论

Vue用v-for给循环标签自身属性添加属性值的方法

我的代码结构如下所示不能执行，会出现报错<RadioGroup v-model="animal"> <Radio v-for='a in radio_arr' label={{a}}></Radio></RadioGroup>export default { data(){ retu...

2020-05-27 04:34:02

86浏览

0评论

vue移动端html5页面根据屏幕适配的四种解决方法

最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中...

2020-05-27 04:34:00

93浏览

0评论

深入理解移动前端开发之viewport

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页...

2020-05-27 04:33:59

111浏览

0评论

值得收藏的八个常用的js正则表达式

开发中如果有input输入框，难免就要写正则表达式，因此在这里总结了一些常见常用的正则表达式的书写方法，希望会大家有所帮助；附图：
一.手机号码$(document).ready(function(){...

2020-05-27 04:33:58

68浏览

0评论

js中自定义react数据验证组件实例详解

我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等...

2020-05-27 04:33:57

90浏览

0评论

ES6 系列之 Generator 的自动执行的方法示例

单个异步任务
var fetch = require('node-fetch');function* gen(){ var url = 'https://api.github.com/users/github'; var result = yield fetch(url); console.log(r...

2020-05-27 04:33:56

80浏览

0评论

详解在vue-cli项目下简单使用mockjs模拟数据

为什么要用mockjs实际开发中，前后端分离，前端需要后端的接口去完成页面的渲染，但是并不能等到后端成员写完接口再开始进行测试。大部分情况下，前后端需要同时进行开发。因此便需...

2020-05-27 04:33:55

69浏览

0评论

clipboard在vue中的使用的方法示例

简介
页面中用 clipboard 可以进行复制粘贴，clipboard能将内容直接写入剪切板安装
npm install --save clipboard使用方法一
<template> <span>{{ code }}</span> <i...

2020-05-27 04:33:54

357浏览

0评论

webstorm中配置Eslint的两种方式及差异比较详解

写在前面这两种方式的配置基本相同，都是配一下node地址，Eslint执行文件的地址，Eslint的配置文件（就是.eslintrc）等，而且网上很方便就可以搜索到，就不多说了。之所以要比较一下两者...

2020-05-27 04:33:52

87浏览

0评论

在小程序Canvas中使用measureText的方法示例

有时候我们在使用Canvas绘制一段文本时，会需要通过measureText()方法获取文本的宽度，例如：创建canvas标签
<canvas id="canvas"></canvas>获取一段文本的宽度
var canvas = doc...

2020-05-27 04:33:51

60浏览

0评论

浅析JS中什么是自定义react数据验证组件

我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等...

2020-05-27 04:33:50

80浏览

0评论

vue+VeeValidate 校验范围实例详解（部分校验,全部校验）

搜索很久，没有发现有关于vue+VeeValidate部分校验的。自己写一个。主要是两个场景：1. 校验范围内，所有的字段。2. 校验全局所有字段。主要方法：1.validate(fields, scope) 2...

2020-05-27 04:33:48

57浏览

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 04:33:47

78浏览

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 04:33:46

76浏览

0评论

浅析vue-router原理

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

2020-05-27 04:33:45

79浏览

0评论

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

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

2020-05-27 04:33:44

68浏览

0评论

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

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

2020-05-27 04:33:43

110浏览

0评论

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

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

2020-05-27 04:33:42

105浏览

0评论

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

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

2020-05-27 04:33:40

101浏览

0评论

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

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

2020-05-27 04:33:38

112浏览

0评论

VUE-cli3使用 svg-sprite-loader

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

2020-05-27 04:33:38

124浏览

0评论

vue 项目地址去掉 #的方法

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

2020-05-27 04:33:36

94浏览

0评论

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

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

2020-05-27 04:33:35

94浏览

0评论

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

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

2020-05-27 04:33:34

150浏览

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 04:33:32

95浏览

0评论

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

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

2020-05-27 04:33:31

87浏览

0评论

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

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

2020-05-27 04:33:30

热门文章