JavaScript - 教程之家

108浏览

0评论

vue cli3.0结合echarts3.0与地图的使用方法示例

前言echarts 提供了直观，交互丰富，可高度个性化定制的数据可视化图表。而vue更合适操纵数据。最近一直忙着搬家，就没有更新博客，今天抽出空来写一篇关于vue和echarts的博客。下...

2020-05-27

49浏览

0评论

JS div匀速移动动画与变速移动动画代码实例

1.匀速移动代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> * { margin: 0; padding: 0; } div { margin-top:...

2020-05-27

57浏览

0评论

vue-router 起步步骤详解

1.在main.js中导入vue-router和组件import VueRouter from 'vue-router'; // 导入vue-router并将它命名为VueRouterimport goods from './components/goods/goods'; // 引入...

2020-05-27

52浏览

0评论

详解vue-element Tree树形控件填坑路

通过tree树形控件的default-checked-keys属性来设置默认选中的节点html.vue<el-form-item label="角色权限："> <el-tree :data="data2" show-checkbox node-key="id" @...

2020-05-27

74浏览

0评论

node之本地服务器图片上传的方法示例

在自己做一个简单的后台管理系统时，用的是node作本地数据库，然后用了Element-ui的upload组件来实现图片的上传，中间有遇到那么点小坑，这里记录下，比较坑的一点就是，不知道文件的命...

2020-05-27

38浏览

0评论

JavaScript的级联函数用法简单示例【链式调用】

本文实例讲述了JavaScript的级联函数用法。分享给大家供大家参考，具体如下：级联函数级联函数就是在对象调用中通过点的方式串联调用，在jQuery中就是链式调用, 其关键点就是在内...

2020-05-27

168浏览

0评论

监听element-ui table滚动事件的方法

背景
做管理平台的项目,用到了element-ui，需要通过监听el-table滚动的位置来获取最新的数据，那么怎么样监听el-table的滚动呢？
准备
我们默认的技术栈是 vue+element-ui
templa...

2020-05-27

63浏览

0评论

详解Nodejs get获取远程服务器接口数据

本文实例为大家分享了Nodejs get获取远程服务器接口数据的具体代码，供大家参考，具体内容如下
1.GET模块：_get.js/** * Created by jinx on 7/7/17. */var http = require('http...

2020-05-27

53浏览

0评论

Vue项目部署的实现（阿里云+Nginx代理+PM2）

最近部署一个Vue项目到阿里云ECS上，因为项目涉及一些跨域请求，所以采用了Nginx代理请求本地的node服务（利用pm2做进程管理）。node服务借助axios设置headers的referer、host转发...

2020-05-27

45浏览

0评论

详解原生JS动态添加和删除类

由于需要，给按钮组监听点击事件(要求用事件委托)，当有一个按钮被点击时，相应的给该按钮添加一个类(激活类)，其他没有点击的按钮就要移出该类添加和和删除类有三种方法首先等到...

2020-05-27

61浏览

0评论

vue进入页面时滚动条始终在底部代码实例

本文实例为大家分享了vue进入页面时滚动条始终在底部的具体代码，供大家参考，具体内容如下
mounted () { this.scrollToBottom();},//每次页面渲染完之后滚动条在最底部updated...

2020-05-27

39浏览

0评论

jQuery实现动态添加和删除input框实例代码

本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>选项</title> <script...

2020-05-27

80浏览

0评论

详解vue在项目中使用百度地图

第一步，去百度地图开发者申请秘钥。第二步在项目中引入，具体如下其中index.html存放地图链接，代码如下然后在APP.vue里面实现，代码如下<template> <div id="app"> <div id="all...

2020-05-27

59浏览

0评论

Node.js使用supervisor进行开发中调试的方法

如果你有 PHP 开发经验,会习惯在修改 PHP 脚本直接刷新浏览器以查看结果,而你在开发 Node.js 实现的 HTTP 应用时会发现,无论你修改了代码的哪一个部分,都必须终止Node.js...

2020-05-27

58浏览

0评论

Nginx设置为Node.js的前端服务器方法总结

1、安装node.js首先安装node.js安装所需的软件包，并在启动板上添加可用的nodejs的PPA。之后使用以下命令安装nodejs。$ sudo apt-get install python-software-properties py...

2020-05-27

45浏览

0评论

浅谈JS和jQuery的区别

一、本质上的区别1.JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。2.JQuery是一个JavaScript函数库。或者说是JavaScript。
使用JQ...

2020-05-27

81浏览

0评论

Node.js 多线程完全指南总结

很多人都想知道单线程的 Node.js 怎么能与多线程后端竞争。考虑到其所谓的单线程特性，许多大公司选择 Node 作为其后端似乎违反直觉。要想知道原因，必须理解其单线程的真正含...

2020-05-27

65浏览

0评论

Element中的Cascader（级联列表）动态加载省\市\区数据的方法

element中的cascader其实是有动态加载次级选项的方法。
方法的原理是利用址（引用）传递，动态修改:options。var c={name: 'bob'}var d=cd.name = 'tom'console.log(c)// {name:...

2020-05-27

63浏览

0评论

JQueryDOM之样式操作

设置样式和获取样式class 也是节点元素的属性，因此获取class 和设置class 都可以使用attr()方法来完成追加样式直接使用attr()方法设置class属性，会将原来的class属性替换掉如...

2020-05-27

58浏览

0评论

原生js实现获取form表单数据代码实例

本文实例为大家分享了原生js实现获取form表单数据的具体代码，供大家参考，具体内容如下
//获取指定form中的所有的<input>对象 function getElements(formId) { var form = d...

2020-05-27

76浏览

0评论

详解如何更好的使用module vuex

一、前言在项目如何使用vuex呢？以前我都是非模块末去写的，可能大家和我一样也是这么去写，但是回过头去看看vue的文档，发现模块化去使用vuex更好，vue是单页面应用，其实只有一个页...

2020-05-27

58浏览

0评论

详解JS浏览器事件循环机制

先来明白些概念性内容。进程、线程进程是系统分配的独立资源，是 CPU 资源分配的基本单位，进程是由一个或者多个线程组成的。线程是进程的执行流，是CPU调度和分派的基本单位，同个...

2020-05-27

74浏览

0评论

微信小程序实现获取准确的腾讯定位地址功能示例

本文实例讲述了微信小程序实现获取准确的腾讯定位地址功能。分享给大家供大家参考，具体如下：官方参考文档：https://lbs.qq.com/qqmap_wx_jssdk/index.html逆地址解析（坐标位置描...

2020-05-27

69浏览

0评论

JavaScript惰性载入函数实例分析

本文实例讲述了JavaScript惰性载入函数。分享给大家供大家参考，具体如下：惰性载入函数惰性载入函数表示函数执行的分支仅会发生一次，有两种实现惰性载入函数的方式，第一种是在函...

2020-05-27

63浏览

0评论

vue实现鼠标移入移出事件代码实例

本文实例为大家分享了vue实现鼠标移入移出事件的具体代码，供大家参考，具体内容如下
<div class="index_tableTitle clearfix" v-for="(item,index) in table_tit"> <div c...

2020-05-27

46浏览

0评论

JavaScript偏函数与柯里化实例详解

本文实例讲述了JavaScript偏函数与柯里化。分享给大家供大家参考，具体如下：到目前为止我们仅讨论绑定this，现在让我们更深入学习。
我们不仅能绑定this，也可以是参数，这较少使用，...

2020-05-27

45浏览

0评论

vue中多个倒计时实现代码实例

下面给出一个效果图，我今天要说的就是实现下图这种多个倒计时很多时候我们做只有一个倒计时的情况比较多，比较简单只需要一个定时器setInterval，算出来赋赋值就好，但是需要多个...

2020-05-27

47浏览

0评论

vue 详情跳转至列表页实现列表页缓存

甲爸爸提了一个需求，希望公众号内的商城能够像app一样，从商品详情页跳转至列表页及其他列表页时，可以实现列表页缓存（数据不刷新、位置固定到之前点的商品的位置）本来想着scrollB...

2020-05-27

39浏览

0评论

js取0-9随机取4个数不重复的数字代码实例

本文实例为大家分享了js取0-9随机取4个数不重复的数字的具体代码，供大家参考，具体内容如下
html <input type="button" value="随机生成4位数" onclick="f1()">scriptfunction...

2020-05-27

40浏览

0评论

vue 列表页跳转详情页获取id以及详情页通过id获取数据

1.先在router.js中配置路由{ path: '/movieDetail/:movieId', name: 'movieDetail', component:movieDetail }2.获取详情页的id,并派发父组件事件（movieList.vue)页面...

2020-05-27

53浏览

0评论

详解Vue.directive 自定义指令

一、什么是全局API？全局API并不在构造器里，而是先声明全局变量或者直接在Vue上定义一些新功能，Vue内置了一些全局API，比如我们今天要学习的指令Vue.directive。说的简单些就是，在...

2020-05-27

70浏览

0评论

详解webpack4.x之搭建前端开发环境

webpack是一个现代JavaScript应用程序的静态模块打包器，借用官网的一张图，它能够将一些预处理语言，js的最新语法转换成浏览器识别的内容。现在一般的前端框架都有比较成熟的脚...

2020-05-27

44浏览

0评论

微信小程序结合mock.js实现后台模拟及调试

一、创建小程序项目mock.js 从 https://github.com/nuysoft/Mock/blob/refactoring/dist/mock.js 下载api.js：配置模拟数据和后台接口数据，通过DEBUG = true;//切换数据入口le...

2020-05-27

79浏览

0评论

微信小程序开发实现的IP地址查询功能示例

本文实例讲述了微信小程序开发实现的IP地址查询功能。分享给大家供大家参考，具体如下：微信小程序开发参考 https://mp.weixin.qq.com/debug/wxadoc/dev/component/search....

2020-05-27

44浏览

0评论

node中使用es6/7/8(支持性与性能)

前言这几年react、vue的快速发展，越来越多的前端开始讲es6的代码运用在项目中，因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中，import、export、let、箭...

2020-05-27

75浏览

0评论

vue+iview/elementUi实现城市多选

城市多选组件最近收到了一个需求，管理系统需要上线一个活动，但是活动是根据地区上线的，最小范围到市，于是有了下面这个组件
页面展示如图：

上代码～～～<template> <div class="tm-...

2020-05-27

109浏览

0评论

JavaScript实现汉字转换为拼音及缩写的方法示例

本文实例讲述了JavaScript实现汉字转换为拼音及缩写的方法。分享给大家供大家参考，具体如下：
复制代码代码如下:if(!window.ZXZ){ZXZ={};}
ZXZ.widget={};
ZXZ.widget.pinyin...

2020-05-27

52浏览

0评论

vue-cli中使用高德地图的方法示例

第一步去高德地图开放平台申请密钥高德地图开放平台
第二部在vue-cli项目目录结构
里面多了config文件夹和 utils文件夹 config.js里面是这样的主要是导出密钥 // 高...

2020-05-27

65浏览

0评论

微信小程序学习笔记之目录结构、基本配置图文详解

本文实例讲述了微信小程序学习笔记之目录结构、基本配置。分享给大家供大家参考，具体如下：
结束了一段时间的学习，开始一段新的学习旅程 —— 微信小程序。现在出去找工作只会P...

2020-05-27

51浏览

0评论

Vue批量图片显示时遇到的路径被解析问题

最近在学Vue，感觉很难理解，学不懂。
昨天晚上开始第一个页面的搭建，脑子感觉通了一点，大概知道该怎么做了。在放置轮播图时，要调用很多图片，图片路径在data的一个数组里，用v-for循...

2020-05-27

59浏览

0评论

JavaScript刷新页面的几种方法总结

1，reload 方法该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务...

2020-05-27

85浏览

0评论

微信小程序学习笔记之函数定义、页面渲染图文详解

前面一篇介绍了微信小程序目录结构、基本配置。这里再来介绍一下函数定义、页面渲染。
小程序逻辑app.js：定义App函数用来注册一个小程序，包含全局数据和函数，指定小程序的生命...

2020-05-27

63浏览

0评论

详解React服务端渲染从入门到精通

前言
这篇文章是我自己在搭建个人网站的过程中，用到了服务端渲染，看了一些教程，踩了一些坑。想把这个过程分享出来。
我会尽力把每个步骤讲明白，将我理解的全部讲出来。文中的示...

2020-05-27

52浏览

0评论

详解在网页上通过JS实现文本的语音朗读

摘要: 语音合成：也被称为文本转换技术（TTS），它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。1、接口定义http://tts.baidu.com/text2...

2020-05-27

48浏览

0评论

深入理解es6块级作用域的使用

一.var 声明与变量提升机制
在JavaScript中使用var定义一个变量，无论是定义在全局作用域函数函数的局部作用域中，都会被提升到其作用域的顶部，这也是JavaScript定义变量的一个...

2020-05-27

59浏览

0评论

微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解

本文实例讲述了微信小程序学习笔记之表单提交与PHP后台数据交互处理。分享给大家供大家参考，具体如下：前面一篇结介绍了微信小程序函数定义、页面渲染。这里介绍form表单提交...

2020-05-27

98浏览

0评论

微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解

本文实例讲述了微信小程序学习笔记之跳转页面、传递参数获得数据操作。分享给大家供大家参考，具体如下：前面一篇介绍了微信小程序表单提交与PHP后台数据交互处理。现在需要实...

2020-05-27

61浏览

0评论

详解一个基于套接字实现长连接的express

逻辑: 首先把routerUrl目录下的函数初始化缓存起来，通过Router.request调用缓存起来的函数，这个函数实际上是register.set方法，主要是开始运行函数链，通过register.next 运行下...

2020-05-27

53浏览

0评论

详解vue使用插槽分发内容slot的用法

将父组件的内容放到子组件指定的位置叫做内容分发//在父组件里使用子组件<son-tmp> <div>我是文字，我需要放到son-tmp组件里面制定的位置</div></son-tmp>单个插槽父组件app....

2020-05-27

55浏览

0评论

微信小程序之onLaunch与onload异步问题详解

所述问题：
前端时间开发了一个微信小程序商城项目，因为这个项目我们的需求是进入小程序就通过wx.login({}) 这个api进行用户登录，获取系统后台的用户基本信息。再此之前，一直以...

2020-05-27

热门文章