JavaScript - 教程之家

69浏览

0评论

详解js的作用域、预解析机制

虽然，ES6在我们工作中应用得越来越广泛，但是还是很多项目保留着ES5的写法，所以，今天，带着大家重新巩固下ES5下的作用域及预解析机制。概念：
作用域：域，指的是一个空间、范围、区域，作...

2020-05-27

84浏览

0评论

详解React开发必不可少的eslint配置

Eslint介绍Eslint 是一个JavaScript验证工具,有了它可以让你的编辑器像ide一样进行一些静态的错误提示功能.
安装eslint$ npm install eslint -g项目需要安装的插件 "babel...

2020-05-27

74浏览

0评论

electron demo项目npm install安装失败的解决方法

electron官网提供的demo项目，在npm install 的时候总是报错显示安装失败，解决办法：FQ即可成功安装。以上这篇electron demo项目npm install安装失败的解决方法就是小编分享给大...

2020-05-27

59浏览

0评论

Vue仿今日头条实例详解

前言
vue也弄了一段时间了, 前段时间一直想用vue写个移动端,加之年底也不是很忙,于是前几天便着手开始弄了,到今天为止也算是勉强能看了因为也是纯粹的写写前端页面,所以数...

2020-05-27

84浏览

0评论

JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能

本文实例讲述了JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能。分享给大家供大家参考，具体如下：单例模式单例模式的核心结构中只包含一个被称为单例的特殊...

2020-05-27

61浏览

0评论

js中的闭包学习心得

闭包按中文的意思就是关上一个包的意思。如果我们把函数的作用域当做是一个包的话，那这个词很形象体现了它的作用。函数的正常的执行流程是当函数中的语句执行完后，程序会自...

2020-05-27

77浏览

0评论

nodejs中Express与Koa2对比分析

知会上看到有个问题《Express会被Koa2取代吗？》。刚好对Express、koa有点小研究，于是简单回答了一下。1、先说结论目前没有看到Express会被koa2取代的迹象。目前来说，Express...

2020-05-27

56浏览

0评论

使用百度地图实现地图网格的示例

前言：最近要使用百度地图实现楼盘可视化的功能，因此最基础的功能就是将地图网格化以后实现不同地域的楼盘划分；1，自行去百度地图的开放平台申请秘钥哈，这里我就把自己的秘钥贴出...

2020-05-27

69浏览

0评论

vue一个页面实现音乐播放器的示例

本文介绍了vue一个页面实现音乐播放器的示例，分享给大家，具体如下：效果如下：项目地址：https://github.com/ermu592275254/MiniMusicPlayer演示地址： https://ermu592275254.github...

2020-05-27

74浏览

0评论

使用selenium抓取淘宝的商品信息实例

淘宝的页面大量使用了js加载数据，所以采用selenium来进行爬取更为简单，selenum作为一个测试工具，主要配合无窗口浏览器phantomjs来使用。import refrom selenium import webdri...

2020-05-27

60浏览

0评论

JS设计模式之命令模式概念与用法分析

本文实例讲述了JS设计模式之命令模式概念与用法。分享给大家供大家参考，具体如下：客户创建命令；调用者执行该命令；接收者在命令执行时执行相应操作
简单命令对象一般用来消除二...

2020-05-27

110浏览

0评论

微信小程序使用Promise简化回调

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对...

2020-05-27

117浏览

0评论

解决npm安装Electron缓慢网络超时导致失败的问题

Electron 框架的前身是 Atom Shell,可以让你写使用 JavaScript,HTML 和CSS 构建跨平台的桌面应用程序。它是基于io.js 和 Chromium 开源项目,小编碰到npm安装Electron缓慢网...

2020-05-27

52浏览

0评论

fullpage.js最后一屏滚动方式

这两天公司网页改版用到fullpage.js这个滚屏插件，页面内容整屏的滚动，不成问题，各种设置在网上也都有文档。
而我遇到的问题就是，页面内容不满屏的时候，和上面的内容放一块就太挤...

2020-05-27

72浏览

0评论

详解使用React进行组件库开发

最近针对日常业务需求使用react封装了一套[组件库], 大概记录下整个开发过程中的心得。由于篇幅原因，在这里只对开发过程中比较纠结的选型和打包等进行讨论，后续再对具体组件...

2020-05-27

57浏览

0评论

AngularJS实时获取并显示密码的方法

本文实例讲述了AngularJS实时获取并显示密码的方法。分享给大家供大家参考，具体如下：1、设计源码<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn - A...

2020-05-27

89浏览

0评论

JavaScript实现获取select下拉框中第一个值的方法

本文实例讲述了JavaScript实现获取select下拉框中第一个值的方法。分享给大家供大家参考，具体如下：1、说明获取select下拉框中的第一个值2、实现源码<!DOCTYPE html PUBLIC "-...

2020-05-27

107浏览

0评论

Bootstrap实现的表格合并单元格示例

本文实例讲述了Bootstrap实现的表格合并单元格。分享给大家供大家参考，具体如下：1、问题背景利用Bootstrap设计表格，并且表格需要合并单元格2、实现源码<!DOCTYPE html><html>...

2020-05-27

96浏览

0评论

JS中offset和匀速动画详解

offset简介我们知道，三大家族包括：offset/scroll/client。今天来讲一下offset，以及与其相关的匀速动画。offset的中文是：偏移，补偿，位移。js中有一套方便的获取元素尺寸的办法就是...

2020-05-27

91浏览

0评论

20行JS代码实现粘贴板复制功能

使用剪贴板是一项基本技能。作为码农都应知道， Tab , Ctrl/Cmd + A ， Ctrl / Cmd + C 以及 Ctrl / Cmd + V 分别是自动聚焦、复制、粘贴的快捷键。而对普通用户可能就不太容易...

2020-05-27

72浏览

0评论

JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】

本文实例讲述了JS实现的将html转为pdf功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <title>jsPDF插件</title> <meta http-equiv="Content-Type" conten...

2020-05-27

272浏览

0评论

原生JS实现瀑布流插件

瀑布流布局中的图片有一个核心特点—等宽不定等高，瀑布流布局在国内网网站都有一定规模的使用，比如pinterest、花瓣网等等。那么接下来就基于这个特点开始瀑布流探索之旅。基...

2020-05-27

51浏览

0评论

javascript回调函数详解

在高级语言层出不穷的年代, 各个语言都号称有着一切皆为对象的自豪说法, 而 js 作为一门脚本语言却相对于java等传统面向对象语言有很大的不同之处, 除了 js 诡异的继承体系...

2020-05-27

60浏览

0评论

vue中如何使用ztree

下面给大家介绍vue ztree 结合使用方法，一起看看吧！配置package.json打包下载jquery以及ztree "dependencies": { "element-ui": "^2.1.0", "vue": "^2.5.2", "axios": "^0...

2020-05-27

128浏览

0评论

Vue封装Swiper实现图片轮播效果

图片轮播是前端中经常需要实现的一个功能。最近学习Vue.js，就针对Swiper进行封装，实现一个简单的图片轮播组件。一、Swiper在实现封装之前，先介绍一下Swiper。 Swiper是纯Java...

2020-05-27

111浏览

0评论

浅谈es6中export和export default的作用及区别

作用：export和export default实现的功能相同，即：可用于导出（暴露）常量、函数、文件、模块等，以便其他文件调用。区别：1、export导出多个对象，export default只能导出一个对象2、expo...

2020-05-27

84浏览

0评论

vue-cli webpack2项目打包优化分享

减小文件搜索范围配置 resolve.modulesWebpack的resolve.modules配置模块库（即 node_modules）所在的位置，在 js 里出现 import 'vue' 这样不是相对、也不是绝对路径的写法时，会...

2020-05-27

103浏览

0评论

vue项目中axios使用详解

axios在项目中(vue)的使用没有vue项目的使用vue-cli脚手架生成一个webpack模板的项目即可愉快的看下去了~
如果开发遇到跨域问题可以参考：https://www.freexyz.cn/article/1345...

2020-05-27

75浏览

0评论

vue几个常用跨域处理方式介绍

设置express代理请求在基于vue-cli的项目中，在开发环境配置(config/dev.env.js)中设置代理，能够将所有/apidomain开头的请求都通过npm run dev启动的express服务器重定向到目...

2020-05-27

87浏览

0评论

详解JS数值Number类型

Number 问题下面的问题你都能回答对了吗？ 0.1 + 0.2 == 0.3 成立吗？ .e-5 表示多少？怎么表示8进制？怎么转换进制？如何将字符串转换成数值或整数？反过来呢？十六进制又怎么处...

2020-05-27

82浏览

0评论

Angular浏览器插件Batarang介绍及使用

Angular浏览器插件Batarang介绍对于Angular新手来说，刚接手Angular的时候都会比较痛苦。确实，相对于JQuery、Backbone等，Angular门槛确实相对较高，而且比较难以调试。今天给大家...

2020-05-27

185浏览

0评论

vue进行图片的预加载watch用法实例讲解

watch应用场景我想信图片预加载大家肯定都有接触过，当图片量大的时候，为了保证页面图片都加载出来的时候，我们才把主页面给显示出来，再进行一些ajax请求，或者逻辑操作那此时你用c...

2020-05-27

71浏览

0评论

vue 动态改变静态图片以及请求网络图片的实现方法

在本身的项目中需要动态请求后端图片一般需要在created中写因为beforeCreate的时候图片过不来的，如果想在这时候请求数据那么图片的地址我们就要存在一个地方。可以是本地也...

2020-05-27

125浏览

0评论

vue中如何动态绑定图片,vue中通过data返回图片路径的方法

在项目中遇到需要动态加载图片路径，图片路径并非是从后台获取过来的数据。因此在data中必须用require加载，否则会当成字符串来处理。HTML如下：JS如下：以上这篇vue中如何动态绑定...

2020-05-27

114浏览

0评论

Vue.set()实现数据动态响应的方法

在vue里面，我们操作最多的就是各种数据，在jquery里面，我们习惯通过下标定向找到数据，然后重新赋值比如var a[0]=111;（希望上家公司原谅菜鸟的我写了不少这样的代码😁）下面...

2020-05-27

105浏览

0评论

Vue Element使用icon图标教程详解(第三方)

element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，首选的当然是阿里icon库教程：1.打开阿里...

2020-05-27

88浏览

0评论

Express下采用bcryptjs进行密码加密的方法

前几天利用Express开发了个小项目，开发登录注册模块时，采用bcryptjs进行密码加密，总结了一下内容：
bcrypt，是一个跨平台的文件加密工具。由它加密的文件可在所有支持的操作系统和...

2020-05-27

55浏览

0评论

nodejs使用redis作为缓存介质实现的封装缓存类示例

本文实例讲述了nodejs使用redis作为缓存介质实现的封装缓存类。分享给大家供大家参考，具体如下：之前在node下使用redis作为缓存介质，对redis进行了一层封装First: 安装npm包 re...

2020-05-27

47浏览

0评论

原生JavaScript实现的简单放大镜效果示例

本文实例讲述了原生JavaScript实现的简单放大镜效果。分享给大家供大家参考，具体如下：原理：其实所谓的放大就是准备两张一样的图片，除大小不一样。鼠标移动到不同位置，将会显示...

2020-05-27

83浏览

0评论

Vue Socket.io源码解读

背景有一个项目，今年12月份开始重构，项目涉及到了socket。但是socket用的是以前一个开发人员封装的包（这个一直被当前的成员吐槽为什么不用已经千锤百炼的轮子）。因此，趁着这个重...

2020-05-27

67浏览

0评论

Vue组件通信的四种方式汇总

前言众所周知vue是一种mvvm框架，它相对于jquery可能比较大的差异点之一就在于组件之间的通信了。本文重点是梳理了前两个,父子组件通信和eventBus通信,我觉得Vue文档里的说明...

2020-05-27

88浏览

0评论

10 种最常见的 Javascript 错误(频率最高)

为了回馈我们的开发者社区，我们查看了数千个项目的数据库，发现了 JavaScript 中频度最高的 10 种错误。我们会告诉你什么原因导致了这些错误，以及如何防止这些错误发生。如果你...

2020-05-27

42浏览

0评论

vue中实现在外部调用methods的方法(推荐)

1.首先定义一个公共的vue组件；var eventHub = new Vue(); 2.在事件当前的组件中，在created中，用$on向公共的组件eventHub传递，translate是自定义的，getCardNum(data)是要在外部调...

2020-05-27

58浏览

0评论

vue父组件点击触发子组件事件的实例讲解

最近在学习Vue父子组件通信的问题，刚好遇到一个父子之间事件事件派发与接收，在这里记录一下，在这里我使用的是ref给子组件注册引用信息。官网是这样解释的ref 被用来给元素或子...

2020-05-27

67浏览

0评论

Ionic学习日记实现验证码倒计时

前言要做一个app的话，肯定会涉及到这个功能，所以就从网上找了许多前辈的资料，找到了一个最适合自己并且方便理解的实现此功能，写此日记方便未来自己复习和其他人学习思路在用户...

2020-05-27

66浏览

0评论

vue中改变选中当前项的显示隐藏或者状态的实现方法

在vue中已经不像jq那样直接操作dom了，如果要指向当前选中项时，就不能再用jq的思路来做了，方法如下：当指向一个状态的时候，只让指向的状态隐藏，其他项不变，如果项目中用了element-ui...

2020-05-27

92浏览

0评论

Vue.js 点击按钮显示/隐藏内容的实例代码

实例代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue点击切换显示隐藏</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></scrip...

2020-05-27

45浏览

0评论

vue绑定的点击事件阻止冒泡的实例

当我们在使用vue做项目时，经常用到点击事件的绑定，但是我们绑在一个div上，里面的其他按钮（如删除、修改）等按钮也会加载这儿div的点击事件，而事实我们不需要，如何解决：首先我们来区...

2020-05-27

54浏览

0评论

vue中阻止click事件冒泡,防止触发另一个事件的方法

使用vue阻止子级元素的click事件冒泡，很简单，用stop<div @click="test1()"> <span @click.stop="test2()">按钮1</span> <span>按钮2</span> </div> 这样点击div里面的...

2020-05-27

94浏览

0评论

利用vue.js实现被选中状态的改变方法

在使用原型实现使不选中状态改变之后，接触到vue，就想着能不能使用vue再把功能实现一边，在上篇中的页面并没有动态实现页面，所有的数据也都是直接写在html中。而使用vue之后，已经...

2020-05-27

热门文章