JavaScript - 教程之家

80浏览

0评论

JavaScript运动原理基础知识详解

在这篇文章里，我将把JS的运动由简如深的进行分析：
运动基础主要步骤为：清除定时器，保证运动过程中只有一个定时器开启定时器开始运动，同时加入判断以便在需要时停止运动。将移动...

2020-05-27

83浏览

0评论

JS实现图片懒加载(lazyload)过程详解

对于图片较多的页面，使用懒加载可以大幅提高页面加载速度，提高用户体验。懒加载的意义（为什么要使用懒加载）
对页面加载速度影响最大的就是图片，一张普通的图片可以达到几M的大小...

2020-05-27

103浏览

0评论

Javascript异步编程async实现过程详解

async官方DOC介绍
node安装
npm install async --save
使用var async = require('async')
js文件
https://github.com/caolan/async/tree/master/distasync提供了很多函数用...

2020-05-27

63浏览

0评论

Javascript组合继承方法代码实例解析

组合继承
组合继承，指将原型链和借用构造函数的技术组合到一块，从而发挥二者之长的一种继承模式。其背后思路使用用原型链实现对原型属性和方法的继承，而通过构造函数来实现对...

2020-05-27

86浏览

0评论

JavaScript鼠标拖拽事件详解

本文实例为大家分享了js鼠标拖拽事件的详细实现代码，供大家参考，具体内容如下图片如下:css代码<style> *{ margin:0; padding:0; } #box{ width: 200px; height: 200px; backg...

2020-05-27

80浏览

0评论

vue组件库的在线主题编辑器的实现思路

一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主题简...

2020-05-27

95浏览

0评论

JS内置对象和Math对象知识点详解

Math对象<script> // Math数学对象不是一个构造函数，所以我们不需要new 来调用而是直接使用里面的属性和方法即可 console.log(Math.PI); // 一个属性圆周率 co...

2020-05-27

66浏览

0评论

JavaScript检测浏览器是否支持CSS变量代码实例

JavaScript可以同样式进行交互，你可以通过编写程序来动态改变文档上元素的样式。有三种方法可以实现这样的效果：控制样式表—可以添加、删除、修改样式表。控制样式规则—...

2020-05-27

87浏览

0评论

javascript用defineProperty实现简单的双向绑定方法

definePropertyObject提供的方法，用于给对象添加自定义属性具体用法如下：const obj = { _value: 1 };Object.defineProperty(obj, 'value', { get: function() { console....

2020-05-27

141浏览

0评论

mpvue网易云短信接口实现小程序短信登录的示例代码

上一篇简单介绍了mpvue实现快递单号查询,慢慢发现mpvue真的和vue很像,但它有几乎十分的吻合小程序的语法规范,刚开始用起来会觉得特点的爽,但涉及到细节却是有很多采坑的地...

2020-05-27

126浏览

0评论

mpvue实现微信小程序快递单号查询代码

mpvue是什么？mpvue 是一套定位于开发小程序的前端开发框架，其核心目标是提高开发效率，增强开发体验。使用该框架，开发者只需初步了解小程序开发规范、熟悉 Vue.js 基本语法即可...

微信

2020-05-27

412浏览

0评论

VUE table表格动态添加一列数据,新增的这些数据不可以编辑（v-model绑定的数据不能实时更新）

一、问题用elementUi横着增加一行数据没毛病，可以操作
添加一列，这新增的这一列，第一次去赋值的时候值是改了，但没生效
点击下一行时值就变过来二、原因横向添加是复制上面...

2020-05-27

96浏览

0评论

Vue的data、computed、watch源码浅谈

导读
记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码...

2020-05-27

93浏览

0评论

原理深度解析Vue的响应式更新比React快

前言
我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。
例子
举例来说这样的一个组件：
<templat...

2020-05-27

192浏览

0评论

详解为什么Vue中不要用index作为key(diff算法)

前言
Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。
另外本文的结论对于性能的毁灭是针对列表子元素顺序...

2020-05-27

159浏览

0评论

vue中使用v-for时为什么不能用index作为key

结论：更新DOM的时候会出现性能问题会发生一些状态bug React 中的 key 也是如此如果已经了解为什么要用key，可以通过目录直接跳到下一节。为什么要用key？
Vue 和 React...

2020-05-27

101浏览

0评论

jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析

本文实例讲述了jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法。分享给大家供大家参考，具体如下：实现效果如上图，当鼠标放置到名字上时，则显示出内容详情。实现具体...

2020-05-27

91浏览

0评论

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

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

2020-05-27

156浏览

0评论

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

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

2020-05-27

217浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

127浏览

0评论

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

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

2020-05-27

77浏览

0评论

javascript绘制简单钟表效果

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

91浏览

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

363浏览

0评论

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

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

2020-05-27

245浏览

0评论

小谈angular ng deploy的实现

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

2020-05-27

172浏览

0评论

详解vue-flickity的fullScreen功能实现

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

136浏览

0评论

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

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

2020-05-27

279浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

162浏览

0评论

在Chrome DevTools中调试JavaScript的实现

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

2020-05-27

102浏览

0评论

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

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

2020-05-27

132浏览

0评论

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

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

2020-05-27

96浏览

0评论

JS快速实现简单计算器

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

83浏览

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

205浏览

0评论

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

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

2020-05-27

346浏览

0评论

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

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

144浏览

0评论

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

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

2020-05-27

175浏览

0评论

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

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

2020-05-27

102浏览

0评论

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

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

微信

2020-05-27

108浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

热门文章