JavaScript - 教程之家

38浏览

0评论

angular4中引入echarts的方法示例

1.安装ngx-echartsnpm install echarts --savenpm install ngx-echarts --save2.在项目中引入echarts//angular-cli.json文件{ "apps": [{ "scripts":[ "../node_m...

2020-05-27

44浏览

0评论

vue实现的下拉框功能示例

本文实例讲述了vue实现的下拉框功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn vue下拉框</tit...

2020-05-27

45浏览

0评论

vue实现父子组件之间的通信以及兄弟组件的通信功能示例

本文实例讲述了vue实现父子组件之间的通信以及兄弟组件的通信功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...

2020-05-27

46浏览

0评论

详解基于webpack&gettext的前端多语言方案

gettext 是GNU 提供的一套国际化与本地化处理的相关函数库。大多数语言都有对应的gettext实现。本文主要使用jed 来实现gettext 一系列方法对应的功能。pot/po文件 pot文...

2020-05-27

41浏览

0评论

vue input实现点击按钮文字增删功能示例

本文实例讲述了vue input实现点击按钮文字增删功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

49浏览

0评论

vue实现form表单与table表格的数据关联功能示例

本文实例讲述了vue实现form表单与table表格的数据关联功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...

2020-05-27

47浏览

0评论

JS实现的类似微信聊天效果示例

本文实例讲述了JS实现的类似微信聊天效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS仿微信...

2020-05-27

62浏览

0评论

JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例

本文实例讲述了JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动。分享给大家供大家参考，具体如下：1. 盒子跟着鼠标移动<!doctype html><html lang="en"><head> <meta charse...

2020-05-27

38浏览

0评论

JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例

本文实例讲述了JS实现鼠标拖拽盒子移动及右键点击盒子消失效果。分享给大家供大家参考，具体如下：1. 鼠标拖拽盒子移动效果<!DOCTYPE html><html lang="en"><head> <meta char...

2020-05-27

72浏览

0评论

详解基于electron制作一个node压缩图片的桌面应用

基于electron制作一个node压缩图片的桌面应用下载地址：https://github.com/zenoslin/imagemin-electron/releases项目源码Github：https://github.com/zenoslin/imagemin-elect...

2020-05-27

103浏览

0评论

js实现ATM机存取款功能

js是一个功能十分强大的脚本语言，通过js能实现很多有意思的demo！而要实现那些功能炫酷、特效美观的东西DOM操作是必不可少且尤为重要的！这个ATM机存取款的案例，就用到js中一些简...

2020-05-27

91浏览

0评论

用Electron写个带界面的nodejs爬虫的实现方法

什么是Electron使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
[官网](https://electronjs.org/)实质就是一个精简的Webkit浏览器显示html页面，通过electron做中间层可...

2020-05-27

55浏览

0评论

JS实现换肤功能的方法实例详解

本文实例讲述了JS实现换肤功能的方法。分享给大家供大家参考，具体如下：首先准备HTML页面如下：<div id="container"><div id="header"> <h3>无人驾驶要征服世界，得先解决这些问...

2020-05-27

45浏览

0评论

AJAX在JQuery中的应用详解

AJAX在jQuery中的应用1. $.ajax()方法$.ajax()方法是一个功能十分强悍的一个底层方法，基于该方法实现的$.get()和$.post()都是常用的向服务器请求数据的方法。1.1 $.ajax()中...

2020-05-27

63浏览

0评论

JS实现头条新闻的经典轮播图效果示例

本文实例讲述了JS实现头条新闻的经典轮播图效果。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

63浏览

0评论

谈谈为什么你的 JavaScript 代码如此冗长

又一年过去了，JavaScript发生了许多变化。但是，即使是2019年了，还是需要给一些帮助你编写干净、整洁、有效、且具有扩展性的代码建议。下面是让你成为更好的开发者的9条建议。1...

2020-05-27

48浏览

0评论

JS实现的新闻列表自动滚动效果示例

本文实例讲述了JS实现的新闻列表自动滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...

2020-05-27

38浏览

0评论

JS实现点击按钮随机生成可拖动的不同颜色块示例

本文实例讲述了JS实现点击按钮随机生成可拖动的不同颜色块。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3...

2020-05-27

57浏览

0评论

JavaScript之解构赋值的理解

1. ES6的新特性允许将对象或者数组'分解'成多个单独的值, 以对象的解构开始. 代码示例2. 说明1). 定义一个对象 const obj={b:2,c:3,d:4}; 此时系统中没有变...

2020-05-27

40浏览

0评论

新年快乐! javascript实现超级炫酷的3D烟花特效

本文实例为大家分享了javascript实现3D烟花特效的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <meta charset=...

2020-05-27

290浏览

0评论

async/await优雅的错误处理方法总结

前言node.js的世界，从callback开始，不会止于async.本文将给大家详细介绍关于async/await优雅的错误处理的相关内容，下面话不多说了，来一起看看详细的介绍吧async/await优雅的错...

2020-05-27

74浏览

0评论

使用Angular Cli如何创建Angular私有库详解

前言在实际开发中，会发现我们好多工作都是重复的，在代码层面，发现好多代码是可以被重用的。这样我们就可以建一个库，类似于java的库，来提高工作效率。下面话不多说了，来一起看看详...

2020-05-27

72浏览

0评论

Vue和React组件之间的传值方式详解

在现代的三大框架中，其中两个Vue和React框架，组件间传值方式有哪些？组件间的传值方式
组件的传值场景无外乎以下几种：父子之间兄弟之间多层级之间（孙子祖父或者更多）任意...

2020-05-27

107浏览

0评论

vue中的mvvm模式讲解

学习了MVVM模式起先还觉得有点难，后面与双向数据绑定链接起来还是很容易理解的。那么什么是MVVM呢？不明思议咋们肯定和我想的一样每个单词的首写字母呗！对没错就是它 Model-...

2020-05-27

47浏览

0评论

Vue实现远程获取路由与页面刷新导致404错误的解决

一、背景先简单介绍一下现在项目情况：前后端分离，后端服务是Java写的，前端是Vue+ElementUI。最近的一个需求是：通过后端Api去获取前端路由表，原因是每个登录角色对应的前端路由表...

2020-05-27

259浏览

0评论

JSON.stringify()方法讲解

JSON.stringify()方法是什么呢？我们在向服务器发送数据时一般是字符串。我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。语法JSON.stringify(value[, r...

2020-05-27

48浏览

0评论

JSON的parse()方法介绍

parse()方法的介绍：在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。语法JSON.parse(text[, reviver])参数说明： text:必需，...

2020-05-27

62浏览

0评论

微信小程序开发的基本流程步骤

一,微信小程序简介1,微信小程序简称小程序，张小龙在微信公开课 Pro 上发布的小程序正式上线，时间是2017年1月9日。2,微信小程序这个词可以分解为“微信”和“小程序”两部分(1...

2020-05-27

63浏览

0评论

vue.js指令v-for使用以及下标索引的获取

在 v-for 代码块中，我们可以完全地访问父级作用域下的属性。v-for 还支持可选的第二个参数，作为当前项的索引。也可以使用 v-for 来遍历对象的属性。还可以提供第二个参数，作为...

2020-05-27

52浏览

0评论

Angular PWA使用的Demo示例

什么是PWA
PWA（Progressive Web App）利用TLS，webapp manifests和service workers使应用程序能够安装并离线使用。换句话说，PWA就像手机上的原生应用程序，但它是使用诸如HTML5，Jav...

2020-05-27

80浏览

0评论

详解使用angular框架离线你的应用（pwa指南）

简介
关于service worker，网络上已经有了较多的文章。总的来说它依靠缓存资源，拦截http请求，来帮助我们达到离线使用网站的效果。而angular cli为了让使用service worker更加便...

2020-05-27

49浏览

0评论

实例讲解v-if和v-show的区别

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <div v-if="isIf">v-if</div>...

2020-05-27

51浏览

0评论

JavaScript对JSON数组简单排序操作示例

本文实例讲述了JavaScript对JSON数组简单排序操作。分享给大家供大家参考，具体如下：我们经常回使用到数据格式var arr=[{num:1},{num:3},{num:2}]如何根据数组里面的JSON数据...

2020-05-27

42浏览

0评论

JavaScript两种计时器的实例讲解

通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。提供了两种计时器的方法如下： window.setInter...

2020-05-27

82浏览

0评论

JQuery中queue方法用法示例

本文实例讲述了JQuery中queue方法用法。分享给大家供大家参考，具体如下：jquery的queue方法显示或操作在匹配元素上执行的函数队列意思就是对匹配上的元素，显示作用在这个元素上...

2020-05-27

43浏览

0评论

JS栈stack类的实现与使用方法示例

本文实例讲述了JS栈stack类的实现与使用方法。分享给大家供大家参考，具体如下：栈是一种“先进后出”的数据结构，原理如下图所示：示例代码：/*使用栈stack类的实现*/function stack...

2020-05-27

45浏览

0评论

JS基于对象的链表实现与使用方法示例

本文实例讲述了JS基于对象的链表实现与使用方法。分享给大家供大家参考，具体如下：链表是一种在物理内存上不连续的数据结构。原理如下图所示：示例代码：/*JS实现一个基于对象的链...

2020-05-27

47浏览

0评论

JS双向链表实现与使用方法示例(增加一个previous属性实现)

本文实例讲述了JS双向链表实现与使用方法。分享给大家供大家参考，具体如下：前面一篇讲述了《JS基于对象的链表实现与使用方法》，这里的双向链表通过增加一个previous属性实现。...

2020-05-27

65浏览

0评论

微信小程序实现的动态设置导航栏标题功能示例

本文实例讲述了微信小程序实现的动态设置导航栏标题功能。分享给大家供大家参考，具体如下：场景当从一个分类列表页面进入到一个详情页面的时候，由于这个详情页面是公用的，为了区...

2020-05-27

62浏览

0评论

在 Vue.js中优雅地使用全局事件的方法

Vue 2.0 版本中取消了 v1 中的 $broadcast 方法，因此要使用全局事件时，不可避免地会使用到 event-bus 之类的方法，本文旨在提出一种不需要用到 event-bus 的全局事件使用方法。...

2020-05-27

49浏览

0评论

JS字典Dictionary类定义与用法示例

本文实例讲述了JS字典Dictionary类定义与用法。分享给大家供大家参考，具体如下：字典 Dictionary类/*字典 Dictionary类*/function Dictionary() { this.add = add; this.dat...

2020-05-27

56浏览

0评论

详解Vue中watch对象内属性的方法

vue提供了watch方法，用于监听实例内data数据的变化。通常写法是：new Vue({ data: { count: 10， blog:{ title:'my-blog', categories:[] } }, watch: { count: funct...

2020-05-27

82浏览

0评论

详解如何使用webpack打包多页jquery项目

虽然已经2019年了
不过有一些项目
还是需要用到jquery的
不过考虑到使用jquery的一堆兼容性问题
也为了可以顺利地使用ES6来撸代码
研究使用webpack+babel打包代码来发布几...

2020-05-27

51浏览

0评论

JS集合set类的实现与使用方法示例

本文实例讲述了JS集合set类的实现与使用方法。分享给大家供大家参考，具体如下：js集合set类的实现/*js集合set类的实现*/function Set() { this.dataStore = []; this.add =...

2020-05-27

52浏览

0评论

Javascript迭代、递推、穷举、递归常用算法实例讲解

累加和累积累加：将一系列的数据加到一个变量里面。最后的得到累加的结果比如：将1到100的数求累加和小球从高处落下，每次返回到原来一半，求第十次小球落地时小球走过的路程<scrip...

2020-05-27

49浏览

0评论

angular中如何绑定iframe中src的方法

需求: 页面中有一个网页组件(由iframe编写)，此iframe显示在一个输入框中，当修改输入框中地址的时候，要求改变网页组件中的内容
网页组件中的代码(html的部分)
<iframe #Ifram...

2020-05-27

69浏览

0评论

使用Angular自定义字段校验指令的方法示例

Angular中，提供的表单验证不能用于所有应用场景，就需要创建自定义验证器，比如对IP、MAC的合法性校验
这里是根据官网实例自定义MAC地址的正则校验，环境为Angular： 7.2.0 ， NG-ZOR...

2020-05-27

51浏览

0评论

微信小程序常用简易小函数总结

本文实例讲述了微信小程序常用简易小函数。分享给大家供大家参考，具体如下：最近一直在写微信小程序，而且由于是第二次写了，所以针对很多通用的情况封装了一些函数，建议你们放在ap...

2020-05-27

67浏览

0评论

微信小程序拍照和摄像功能实现方法示例

本文实例讲述了微信小程序拍照和摄像功能实现方法。分享给大家供大家参考，具体如下：拍照原先的想法是使用微信的camera组件来实现，并且模拟发朋友圈的样子来进行相机的设置，其实...

2020-05-27

41浏览

0评论

原来JS还可以这样拆箱转换详解

前言在读 Winter 大佬的《重学前端》栏目时，重温了 JS 的「拆箱转换」。「装箱转换」与「拆箱转换」以前都是了解的，今天来看，自己所谓的了解也真是一知半解。在阅读 Winter 老...

2020-05-27

热门文章