JavaScript - 教程之家

66浏览

0评论

jQuery 图片查看器插件 Viewer.js用法简单示例

本文实例讲述了jQuery 图片查看器插件 Viewer.js用法。分享给大家供大家参考，具体如下：html:<link rel="stylesheet" href="/css/viewer.min.css" rel="exte...

2020-05-27

120浏览

0评论

解决node终端下运行js文件不支持ES6语法

最近写一些简单的测试代码时，为了方便直接在node终端执行发现有些ES6语法不支持，记录一下解决方式现象新建class.js文件后添加如下代码// constructerclass Person { construc...

2020-05-27

197浏览

0评论

Vue插件之滑动验证码用法详解

本文实例讲述了Vue插件之滑动验证码用法。分享给大家供大家参考，具体如下：目录预览基于滑动式的验证码，免于字母验证码的繁琐输入用于网页注册或者登录安装...

2020-05-27

57浏览

0评论

js实现登录时记住密码的方法分析

本文实例讲述了js实现登录时记住密码的方法。分享给大家供大家参考，具体如下：常见的很多网站登录，都有记住密码功能，下面是用js实现的记住密码功能（代码用的源生js，不用引入任何插...

2020-05-27

64浏览

0评论

jquery实现两个div中的元素相互拖动的方法分析

本文实例讲述了jquery实现两个div中的元素相互拖动的方法。分享给大家供大家参考，具体如下：这里写了两个实例，两个都是基于jquery实现的。如果有更好的方法，欢迎分享。第一个效...

2020-05-27

100浏览

0评论

js中位数不足自动补位扩展padLeft、padRight实现代码

方法一、自定义函数实现，不方便自定义调用function FillZero(p) {return new Array(3 - (p + '').length + 1).join('0') + p;}FillZero(6); //输出006方法二、String方法一...

2020-05-27

51浏览

0评论

javascript绘制简单钟表效果

本文给大家分享一个canvas的时钟绘制，供大家参考，具体内容如下复制可直接使用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> h1 { text-alig...

2020-05-27

58浏览

0评论

手把手教您实现react异步加载高阶组件

本篇文章通过分析react-loadable包的源码，手把手教你实现一个react的异步加载高阶组件
1. 首先我们想象中的react异步加载组件应该如何入参以及暴露哪些API？
// 组件应用impor...

2020-05-27

68浏览

0评论

vue开发中遇到的问题总结

//工作中遇到的：（1）Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed prop...

2020-05-27

328浏览

0评论

简单了解Vue + ElementUI后台管理模板

最近学习和项目都用到了Vue和ElementUI，自己不是专业前端，搞这些UI上的东西还是有些难度，这里推荐两个Vue + ElementUI后台管理模板vue-element-admin
vue-element-admin官网介...

2020-05-27

212浏览

0评论

小谈angular ng deploy的实现

Angular CLI 在 8.3.0 发布过一个新命令 ng deploy，可以将 Angular 应用部署到远程服务器或云存储上面，例如：Firebase hosting、Azure、GitHub pages 等等，这也是算是 Angular C...

2020-05-27

123浏览

0评论

详解vue-flickity的fullScreen功能实现

描述在项目集成了vue-flickity组件后发现，该组件参考flickity官网的fullscreen配置不起作用实现方法需要添加flickity-fullscreen组件在main.js中导入flickity-fullscree...

2020-05-27

59浏览

0评论

《javascript设计模式》学习笔记一：Javascript面向对象程序设计对象成员的定义分析

本文实例讲述了Javascript面向对象程序设计对象成员的定义。分享给大家供大家参考，具体如下：序：刚接触javascript的时候，觉得这语言有点儿摸不着门道，感觉这玩意儿太难学了，没什么...

2020-05-27

81浏览

0评论

《javascript设计模式》学习笔记二：Javascript面向对象程序设计继承用法分析

本文实例讲述了Javascript面向对象程序设计继承用法。分享给大家供大家参考，具体如下：1.关于继承：百度百科对继承的解释是：继承是指一个对象直接使用另一对象的属性和方法。（话说...

2020-05-27

52浏览

0评论

flexible.js实现移动端rem适配方案

需要了解的基础知识：物理像素：物理像素又被称为设备像素，他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺...

2020-05-27

112浏览

0评论

《javascript设计模式》学习笔记三：Javascript面向对象程序设计单例模式原理与实现方法分析

本文实例讲述了Javascript面向对象程序设计单例模式原理与实现方法。分享给大家供大家参考，具体如下：1.单例模式概述源自百度百科对于单例模式的定义：单例模式的意思就是只有一...

2020-05-27

252浏览

0评论

详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法

最近在项目中实现在循环出来的图片中当鼠标移入隐藏当前图片显示另一张图片的需求时碰到了一个小问题。就是当使用@mouseenter 和@mouseleave事件来实现这个需求时却发现鼠...

2020-05-27

63浏览

0评论

《javascript设计模式》学习笔记四：Javascript面向对象程序设计链式调用实例分析

本文实例讲述了Javascript面向对象程序设计链式调用。分享给大家供大家参考，具体如下：1.链式调用：jquery可能是目前大家最常用到的js框架了，也习惯了如下的调用方式:$('.somecla...

2020-05-27

122浏览

0评论

在Chrome DevTools中调试JavaScript的实现

由浅入深说一说怎么样在 Chrome DevTools 中调试 JavaScript。一、案发现场为了方便理解，我写了一个小demo。点击打开demo；在num1中输入6；在num2中输入9；点击 num1+num2，按钮下方...

2020-05-27

65浏览

0评论

vue-cli3单页构建大型项目方案

一、vue-cli3单页面构建方案1、在目标文件夹内执行vue ui ; 一个ui版界面，用于创建vue项目；2、打开router文件夹内的index，看情况配置router的模式，是默认的hash还是history？ps:...

2020-05-27

102浏览

0评论

javascript中contains是否包含功能实现代码(扩展字符、数组、dom)

一个小误区 JS中的contains今天想要用JS判断集合中是否包含另一个集合。发现，Contains并不能达到所要的效果，查找之后发现了问题原来，js的contains方法用来查看dom元素的包含关...

2020-05-27

68浏览

0评论

JS快速实现简单计算器

本文实例为大家分享了JS实现简单计算器的具体代码，供大家参考，具体内容如下直接上图HTML部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>我的第一个计算器<...

2020-05-27

72浏览

0评论

vue实现表单未编辑或未保存离开弹窗提示功能

说明UI组件是使用 Quasar Framework 。最近做一个表单弹出框，表单保存提交，但是，产品提出，用户不保存，而关闭弹出框时，要给出一个弹窗提示。这个功能，可以用watch监听表单数据。当...

2020-05-27

68浏览

0评论

《javascript设计模式》学习笔记五：Javascript面向对象程序设计工厂模式实例分析

本文实例讲述了Javascript面向对象程序设计工厂模式。分享给大家供大家参考，具体如下：工厂模式和单例模式（https://www.freexyz.cn/article/184230.htm）应该是设计模式中应用最多...

2020-05-27

57浏览

0评论

vue开发移动端底部导航条功能

效果图 src/app.vue<template> <div id="app" class="g-container"> <div class="g-header-container"> 头部导航 </div> <div class="g-view-container"> <div clas...

2020-05-27

174浏览

0评论

《javascript设计模式》学习笔记七：Javascript面向对象程序设计组合模式详解

本文实例讲述了Javascript面向对象程序设计组合模式。分享给大家供大家参考，具体如下：概述关于组合模式的定义：组合模式(Composite Pattern)有时候又叫做部分-整体模式，它使我们...

2020-05-27

311浏览

0评论

Vue列表循环从指定下标开始的多种解决方案

最近遇到一个问题，在循环商品列表时，因为数组的第一个是商品的品牌介绍，所以循环时不能直接循环，只能从第二个元素开始。方案1：从数据源头更改，后端直接在列表里去除第一个数组元...

2020-05-27

73浏览

0评论

JS Generator 函数的含义与用法实例总结

本文实例讲述了JS Generator 函数的含义与用法。分享给大家供大家参考，具体如下：读阮一峰老师《Generator 函数的含义与用法》总结老师的文章通俗易懂，但是我个人理解上面有一...

2020-05-27

117浏览

0评论

JS Thunk 函数的含义和用法实例总结

本文实例讲述了JS Thunk 函数的含义和用法。分享给大家供大家参考，具体如下：前面我们已经学习过了Generator 函数的优势和使用场景。这篇文章我们继续学习阮老师的第二篇文章，T...

2020-05-27

143浏览

0评论

JS co 函数库的含义和用法实例总结

本文实例讲述了JS co 函数库的含义和用法。分享给大家供大家参考，具体如下：继续学习阮一峰老师异步编程四部曲之三：coco在很早之前就听超哥讲过，说在node编程中大量用到，源码很简...

2020-05-27

68浏览

0评论

微信小程序以ssm做后台开发的实现示例

微信小程序任何的语言都可以做后台，现在微信小程序推出云函数，做后台也可以。但是自己感觉想要完整的后台，做后台用java和php更好点。下面以典型的例证给大家做一下讲解，注册。...

微信

2020-05-27

81浏览

0评论

JS async 函数的含义和用法实例总结

本文实例讲述了JS async 函数的含义和用法。分享给大家供大家参考，具体如下：学习老师最后一篇文章并做总结，前面我们认识了各种异步编程方式：回调函数，Promise对象，Generator函数，...

2020-05-27

58浏览

0评论

javascript 设计模式之组合模式原理与应用详解

本文实例讲述了javascript 设计模式之组合模式原理与应用。分享给大家供大家参考，具体如下：组合模式说明组合模式用于简单化，一致化对单组件和复合组件的使用；其实它就是一棵树；...

2020-05-27

56浏览

0评论

javascript 设计模式之享元模式原理与应用详解

本文实例讲述了javascript 设计模式之享元模式。分享给大家供大家参考，具体如下：享元模式说明定义：用于解决一个系统大量细粒度对象的共享问题:关健词：分离跟共享；说明: 享元模式...

2020-05-27

153浏览

0评论

详解element上传组件before-remove钩子问题解决

应公司业务要求已上传文件删除前提醒确认代码如下 if(file && file.status === "success"){ return this.$confirm('此操作将永久删除该文件, 是否继续?', '系...

2020-05-27

66浏览

0评论

antd-mobile ListView长列表的数据更新遇到的坑

遇到的问题
listView这个组件我真的是看文档看得脑壳疼。好不容易看文档写完长列表数据展示了。然后遇到一个需求，即用户有一个点赞操作，问题出现了，点赞完数据更新之后listVie...

2020-05-27

70浏览

0评论

Javascript摸拟自由落体与上抛运动原理与实现方法详解

本文实例讲述了Javascript摸拟自由落体与上抛运动原理与实现方法。分享给大家供大家参考，具体如下：JavaScript 代码//**************************************** //名称：Jav...

2020-05-27

85浏览

0评论

vue与iframe之间的信息交互的实现

说一下我的使用场景：在vue中使用百度地图，需要使用离线地图
先上代码然后细细品第一张图第二张图第三张图 1.首先iframe 引入你要嵌套的地址 2.通过vue中给出的ref 来获...

2020-05-27

220浏览

0评论

JavaScript 俄罗斯方块游戏实现方法与代码解释

本文实例讲述了JavaScript 俄罗斯方块游戏。分享给大家供大家参考，具体如下：俄罗斯方块代码说明/** 名称：Javascript 俄罗斯方块! 作者：Gloot 邮箱：glootz@gmail.com QQ：345...

2020-05-27

60浏览

0评论

微信小程序纯文本实现@功能

前言大家肯定对@功能不陌生，在如今的各大社交软件中它是一种不可或缺的功能。实现@人的功能并不复杂，只需将@人员的id传给后端，后端下发通知即可。主要的复杂点在于一键删除功...

微信

2020-05-27

56浏览

0评论

javascript设计模式 – 单例模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 单例模式。分享给大家供大家参考，具体如下：介绍：单例模式是结构最简单的设计模式。单例模式用于创建那些在软件系统中独一无二的对象，是一...

2020-05-27

66浏览

0评论

javascript设计模式 – 简单工厂模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 简单工厂模式。分享给大家供大家参考，具体如下：介绍：简单工厂模式是最常用的一类创建型设计模式。其中简单工厂模式并不属于GoF23个经典...

2020-05-27

46浏览

0评论

javascript设计模式 – 工厂模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 工厂模式原理与应用。分享给大家供大家参考，具体如下：介绍：前面我们介绍了简单工厂模式，简单工厂模式存在一个严重的问题：当需要扩展时必定...

2020-05-27

62浏览

0评论

javascript设计模式 – 抽象工厂模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 抽象工厂模式原理与应用。分享给大家供大家参考，具体如下：介绍：基于工厂模式，继续升级。来解决工厂模式存在多个工厂类的问题。主要的思想...

2020-05-27

33浏览

0评论

加速vue组件渲染之性能优化

背景
平时在用vue开发后台管理系统的时候，应该会用到大量的table这种组件，正常这种组件我们会在项目里做二次封装，然后针对表头title做参数化配置，如下：export default { data()...

2020-05-27

220浏览

0评论

微信小程序吸底区域适配iPhoneX的实现

微信小程序适配iPhone X主要针对fix定位到底部的区域，比如详情页或购物车底部的按钮栏，会与iPhone X的Home Indicator横条重叠，这样在点击下方按钮时很容易误触发手势操作，如下...

微信

2020-05-27

71浏览

0评论

微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)

1.顶端固定核心代码如下:<view class="page__hd" style="position:fixed; top:0;width: 750rpx;"> ......</view>最终效果图:
2.底端固定核心代码如下:<...

微信

2020-05-27

80浏览

0评论

vue cli4下环境变量和模式示例详解

本文介绍了vue cli4下环境变量和模式示例详解，分享给大家，具体如下：官方文档环境变量
一个环境变量文件只包含环境变量的键值对：NODE_ENV=developmentVUE_APP_BASE_URL=http://...

2020-05-27

219浏览

0评论

微信小程序仿通讯录功能

本文实例为大家分享了微信小程序实现通讯录功能的具体代码，供大家参考，具体内容如下微信小程序模仿通讯录功能需要用到scroll-view标签思路：首先需要获取到你所需要展示的数据...

微信

2020-05-27

158浏览

0评论

微信小程序保存图片到相册权限设置

微信小程序保存图片到相册可以分成两种：一种是保存网络图片，一种是保存本地图片保存网络图片：var url = '网络图片路径'; wx.downloadFile({ url: url, success: function (re...

微信

2020-05-27

热门文章