JavaScript - 教程之家

49浏览

0评论

如何解决vue在ios微信"复制链接"功能问题

这个问题在安卓上是完全没有问题的，可是到了iPhone上就彻底失效了。因为ios微信对vue路由中的#号识别问题。
我的解决办法是在初始进入项目时重新拼接项目地址，再重定向到拼接...

微信

2020-05-27

108浏览

0评论

js实现时钟定时器

本文实例为大家分享了js实现时钟定时器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时钟</title> <script type="text/j...

2020-05-27

43浏览

0评论

JavaScript定时器使用方法详解

本文实例为大家分享了JavaScript定时器使用的具体代码，供大家参考，具体内容如下定时器分类1、循环执行：一段程序能够每间隔一段时间执行一次【setInterval()】【clearInterval(...

2020-05-27

65浏览

0评论

Vue项目页面跳转时浏览器窗口上方显示进度条功能

在vue项目中，为了减少首屏加载的时间，通常会开启路由的懒加载。路由懒加载配合gizp确实能帮助我们大大的加快首屏的加载时间。然而，路由懒加载会使得我们在第一次打开一个新页...

2020-05-27

45浏览

0评论

vue跳转页面的几种方法(推荐)

vue跳转不同页面的多种方法1：router-link跳转
<router-link to='/testDemo'> <button>点击跳转2</button></router-link> <router-link...

2020-05-27

34浏览

0评论

Nodejs文件上传、监听上传进度的代码

前言文件上传如果加上进度条会有更好的用户体验（尤其是中大型文件），本文使用 Nodejs 配合前端完成这个功能。前端我们使用 FormData 来作为载体发送数据。效果前端部分HTML...

2020-05-27

45浏览

0评论

微信小程序间使用navigator跳转传值问题实例分析

本文实例讲述了微信小程序间使用navigator跳转传值问题。分享给大家供大家参考，具体如下：前言这次讲一下我用 navigator 组件实现从一个小程序跳转到另一个小程序的过程中遇到...

微信

2020-05-27

65浏览

0评论

开发Node CLI构建微信小程序脚手架的示例

本文介绍了 Node CLI 构建微信小程序脚手架的示例，分享给大家，具体如下：目的由于目前公司的 TOC 产品只要是微信小程序，而且随着业务的扩展, 会有更多的需求，创建更多的小程序，...

微信

2020-05-27

55浏览

0评论

js、jquery实现列表模糊搜索功能过程解析

实现的搜索功能：
1. 可以匹配输入的字符串找出列表中匹配的项，列表框的高度跟随搜索出的列表项的多少改变2. 可以点击某一项进行选中列表项3. 可以按下上、下、回车键来控制列...

2020-05-27

36浏览

0评论

JS中FileReader类实现文件上传及时预览功能

FileReader是H5浏览器才支持的JS类，如果不支持H5de浏览器可以使用FormData类实现文件的上传预览，使用可以参考我的下一篇博客：JS中FormData类实现文件上传代码：<!DOCTYPE html><...

2020-05-27

44浏览

0评论

JS中FormData类实现文件上传

本文实例为大家分享了JS中FormData类实现文件上传的具体代码，供大家参考，具体内容如下上篇文章讲到了FormReader类实现文件上传，但是那是HTML5的新特性，在不支持H5的浏览器上则...

2020-05-27

58浏览

0评论

json_decode 索引为数字时自动排序问题解决方法

json_encode 索引为数字，自动排序问题使用son_encode 给前端返回数据，结果顺序不对，经debug调试，发现是json_encode 函数的问题；{ "code": 0, "msg": "请求成功!", "data": { "2...

2020-05-27

83浏览

0评论

JS实现滑动拼图验证功能完整示例

本文实例讲述了JS实现滑动拼图验证功能。分享给大家供大家参考，具体如下：先看一下效果图：设置画布滑块属性const l = 42, // 滑块边长 r = 10, // 滑块半径 w = 310, // canvas...

2020-05-27

105浏览

0评论

Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解

本文实例讲述了Bootstrap简单实用的表单验证插件BootstrapValidator用法。分享给大家供大家参考，具体如下：Bootstrap是现在非常流行的一款前端框架，这篇来介绍一款基于Bootstra...

2020-05-27

63浏览

0评论

vue计算属性+vue中class与style绑定(推荐)

vue计算属性在模板中放入大量的逻辑会让模板过重且难以维护计算属性下所有函数可以放到computed中class与style绑定原始写法 v-bind:class 缩写 :classclass绑定的三种形式s...

2020-05-27

49浏览

0评论

javascript实现简易数码时钟

本文实例为大家分享了javascript实现简易数码时钟的具体代码，供大家参考，具体内容如下通过这个小例子复习一下Date对象的基本使用.
还可以用Date对象做定时器，计时器等等.效果...

2020-05-27

75浏览

0评论

12 种使用Vue 的最佳做法

作者：Matt Maribojoc 译者：前端小智来源：medium随着 VueJS 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我...

2020-05-27

66浏览

0评论

记一次react前端项目打包优化的方法

前文之前一年多前接手的一个react项目，前段时间因为做业务中台项目，对公司现有的应用项目做中台化改造，这期间将项目部署到uat环境，测试期间，测试小妹妹和产品大叔都吐槽进入uat...

2020-05-27

129浏览

0评论

详解Webpack抽离第三方类库以及common解决方案

前端构建场景有两种，一种是单页面构建，另一种是多入口构建多页面应用程序（我视野比较小，目前就知道这两种），下面我们针对这两种场景总结了几种抽离第三方类库以及公共文件的解决方...

2020-05-27

53浏览

0评论

小程序双头slider选择器的实现示例

小程序商城项目中，需要设置价格区间，或者在旅游行业项目中需要设置时间区间，双头选择器有比较好的交互效果支持设置单头、双头选择器支持自定义选择头的文字/图片支持自...

2020-05-27

122浏览

0评论

功能完善的小程序日历组件的实现

小程序日历组件日历组件，表单组件绝逼是前端开发的一个噩梦，尤其要做好一个旅游项目的日历，变态需求特别多，要在小程序中实现携程app的日历，还要兼顾性能问题。自定义横向/纵向...

2020-05-27

49浏览

0评论

小程序中使用css var变量(使js可以动态设置css样式属性)

使用sass,stylus可以很方便的使用变量来做样式设计，其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。基本用法基础用...

2020-05-27

77浏览

0评论

react国际化化插件react-i18n-auto使用详解

react-i18n-auto专门为中文国际化提供的自动化方案，快速迭代国际化开发，方法如下安装
npm install react-i18n-auto --save-dev第一步：添加babel插件配置（.babelrc添加方式）
{ "...

2020-05-27

58浏览

0评论

Vue-router 报错NavigationDuplicated的解决方法

版本：3.1.x报错原因：
使用push()、replace()进行导航时，不能重复导航到当前路由。解决办法：
方法1：在定义路由的文件中router/index.jsconst originalPush = VueRouter.prototype...

2020-05-27

69浏览

0评论

Vue路由守卫及页面登录权限控制的设置方法(两种)

①先在我们的登录页面存储一个登录数据// 登录成功时保存一个登录状态；sessionStorage.setItem("flag", 1);② 添加路由守卫方法一：直接在路由中添加const router = new VueR...

2020-05-27

65浏览

0评论

js实现数据导出为EXCEL（支持大量数据导出）

数据导出为excel是前端比较常用的功能。笔者近期在网上收集汇总了几种常用的方法，供大家使用。1、ActiveXObject(“Excel.Application”)这种方法只能在IE下使用。
优点：参照V...

2020-05-27

69浏览

0评论

vue+render+jsx实现可编辑动态多级表头table的实例代码

最近项目需要实现可编辑的动态多级表头表格，看了两天的文章，始终没有找到我想要的效果，在了解了render+jsx的基础用法后，自己基于element-ui封装了一个，数据格式参考element-ui t...

2020-05-27

66浏览

0评论

Selenium执行Javascript脚本参数及返回值过程详解

在Selenium中可以使用drvier.execute_script()来执行Javascript脚本，支持多行语句。
使用Javascript可以实现以下功能：移除元素隐藏、禁用、只读等限制属性为元素添加id或...

2020-05-27

96浏览

0评论

viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)

一、简介Viewer.js 是一款强大的图片查看器。Viewer.js 有以下特点：支持移动设备触摸事件
支持响应式
支持放大/缩小
支持旋转（类似微博的图片旋转）
支持水平/垂直翻转
支持图...

2020-05-27

62浏览

0评论

sharp.js安装过程中遇到的问题总结

由于Sharp基于C++的libvips库来实现，本地Mac开发完后在部署时安装sharp模块时会基于测试环境Liunx平台编译安装，测试环境安装时发现请求github下载libvips-8.9.1-linux-x64.ta...

2020-05-27

59浏览

0评论

Javascript模块化机制实现原理详解

1. 概述
js发展初期暴露了其缺陷：缺乏模块，后来提出了commonJS规范来规范其模块的规范。作为JavaScript新手，发现对于其JavaScript的模块机制，不是很理解。我查阅了一些资料整理...

2020-05-27

74浏览

0评论

webpack3.0升级4.0的方法步骤

1.webpack 3.11升级4.26
为了提升打包效率，在webpack3.11基础之上做了升级，webpack4.0发布以来，零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化，如果在项...

2020-05-27

58浏览

0评论

基于js实现逐步显示文字输出代码实例

今天清理chrome书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得好有趣，下边是一个截图图片描述这个网页展示了一个类似ide...

2020-05-27

55浏览

0评论

JavaScript运动原理基础知识详解

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

71浏览

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

45浏览

0评论

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

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

2020-05-27

57浏览

0评论

JavaScript鼠标拖拽事件详解

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

微信

2020-05-27

374浏览

0评论

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

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

2020-05-27

63浏览

0评论

Vue的data、computed、watch源码浅谈

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

162浏览

0评论

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

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

2020-05-27

132浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

热门文章