68浏览

0评论

vue axios 简单封装以及思考

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：--------------------------------------------------------------------------...

• 2020-05-27

71浏览

0评论

从零开始封装自己的自定义Vue组件

想要封装好一个自己的vue组件，一定要熟练掌握这三个技能父组件 —> 子组件传值（props）子组件 —> 父组件传值（$emit）以及插槽（slot）对于一个独立的组件来说props是用来为组件内部注...

• 2020-05-27

57浏览

0评论

微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题

首先我们在pages文件夹下创建components目录用于存放自定义组件。如图所示，以我创建的dialog组件为例，自定义组件的格式与页面一样，分为4个文件。 图1...

• 2020-05-27

49浏览

0评论

jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())

jquery获取除某指定对象外的其他对象.not() 遍历方法 从匹配元素集合中移除元素:not() 选择器 选取除了指定元素以外的所有元素。<ul> <li>list item 1</li...

• 2020-05-27

86浏览

0评论

解决js相同的正则多次调用test()返回的值却不同的问题

代码是这样的：var reg = /^1[345678][0-9]{9}$/g;console.log(reg.test(15328044636));console.log(reg.test(15328044636));会发现控制台打印的数据却是：truefalse问题原因这...

• 2020-05-27

90浏览

0评论

Koa代理Http请求的示例代码

Koa 代理http请求，解决跨域问题
1、为什么用Koa做跨域代理？
"最初为了解决跨域问题，我把站点部署到了nginx上就解决了问题。一次偶然的面试机会，面试官提出了一个假设我需要对提...

• 2020-05-27

76浏览

0评论

4个顶级JavaScript高级文本编辑器

JavaScript无处不在，它在网络上的无处不在是不可否认的。每个应用程序都以一种或另一种形式使用它。任何对网络持认真态度的开发人员都应该学习JavaScript。如果您已经知道了...

• 2020-05-27

74浏览

0评论

webpack dll打包重复问题优化的解决

关于webpack dll的使用，我这里不做过多介绍，网上都有，一撸一大把，今天我要说的是在使用dll plugin过程中出现的一个包依赖问题，这个问题导致打出来的包会包含重复的代码。优化背...

• 2020-05-27

66浏览

0评论

js正则取值的结果数组调试方法

如下所示：body="Darry 官网（戴珠宝官网）是戴珠宝指定官方网站，darry戴珠宝官网提供；戴珠宝产品包括：结婚戒指、求婚戒指等钻戒|对戒系列，欢迎进入戴珠宝唯一官网详细了解；"; var reg...

• 2020-05-27

72浏览

0评论

从零开始用electron手撸一个截屏工具的示例代码

最近在尝试利用 electron 将一个 web 版的聊天工具包装成一个桌面 APP。作为一个聊天工具，截屏可以说是一个必备功能了。不过遗憾的是没有找到很成熟的库来用，也可能是打开方...

• 2020-05-27

52浏览

0评论

js 实现在2d平面上画8的方法

效果如下：实现这样通过圆画实现这样一个8的形状，首先我们要会画圆。我们可以通过角度转成弧度：radian = angle/180 * Math.PI;再通过弧度获取当前的点的位置，这样最基础的圆的位...

• 2020-05-27

299浏览

0评论

使用Angular 6创建各种动画效果的方法

就技术角度而言，动画可以被定义为从初始状态到最终状态的转换过程。如今它已是各种Web应用不可或缺的组成部分。通过动画，我们不仅能创建出各种酷炫的UI，同时它们也能增加应用...

• 2020-05-27

58浏览

0评论

15个顶级开源JavaScript框架和库

JavaScript这种语言得到了许多技术领袖的支持，其中一位是WordPress的创始人马特·马伦韦格，他暗示WordPress开发人员应该学习它，清楚地向WordPress社区传递关于它未来重要性的...

• 2020-05-27

130浏览

0评论

Vue 重置组件到初始状态的方法示例

Vue通过直接强制刷新 DOM 来达到重置组件的效果，这样可以重置一些组件的动画以及组件内初始的数据
强制重新生成 DOM 的实现
原理：强制重新生成 DOM 可以通过 Vue 中的 key 来...

• 2020-05-27

86浏览

0评论

在React项目中使用Eslint代码检查工具及常见问题

背景
最近使用 create-react-app 创建了一个项目。但是众所周知的是，这个脚手架创建的项目并没有默认加入 Eslint 等 lint 插件来规范代码。
考虑到项目中很多项目没有使用类...

• 2020-05-27

53浏览

0评论

js实现同一个页面,多个enter事件绑定的示例

困得不行了 ，脑袋转不动了，大家直接拿代码用吧。。。document.onkeydown = function(e) { var ev = (typeof event!= 'undefined') &#63; window.event : e; if(ev.keyCode ==...

• 2020-05-27

318浏览

0评论

解决eclipse中没有js代码提示的问题

自学js，发现eclipse中不管js文件、html文件、jsp文件没有都没js代码的提示，对于js代码也不报错，有时候就因为单词敲错却查了很久没查出来，很烦很难受。在网上找了很多方法，都没有...

• 2020-05-27

66浏览

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

68浏览

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

62浏览

0评论

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

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

• 2020-05-27

54浏览

0评论

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

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

• 2020-05-27

51浏览

0评论

angular6的响应式表单的实现

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

• 2020-05-27

52浏览

0评论

nodejs初始化init的示例代码

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

• 2020-05-27

66浏览

0评论

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

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

77浏览

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

61浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

56浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

65浏览

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

67浏览

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

53浏览

0评论

nodejs aes 加解密实例

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

• 2020-05-27

57浏览

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

49浏览

0评论

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

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

• 2020-05-27

77浏览

0评论

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

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

• 2020-05-27

92浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

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

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

• 2020-05-27

100浏览

0评论

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

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

• 2020-05-27

110浏览

0评论

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

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

• 2020-05-27

111浏览

0评论

详解vscode中vue代码颜色插件

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

• 2020-05-27

53浏览

0评论

element el-input directive数字进行控制

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

• 2020-05-27

76浏览

0评论

Element Input组件分析小结

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

• 2020-05-27

76浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

原生JS实现轮播图效果

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

• 2020-05-27

155浏览

0评论

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

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

• 2020-05-27

92浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27

106浏览

0评论

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

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

• 2020-05-27