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
nodejs更新package.json中的dependencies依赖到最新版本的方法
如果手动去修改dependencies中各个包的版本号，那就太麻烦了，借助npm-check-updates工具可以很方便的将package.json中的依赖包版本号更新为最新版本。1、安装：npm install -g n...
2020-05-27
vue环形进度条组件实例应用
在做项目的时候，最好只使用一套组件库，但是很多时候我们的组件库里面没有我们需要的组件，这个时候我们还是需要自己写组件了，vux里面就没有环形进度条组件，所以需要自己写一个。...
2020-05-27
Node.js npm命令运行node.js脚本的方法
//通过npm运行node脚本 (控制台应用程序)cmd---cd package.json所在的目录---npm start (package.json中的scripts属性中设置start命令)cmd---npm （通过该命令可以查看npm后...
2020-05-27
详解Angular5/Angular6项目如何添加热更新(HMR)功能
本文介绍了详解Angular5/Angular6项目如何添加热更新(HMR)功能，分享给大家，具体如下：A：什么是HMR？
Q：HMR（热替换）用于在运行的应用程序中更新代码而不需要重建它。这将导致更快的更...
2020-05-27
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
nodejs读取本地中文json文件出现乱码解决方法
1. 确定json文件是UTF-8 无BOM编码的的。如果有BOM，会在读取第一行的时候出现乱码。Per "fs.readFileSync(filename, 'utf8') doesn't strip BOM markers #1918", fs.readFil...
2020-05-27
nodejs aes 加解密实例
如下所示：'use strict';const crypto = require('crypto');/** * AES加密的配置 * 1.密钥 * 2.偏移向量 * 3.算法模式CBC * 4.补全值 */var AES_conf = { key: getSecre...
2020-05-27
使用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
用Object.prototype.toString.call(obj)检测对象类型原因分析
这是一个十分常见的问题，用 typeof 是否能准确判断一个对象变量，答案是否定的，null 的结果也是 object，Array 的结果也是 object，有时候我们需要的是 "纯粹" 的 object 对象。如...
2020-05-27
JavaScript中七种流行的开源机器学习框架
如果你是一位想要深入机器学习的 JavaScript 程序员或想成为一位使用 JavaScript 的机器学习专家，那么这些开源框架也许会吸引你。开源工具的涌现使得开发者能够更加轻松地开...
2020-05-27
vue最简单的前后端交互示例详解
一、学习 vue 面临的问题最近想学一门前端技术防身，看到博客园中写 vue 的多，那就 vue 吧。都说 vue 的官方教程写得好，所以我就从官方教程开始学习。官方教程说“Vue (读音 /v...
2020-05-27
css配合JavaScript实现tab标签切换效果
本文给大家介绍如何用CSS实现二维码扫描的效果，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。这是html代码<p id="main"> <!--标题--> <ul id="tab"> <...
2020-05-27
Vue中使用ElementUI使用第三方图标库iconfont的示例
1.在http://www.iconfont.cn/阿里巴巴图标库添加图标到自己项目中，然后点击更多项目中的编辑项目
2.修改前缀为el-icon-xxx，xxx自定义，然后将项目下载自本地
3.将这5个文件放入...
2020-05-27
微信小程序之裁剪图片成圆形的实现代码
前言最近在开发小程序，产品经理提了一个需求，要求微信小程序换头像，用户剪裁图片必须是圆形，也在github上看了一些例子，一般剪裁图片用的都是方形，所以自己打算写一个小组件，可以把...
2020-05-27
详解vscode中vue代码颜色插件
vue提示插件【Vscode】 编者寄语：vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色，黑色的困惑，后来整理找到方法，整...
2020-05-27
element el-input directive数字进行控制
使用自定义指令格式化el-input背景使用element开发的过程中遇到循环的数据只能输入数字，并且有不要小数点，有需要小数点的
使用vue directive 进行控制
开发页面使用方式 v-nu...
2020-05-27
Element Input组件分析小结
input组件相对来说复杂一点，我们先从它用到的一个工具库calcTextareaHeight.js进行分析。calcTextareaHeight.js
calcTextareaHeight.js使用来计算文本框的高度的，我们根据代...
2020-05-27
详解KOA2如何手写中间件(装饰器模式)
前言
Koa 2.x 版本是当下最流行的 NodeJS 框架， Koa 2.0 的源码特别精简，不像 Express 封装的功能那么多，所以大部分的功能都是由 Koa 开发团队（同 Express 是一家出品）和社区贡...
2020-05-27
原生JS实现轮播图效果
学习前端也有一小段时间了，当初在学习javascript的时候，练手的一个轮播图实例，轮播图也是挺常见的了。着是通过获取图片偏移量实现的，也实现了无缝切换，还有一点问题就是没有加上...
2020-05-27
原生JS实现自定义下拉单选选择框功能
浏览器自带的原生下拉框不太美观，而且各个浏览器表现也不一致，UI一般给的下拉框也是和原生的下拉框差别比较大的，这就需要自己写一个基本功能的下拉菜单/下拉选择框了。最近，把...
2020-05-27
vue项目环境变量配置的实现方法
问题
实际开发中，开发环境和生产环境中一些变量是不同的，比如接口地址等等，打包之前需要手动切换。编译时
新建env.jslet baseUrl = '';if(process.env.NODE_ENV == 'productio...
2020-05-27
代码实例ajax实现点击加载更多数据图片
本文给大家介绍ajax如何实现点击加载更多数据图片（预加载）效果的，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。<!DOCTYPE html><html> <head> <meta cha...
2020-05-27
在JS循环中使用async/await的方法
async / await是ES7的重要特性之一，也是目前社区里公认的优秀异步解决方案。目前，async / await这个特性已经是stage 3的建议，可以看看TC39的进度，本篇文章将分享在JS循环中使用...
2020-05-27
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
使用es6+新语法编写代码，可是不能运行于低版本浏览器，需要将语法转换成es5的。那就借助babel转换，再加上webpack打包，实现代码的转换。转换包括两部分：语法和APIlet、const这些是...
2020-05-27
详解vue服务端渲染浏览器端缓存（keep-alive）
在使用服务器端渲染时，除了服务端的接口缓存、页面缓存、组建缓存等，浏览器端也避免不了要使用缓存，减少页面的重绘。这时候我们就会想到vue的keep-alive，接下来我们说一下keep-...
2020-05-27
NodeJS服务器实现gzip压缩的示例代码
本文介绍了NodeJS服务器实现gzip压缩，分享给大家，具体如下：在浏览器向服务器请求静态资源时，服务器为了减小在网络传输过程中消耗的流量和时间，都是将静态资源经过压缩后返回给服...
2020-05-27
NodeJS搭建HTTP服务器的实现步骤
前言
在 NodeJS 中用来创建服务的模块是 http 核心模块，本篇就来介绍关于使用 http 模块搭建 HTTP 服务器和客户端的方法，以及模块的基本 API。HTTP 服务器
1、创建 HTTP 服务...
2020-05-27
nodejs实现范围请求的实现代码
使服务器支持范围请求，允许客户端只请求文档的一部分。其流程是： 客户端向服务端发起请求 服务端响应，附上Accept-Ranges头（值表示表示范围的单位，通常是“bytes”），告诉客户端其...
2020-05-27
NodeJS使用Range请求实现下载功能的方法示例
前言
本篇使用 NodeJS 的 HTTP 服务创建客户端，使用 Range 请求实现下载功能，并通过本篇的 Demo 扩展在业务中实现断点续传等功能的思路。服务端的实现
我们通过 http 模块创...
2020-05-27
Vue cli3 库模式搭建组件库并发布到 npm的流程
市面上目前已有各种各样的UI组件库，比如 Element 和 iView ，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一...
2020-05-27
JS编写兼容IE6,7,8浏览器无缝自动轮播
项目要求页面兼容IE6,7,8等浏览器，我们可能会遇到这个轮播效果，轮播板块要求：无限循环、自动轮播和手动切换功能，每一次滚动一小格，网上有很多这类插件，例如:swiper等！但是很多都是...
2020-05-27
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
声明：是已认证的服务号 前置说明
网页授权获取用户基本信息：两种 scope 域https://open...
2020-05-27
NodeJS加密解密及node-rsa加密解密用法详解
要用nodejs开发接口，实现远程调用，如果裸奔太危险了，就在网上找了一下nodejs的加密，感觉node-rsa挺不错的，下面来总结一下简单的rsa加密解密用法初始化环境新建一个文件夹 node-r...
2020-05-27
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，最近研究了一下这个问题的原因和解决办法，这里和大家分享一下。1.闪现的原因这个问题是因为Vue...
2020-05-27
开发用到的js封装方法（20种）
1、判断是否是一个数组function isArray(arr){return Object.prototype.toString.call(arr) ==='[object Array]';} isArray([1,2,3]) //true2、判断是否是一个函数(三种)fu...
2020-05-27
vue使用v-if v-show页面闪烁,div闪现的解决方法
在页面层次结构，数据较多的时候，用v-if或者v-show就会出现div闪现，或者部分闪烁的结果。可以在根元素添加v-cloak来解决，并且设置它的样式即可。代码只是示例，还需要自己修改测试...
2020-05-27
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
Vue插值、表达式、分隔符、指令知识小结
最近打算重温一遍vue的知识，正好总结一份笔记。插值基本用法<span>Text:{{text}}</span> <span v-text="text"></span> 这个属于指令<li data-id="{{id}}"></li>有时候只需要...
2020-05-27
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Vue.js的指令是以v-开头的，它们作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看作特殊的HTML特性（at...
2020-05-27
vue中render函数的使用详解
render函数
vue通过 template 来创建你的 HTML。但是，在特殊情况下，这种写死的模式无法满足需求，必须需要js的编程能力。此时，需要用render来创建HTML。
render方法的实质就是生...
2020-05-27
深入理解Angularjs 脏值检测
构建自己的AngularJS，第一部分：Scope和DigestAngular是一个成熟和强大的JavaScript框架。它也是一个比较庞大的框架，在熟练掌握之前，需要领会它提出的很多新概念。很多Web开发人...
2020-05-27
详解webpack loader和plugin编写
1 基础回顾
首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。1.1 webpack常见配置// 入口文件 entry: { app: './src/js/index.js', }, // 输出文件 ou...
2020-05-27
详解解决Vue相同路由参数不同不会刷新的问题
通常情况下我们喜欢设置keepAlive 包裹 router-view<div id="app"> <keep-alive> <router-view></router-view> </keep-alive></div>同时在created 中触发请求，在...
2020-05-27
CentOS7中源码编译安装NodeJS的完整步骤
前言以前在CentOS上也编译安装过Node，只是没有把过程记录下来，最近又重新安装了一编，所以将安装的步骤记录下分享出来，需要的朋友可以参考借鉴，下面话不多说了，来一起看看详细的介...
2020-05-27
单页面vue引入百度统计的使用方法示例详解
前言最近组长安排着做一个项目，h5的应用下载项目，想着做起来还是比较容易，可是看到提出的需求，我就有点懵逼了！需要对应用的下载进行统计！！！我当时就想着我前端怎么对页面点击按钮就...
2020-05-27
Vue+webpack项目配置便于维护的目录结构教程详解
新建项目的时候创建合理的目录结构便于后期的维护是很重要环境：vue、webpack目录结构：项目子目录结构子目录结构都差不多，主要目录是在src下面操作src目录结构src/common 目录...
2020-05-27
javascript实现文本框标签验证的实例代码
具体代码如下所述：< !DOCTYPE html > <html lang = "en" > <head > <meta charset = "UTF-8" > <title > Document < /title></head > <style type = "text/css" > body { ba...
2020-05-27
详解ES6 Symbol 的用途
Symbol 唯一的用途就是标识对象属性，表明对象支持的功能。 相比于字符属性名，Symbol 的区别在于唯一，可避免名字冲突。 这样 Symbol 就给出了唯一标识类型信息的一种方式，从这个...
2020-05-27
JS中appendChild追加子节点无效的解决方法
JS中appendChild追加子节点无效有这么一段代码：let divs = document.getElementsByClassName('test');let btn = document.createElement('div');for(let i=0;i<divs.length;...
2020-05-27
