JavaScript - 教程之家

63浏览

0评论

如何通过setTimeout理解JS运行机制详解

序
setTimeout()函数：用来指定某个函数或某段代码在多少毫秒之后执行。它返回一个整数，表示定时器timer的编号，可以用来取消该定时器。
例子
console.log(1);setTimeout(functi...

2020-05-27

52浏览

0评论

setTimeout与setInterval的区别浅析

前言在制作网页动态效果时，一定会遇到某些需求，要求某段程序等待多时时间后再开始执行，就像在我们的生活中一样，待会儿再开始做一件事。在JavaScript中主要通过定时器实现此类需...

2020-05-27

67浏览

0评论

ES6入门教程之Array.from()方法

前言ES6为Array增加了from函数用来将其他对象转换成数组。当然，其他对象也是有要求，也不是所有的，可以将两种对象转换成数组。1.部署了Iterator接口的对象，比如：Set，Map，Array。2....

2020-05-27

91浏览

0评论

vue中组件的3种使用方式详解

前言组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在vue angular react三大前端框架的大前端时代。许多人选择了vue，在 github 上的star，vue已经超...

2020-05-27

69浏览

0评论

如何在Angular应用中创建包含组件方法示例

理解组件包含
包含组件就是指可以包含其它组件的组件，以 Bootstrap 的卡片 (Card) 为例，它包含页眉 (header) 、主体 (body) 和页脚 (footer) ，如下图所示：<div class="car...

2020-05-27

62浏览

0评论

Javascript的this详解

在理解javascript的this之前，首先先了解一下作用域。作用域分为两种： 1、词法作用域：引擎在当前作用域或者嵌套的子作用域查找具有名称标识符的变量。（引擎如何查找和在哪查找...

2020-05-27

77浏览

0评论

Node.js之readline模块的使用详解

什么是readlinereadline允许从可读流中以逐行的方式读取数据，比如process.stdin等。在node.js命令行模式下默认引入了readline模块，但如果是使用node.js运行脚本的话，则需要自...

2020-05-27

66浏览

0评论

vue在自定义组件中使用v-model进行数据绑定的方法

本文介绍了vue v-model进行数据绑定，分享给大家，具体如下官方例子https://vuefe.cn/v2/api/#model有这么一句话：默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 i...

2020-05-27

80浏览

0评论

详解javascript函数写法大全

1.常规写法 function fnName(){ console.log("常规写法");}2.匿名函数，函数保存到变量里var myfn = function(){ console.log("匿名函数，函数保存到变量里"); }3.如果有多个...

2020-05-27

77浏览

0评论

elementUI select组件默认选中效果实现的方法

首先，v-model的值为当前被选中的el-option的 value 属性值需求：进入编辑页面，状态栏默认选中生效，如下显示：
html部分代码：<el-form-item label="状态"> <el-select v-model="for...

2020-05-27

55浏览

0评论

javascript验证form表单数据的案例详解

直接po截图和代码下面是CheckFormDemo.html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>验证表单的案例</title><link rel="stylesheet" type="text/css" hre...

2020-05-27

44浏览

0评论

详解原生JS回到顶部

第一次知道可以用超链接（锚点）实现回到顶部的时候我是很震惊的，想着原来可以这么简单啊！但是作为一个正在学习JS的小白，不能就这么轻易止步，所以查资料自己整了一个JS的回到顶部。...

2020-05-27

75浏览

0评论

9102了，你还不会移动端真机调试吗

移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一...

2020-05-27

79浏览

0评论

Vue框架下引入ActiveX控件的问题解决

最近参与了山东某一公司的呼叫中心系统的开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的几个问题如下：1.如何将ActiveX控件...

2020-05-27

59浏览

0评论

js实现鼠标拖拽缩放div实例代码

封装为了jq插件，如下drag.js;(function ($) { $.fn.dragDiv = function (options) { var def = { maxW:600,// 可伸缩的最大宽度 minW:50// 可伸缩的最小宽度 };// 参...

2020-05-27

45浏览

0评论

详解javascript设计模式三：代理模式

代理模式是一种对程序对象进行控制性访问的一类解决方案。引入代理模式，其实是为了实现单一职责的面向对象设计原则。单一职责其实就是指在一个类中（js中通常指对象和函数等），应...

2020-05-27

84浏览

0评论

详解用JS添加和删除class类名

下面介绍一下如何给一个节点添加和删除class名添加：节点.classList.add("类名")；删除：节点.classList.remove("类名")；以tab切换为例：在写tab切换的时候，通常我们会给选中的tab设...

2020-05-27

133浏览

0评论

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

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

2020-05-27

61浏览

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

66浏览

0评论

vue-router 起步步骤详解

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

2020-05-27

65浏览

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

85浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

184浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

54浏览

0评论

浅谈JS和jQuery的区别

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

79浏览

0评论

JQueryDOM之样式操作

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

94浏览

0评论

详解如何更好的使用module vuex

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

86浏览

0评论

JavaScript惰性载入函数实例分析

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

65浏览

0评论

详解Vue.directive 自定义指令

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

热门文章