50浏览

0评论

轻量级富文本编辑器wangEditor结合vue使用方法示例

1、安装
使用npm下载： `npm install wangeditor`
2、 创建实例
（1）基本用法：<template> <div> <div id="editor" class="editor"></div> </div></template><script>import...

• 2020-05-27

60浏览

0评论

Egg.js 中 AJax 上传文件获取参数的方法

依赖formidable代码前端<fieldset style="margin: 20px; padding: 20px;"> <legend>单文件，Ajax</legend> <form id="form3"> <div> <input type="text" id="customName"...

• 2020-05-27

53浏览

0评论

js实现前面自动补全位数的方法

例如我们希望输出的数字长度是固定的，假设为10，如果数字为123，则输出0000000123，不够位数就在之前补足0，这里提供了四种不同的方式实现JS代码给数字补0 的操作第一种function Pre...

• 2020-05-27

45浏览

0评论

JS原生带缩略图的图片切换效果

本例中用到的 moveElement(elementID,final_x,final_y,interval)是来自《JavaScript DOM编程艺术（中文第二版）》一书第10章中有一段代码。（可以直接baidu）左边是banner图，右边是...

• 2020-05-27

42浏览

0评论

angular6的响应式表单的实现

1：在AppModule模块里面引入 ReactiveFormsModule要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的NgModule的imports数组中。import { Rea...

• 2020-05-27

45浏览

0评论

nodejs初始化init的示例代码

打开cmd创建即可$ npm init Package name: (hello) //模块名字，npm init会自动取当前目录名作为默认名字，这里不需要改，直接确认即可 Description: A example for write a modu...

• 2020-05-27

51浏览

0评论

nodejs中用npm初始化来创建package.json的实例讲解

1.先正确的安装nodejs这个软件，自己去百度一下，安装很简单2.然后在安装的NodeJS目录下打开cmd,在里面输入命令npm init,会得到如下图所示：3.按提示，一步步来完成项目文件的配置，...

• 2020-05-27

67浏览

0评论

详解Node.js读写中文内容文件操作

由于Node.js仅支持如下编码：utf8, ucs2, ascii, binary, base64, hex，并不支持中文GBK或GB2312之类的编码，
因此如果要读写GBK或GB2312格式的文件的中文内容，必须要用额外的模块...

• 2020-05-27

69浏览

0评论

Node.js中读取TXT文件内容fs.readFile()用法

文件：read.js:var fs=require('fs'); fs.readFile('readtxt/demo.txt','utf-8',function(err,data){ if(err){ console.error(err); } else{ console.log(data); }});启动...

• 2020-05-27

46浏览

0评论

nodejs更新package.json中的dependencies依赖到最新版本的方法

如果手动去修改dependencies中各个包的版本号，那就太麻烦了，借助npm-check-updates工具可以很方便的将package.json中的依赖包版本号更新为最新版本。1、安装：npm install -g n...

• 2020-05-27

53浏览

0评论

vue环形进度条组件实例应用

在做项目的时候，最好只使用一套组件库，但是很多时候我们的组件库里面没有我们需要的组件，这个时候我们还是需要自己写组件了，vux里面就没有环形进度条组件，所以需要自己写一个。...

• 2020-05-27

47浏览

0评论

Node.js npm命令运行node.js脚本的方法

//通过npm运行node脚本 (控制台应用程序)cmd---cd package.json所在的目录---npm start (package.json中的scripts属性中设置start命令)cmd---npm （通过该命令可以查看npm后...

• 2020-05-27

55浏览

0评论

详解Angular5/Angular6项目如何添加热更新(HMR)功能

本文介绍了详解Angular5/Angular6项目如何添加热更新(HMR)功能，分享给大家，具体如下：A：什么是HMR？
Q：HMR（热替换）用于在运行的应用程序中更新代码而不需要重建它。这将导致更快的更...

• 2020-05-27

51浏览

0评论

nodejs require js文件入口,在package.json中指定默认入口main方法

我们都知道nodejs遵循commonJS规范，各个js是独立的。如果目录结构是：–config 文件夹 – index.js – test.js app.js那么在app.js中require('./config')的时候，默认是index.js...

• 2020-05-27

59浏览

0评论

nodejs读取本地中文json文件出现乱码解决方法

1. 确定json文件是UTF-8 无BOM编码的的。如果有BOM，会在读取第一行的时候出现乱码。Per "fs.readFileSync(filename, 'utf8') doesn't strip BOM markers #1918", fs.readFil...

• 2020-05-27

46浏览

0评论

nodejs aes 加解密实例

如下所示：'use strict';const crypto = require('crypto');/** * AES加密的配置 * 1.密钥 * 2.偏移向量 * 3.算法模式CBC * 4.补全值 */var AES_conf = { key: getSecre...

• 2020-05-27

48浏览

0评论

使用vue 国际化i18n 实现多实现语言切换功能

安装npm install vue-i18n新建一个文件夹 i18n ，内新建 en.js zh.js index.js 三个文件准备翻译信息en.jsexport default { home: { helloworld: "hello workd ！" }};zh.jsexp...

• 2020-05-27

40浏览

0评论

用Object.prototype.toString.call(obj)检测对象类型原因分析

这是一个十分常见的问题，用 typeof 是否能准确判断一个对象变量，答案是否定的，null 的结果也是 object，Array 的结果也是 object，有时候我们需要的是 "纯粹" 的 object 对象。如...

• 2020-05-27

68浏览

0评论

JavaScript中七种流行的开源机器学习框架

如果你是一位想要深入机器学习的 JavaScript 程序员或想成为一位使用 JavaScript 的机器学习专家，那么这些开源框架也许会吸引你。开源工具的涌现使得开发者能够更加轻松地开...

• 2020-05-27

83浏览

0评论

vue最简单的前后端交互示例详解

一、学习 vue 面临的问题最近想学一门前端技术防身，看到博客园中写 vue 的多，那就 vue 吧。都说 vue 的官方教程写得好，所以我就从官方教程开始学习。官方教程说“Vue (读音 /v...

• 2020-05-27

57浏览

0评论

css配合JavaScript实现tab标签切换效果

本文给大家介绍如何用CSS实现二维码扫描的效果，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。这是html代码<p id="main"> <!--标题--> <ul id="tab"> <...

• 2020-05-27

82浏览

0评论

Vue中使用ElementUI使用第三方图标库iconfont的示例

1.在http://www.iconfont.cn/阿里巴巴图标库添加图标到自己项目中，然后点击更多项目中的编辑项目
2.修改前缀为el-icon-xxx，xxx自定义，然后将项目下载自本地
3.将这5个文件放入...

• 2020-05-27

94浏览

0评论

微信小程序之裁剪图片成圆形的实现代码

前言最近在开发小程序，产品经理提了一个需求，要求微信小程序换头像，用户剪裁图片必须是圆形，也在github上看了一些例子，一般剪裁图片用的都是方形，所以自己打算写一个小组件，可以把...

• 2020-05-27

93浏览

0评论

详解vscode中vue代码颜色插件

vue提示插件【Vscode】 编者寄语：vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色，黑色的困惑，后来整理找到方法，整...

• 2020-05-27

44浏览

0评论

element el-input directive数字进行控制

使用自定义指令格式化el-input背景使用element开发的过程中遇到循环的数据只能输入数字，并且有不要小数点，有需要小数点的
使用vue directive 进行控制
开发页面使用方式 v-nu...

• 2020-05-27

69浏览

0评论

Element Input组件分析小结

input组件相对来说复杂一点，我们先从它用到的一个工具库calcTextareaHeight.js进行分析。calcTextareaHeight.js
calcTextareaHeight.js使用来计算文本框的高度的，我们根据代...

• 2020-05-27

61浏览

0评论

详解KOA2如何手写中间件(装饰器模式)

前言
Koa 2.x 版本是当下最流行的 NodeJS 框架， Koa 2.0 的源码特别精简，不像 Express 封装的功能那么多，所以大部分的功能都是由 Koa 开发团队（同 Express 是一家出品）和社区贡...

• 2020-05-27

74浏览

0评论

原生JS实现轮播图效果

学习前端也有一小段时间了，当初在学习javascript的时候，练手的一个轮播图实例，轮播图也是挺常见的了。着是通过获取图片偏移量实现的，也实现了无缝切换，还有一点问题就是没有加上...

• 2020-05-27

138浏览

0评论

原生JS实现自定义下拉单选选择框功能

浏览器自带的原生下拉框不太美观，而且各个浏览器表现也不一致，UI一般给的下拉框也是和原生的下拉框差别比较大的，这就需要自己写一个基本功能的下拉菜单/下拉选择框了。最近，把...

• 2020-05-27

74浏览

0评论

vue项目环境变量配置的实现方法

问题
实际开发中，开发环境和生产环境中一些变量是不同的，比如接口地址等等，打包之前需要手动切换。编译时
新建env.jslet baseUrl = '';if(process.env.NODE_ENV == 'productio...

• 2020-05-27

61浏览

0评论

代码实例ajax实现点击加载更多数据图片

本文给大家介绍ajax如何实现点击加载更多数据图片（预加载）效果的，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。<!DOCTYPE html><html> <head> <meta cha...

• 2020-05-27

65浏览

0评论

在JS循环中使用async/await的方法

async / await是ES7的重要特性之一，也是目前社区里公认的优秀异步解决方案。目前，async / await这个特性已经是stage 3的建议，可以看看TC39的进度，本篇文章将分享在JS循环中使用...

• 2020-05-27

88浏览

0评论

webpack4与babel配合使es6代码可运行于低版本浏览器的方法

使用es6+新语法编写代码，可是不能运行于低版本浏览器，需要将语法转换成es5的。那就借助babel转换，再加上webpack打包，实现代码的转换。转换包括两部分：语法和APIlet、const这些是...

• 2020-05-27

56浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

79浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

84浏览

0评论

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

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

• 2020-05-27

56浏览

0评论

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

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

• 2020-05-27

108浏览

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

109浏览

0评论

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

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

• 2020-05-27

96浏览

0评论

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

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

• 2020-05-27

50浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

82浏览

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

59浏览

0评论

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

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

• 2020-05-27

99浏览

0评论

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

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

• 2020-05-27

65浏览

0评论

vue中render函数的使用详解

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

• 2020-05-27

100浏览

0评论

深入理解Angularjs 脏值检测

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

• 2020-05-27