JavaScript - 教程之家

74浏览

0评论

JS实现对json对象排序并删除id相同项功能示例

本文实例讲述了JS实现对json对象排序并删除id相同项功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>www.freexyz.cn json排序...

2020-05-27

51浏览

0评论

一个基于react的图片裁剪组件示例

开始写了一年多vue，感觉碰到了点瓶颈，学习下react找找感觉。刚好最近使用vue写了个基于cropperJS的图片裁剪的组件，便花费了几个晚上的功夫用react再写一遍。代码地址
项目是使...

2020-05-27

64浏览

0评论

原生js实现拖拽功能基本思路详解

如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。1.onmousedown：鼠标按下事件
2.onmousemove：鼠标移动事件
3.onmouseup：鼠标抬起事件拖拽的基本...

2020-05-27

59浏览

0评论

30分钟快速入门掌握ES6/ES2015的核心内容（上）

前言ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览...

2020-05-27

52浏览

0评论

30分钟快速入门掌握ES6/ES2015的核心内容（下）

前言在 30分钟掌握ES6/ES2015核心内容（上）我们讲解了es6最常用的一些语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, r...

2020-05-27

35浏览

0评论

如何从零开始利用js手写一个Promise库详解

前言ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。ES6 的目标，是使得 JavaScript 语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。...

2020-05-27

62浏览

0评论

NodeJS安装图文教程

本文实例为大家分享了NodeJS安装教程，供大家参考，具体内容如下1.想要使用Node.js，必须先配置开发环境。进入Node.js官网下载指定平台安装包（nodejs.org），Windows系统下载安装红框...

2020-05-27

55浏览

0评论

angular第三方包开发整理(小结)

近日笔者维护自己的几个无名小repo时，发觉想要创作一个第三方angular包，着实有一些不难但易乱的小问题，故作此文总结。本文将完成以下内容：从空白开始搭建一个基于angular的第...

2020-05-27

62浏览

0评论

Angular 封装并发布组件的方法示例

一、封装组件作为入门，这是一个非常简单的demo，但核心的接收使用者的输入@Input()，以及返回数据给使用者@Output()都实现了，所以有一定的借鉴意义。目录结构：（部分目录不是框架中...

2020-05-27

39浏览

0评论

使用typescript开发angular模块并发布npm包

本文介绍了使用typescript开发angular模块并发布npm包，分享给大家，具体如下：
创建模块
初始化package.json文件
执行命名npm init -y会自动生成package.json文件如下，name默认为...

2020-05-27

49浏览

0评论

JS实现读取xml内容并输出到div中的方法示例

本文实例讲述了JS实现读取xml内容并输出到div中的方法。分享给大家供大家参考，具体如下：note.xml文件结构:<nooo><note><to>George</to><from>John</from><heading>Reminder</...

2020-05-27

53浏览

0评论

react redux入门示例

环境准备
为了方便，这里使用create-react-app搭建react环境create-react-app mydemo弹出配置
如果需要自定义react的配置，需要运行下面的命令把配置文件弹出来。npm run eject...

2020-05-27

71浏览

0评论

使用vuex的state状态对象的5种方式

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。下面给大家来贴一下我的vuex的结构下面是store文件夹下的state.js和index.js内容//state.jscon...

2020-05-27

46浏览

0评论

vuex state及mapState的基础用法详解

先使用vue cli构建一个自己的vue项目1.npm i -g vue-cli
2.vue init webpack sell (sell是你的项目名)
3.一路回车（在这个过程中会提示你是否安装一些依赖包，比如vue-router，es...

2020-05-27

44浏览

0评论

详解react-redux插件入门

可先查看我的redux简单入门react-redux简介
react-redux是使用redux开发react时使用的一个插件，另外插一句，redux不是react的产品，vue和angular中也可以使用redux；下面简单讲解，...

2020-05-27

67浏览

0评论

vue 实现通过手机发送短信验证码注册功能

效果如下：代码如下：template代码：
<el-main> <el-form :model="ReginForm" ref="ReginForm" :rules="rule" class="regform" label-width="0"> <h3 class="login...

2020-05-27

58浏览

0评论

JS使用setInterval实现的简单计时器功能示例

本文实例讲述了JS使用setInterval实现的简单计时器功能。分享给大家供大家参考，具体如下：使用setInterval实现计时，并且满60秒向分钟进一，满60分钟向小时进一。<!DOCTYPE html><...

2020-05-27

43浏览

0评论

JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】

本文实例讲述了JS实现的倒计时恢复按钮点击功能。分享给大家供大家参考，具体如下：倒计时时间到后，恢复按钮点击，常用于阅读协议：<!DOCTYPE html><html> <head> <meta charset...

2020-05-27

40浏览

0评论

基于JS实现html中placeholder属性提示文字效果示例

本文实例讲述了基于JS实现html中placeholder属性提示文字效果。分享给大家供大家参考，具体如下：如何通过js实现html的placeholder属性效果呢我们需要这样做：<!DOCTYPE html><ht...

2020-05-27

41浏览

0评论

详解vue中点击空白处隐藏div的实现（用指令实现）

简单想应该怎么实现？
1、肯定是给document增加一个click事件监听
2、当发生click事件的时候判断是否点击的当前对象
结合着本思路和指令咱们来实现。简单介绍vue指令
一个指...

2020-05-27

58浏览

0评论

Vue 去除路径中的＃号

在开发过程中发现路径中带有/#/的标示，而且还去不掉，很丑陋。众所周知，vue-router有两种模式，hash模式和history模式。带＃的则是hash模式。将router中的mode设置为history就可以...

2020-05-27

51浏览

0评论

详解vue 数据传递的方法

组件（Component）是 Vue.js 最强大的功能。组件可以封装可重用的代码，通过传入对象的不同，实现组件的复用，但组件传值就成为一个需要解决的问题。1.父组件向子组件传值组件实例的...

2020-05-27

70浏览

0评论

关于vue中的ajax请求和axios包问题

在vue中，经常会用到数据请求，常用的有：vue-resourse、axios今天我说的是axios的post请求 github源文件及文档地址：【https://github.com/axios/axios】+ 首先，引入axiosCDN: <scr...

2020-05-27

57浏览

0评论

js Element Traversal规范中的元素遍历方法

支持Element Traversal 规范的浏览器有IE 9+、Firefox 3.5+、Safari 4+、Chrome 和Opera 10+。对于元素间的空格，在IE9之前，都不会返回文档节点，其它的所有浏览器都会返回文档...

2020-05-27

54浏览

0评论

通过jquery获取上传文件名称、类型和大小的实现代码

在文件上传到服务器之前，我们可以通过jquery来获取上传文件的名称，类型和尺寸大小。通常情况下，当用户通过<input type='file'>标签来上传文件时，我们可以看到上传文件的名称。H...

2020-05-27

65浏览

0评论

vue项目中api接口管理总结

默认vue项目中已经使用vue-cli生成，安装axios，基于element-ui开发，axiosconfig目录和api目录是同级，主要记录配置的相关。1. 在axiosconfig目录下的axiosConfig.jsimport Vue fr...

2020-05-27

63浏览

0评论

node实现登录图片验证码的示例代码

实现这里的图形验证码我是用的node里svg-captcha模块,可以全部支持字符和数字，全平台支持，用起来很简单。1.安装cnpm i svg-captcha --save2.在使用的地方导入var svgCaptcha...

2020-05-27

57浏览

0评论

vue中子组件向父组件传递数据的实例代码(实现加减功能)

这里讲解一下子组件向父组件传递值的常用方式。这里通过一个加减法的实例向大家说明一下，这个的原理。如下图所示：当没有任何操作的时候父组件的值是 0当点击加号以后父组件...

2020-05-27

72浏览

0评论

React diff算法的实现示例

前言在上一篇文章，我们已经实现了React的组件功能，从功能的角度来说已经实现了React的核心功能了。但是我们的实现方式有很大的问题：每次更新都重新渲染整个应用或者整个组件，DO...

2020-05-27

63浏览

0评论

Vue中如何实现proxy代理

Vue 框架开发的时候，会遇到跨域的问题，可在config/index.js 里配置proxyTable内容，使用proxy 代理。// config/index.js 文件proxyTable: { '/api': { target: 'http://19...

2020-05-27

63浏览

0评论

使用Vue如何写一个双向数据绑定(面试常见)

1、原理Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过 Object对象的defineProperty属性，重写data的set和get函数来实现的,这里对原理不做过多描述，主要还是来实现...

2020-05-27

97浏览

0评论

Vue写一个简单的倒计时按钮功能

在项目开发里，我们经常会遇到发送验证码、点击了之后有60秒倒计时的按钮，很常见却也很简单，但是在写这个按钮的时候有个别地方还要注意下，今天写出来，如有问题欢迎指正！完成的效果...

2020-05-27

41浏览

0评论

用ES6的class模仿Vue写一个双向绑定的示例代码

本文介绍了用ES6的class模仿Vue写一个双向绑定的示例代码，分享给大家，具体如下：
最终效果如下：构造器(constructor)
构造一个TinyVue对象，包含基本的el，data，methodsclass TinyVue{...

2020-05-27

61浏览

0评论

vue多页面开发和打包正确处理方法

前段时间做项目，技术栈是vue+webpack,主要就是官网首页加后台管理系统根据当时情况，分析出三种方案一个项目代码里面嵌两个spa应用(官网和后台系统) 分开两套项目源码一...

2020-05-27

54浏览

0评论

jQuery中的$是什么意思及 $. 和 $().的区别

像我这种没有经过系统学习的人总是有这样的问题:($就是jQuery的别称而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数，因为还有 $.ajax(options) 这样的使用，等同...

2020-05-27

103浏览

0评论

vue中v-cloak解决刷新或者加载出现闪烁问题（显示变量）

在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如<div class="#app"> <p>{{value.name}}</p></div>在加载的时候会看到{{value.name}}在页面出现，过了几秒之后才会渲染...

2020-05-27

65浏览

0评论

关于echarts在节点显示动态数据及添加提示文本所遇到的问题

刚接触echarts不久，在使用过程中遇到了2个难点， 1、每个节点显示动态数据，这个其实可以通过配置项完成，在series数据绑定中，可以使用原本的配置项itemStyle中的标签格式化完成...

2020-05-27

86浏览

0评论

vue 之 .sync 修饰符示例详解

在一些情况下，我们可能会需要对一个 prop （父子组件传递数据的属性）进行“双向绑定”。在vue 1.x 中的 .sync 修饰符所提供的功能。当一个子组件改变了一个带 .sync 的prop的...

2020-05-27

80浏览

0评论

JS装饰器函数用法总结

在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。这个时候，我们就需...

2020-05-27

85浏览

0评论

vue.js与element-ui实现菜单树形结构的解决方法

由于业务需要，要求实现树形菜单，且菜单数据由后台返回，在网上找了几篇文章，看下来总算有了解决办法。场景：根据业务要求，需要实现活动的树形菜单，菜单数据由后台返回，最后的效果图如...

2020-05-27

47浏览

0评论

Node.Js生成比特币地址代码解析

使用Node.js，IDE采用sublime 3。var randomBytes = require('randombytes')var BigInteger = require('bigi')var ecurve = require('ecurve')var crypto = require('crypto'...

2020-05-27

65浏览

0评论

详解webpack模块化管理和打包工具

本篇文章主要介绍了详解webpack模块化管理和打包工具，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧Webpack简介webpack是当下最热门的前端资源...

2020-05-27

61浏览

0评论

在vue-cli项目中使用bootstrap的方法示例

在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。
那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下...

2020-05-27

85浏览

0评论

JavaScript获取用户所在城市及地理位置

下面一段代码给大家分享js 获取用户所在城市，具体代码如下所述：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取用户地理位置</title> <scr...

2020-05-27

56浏览

0评论

vue源码解析之事件机制原理

上一章没什么经验。直接写了组件机制。感觉涉及到的东西非常的多，不是很方便讲。今天看了下vue的关于事件的机制。有一些些体会。写出来。大家一起纠正，分享。源码都是基于最...

2020-05-27

69浏览

0评论

AngularJs用户输入动态模板XSS攻击示例详解

概述XSS攻击是Web攻击中最常见的攻击方法之一，它是通过对网页注入可执行代码且成功地被浏览器执行，达到攻击的目的，形成了一次有效XSS攻击，一旦攻击成功，它可以获取用户的联系人...

2020-05-27

84浏览

0评论

JS实现字符串去重及数组去重的方法示例

本文实例讲述了JS实现字符串去重及数组去重的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>www.freexyz.cn js数...

2020-05-27

79浏览

0评论

AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例

本文实例讲述了AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>www....

2020-05-27

50浏览

0评论

jQuery中的for循环var与let的区别

今天在写jQuery请求接口中发现一个问题：　　在用AJAX发送请求中又嵌套了一个AJAX请求，发现在内层请求的success中对第一次success中的循环变量 i 无法获取，具体代码如下：$.a...

2020-05-27

54浏览

0评论

关于jquery layui弹出层的使用方法

Jquery必须大于1.83layui必须是all，否则不显示<script src="../js/jquery-1.8.3.min.js"></script> <script src="../layui/layui.all.js"></script>html代码<input id="abo...

2020-05-27

热门文章