JavaScript - 教程之家

84浏览

0评论

JS实现在线ps功能详解

前言本系统是基于fabric.js实现的canvas版图片,文本编辑器,支持对图片的放大,缩小,旋转,镜面翻转,拖动,显示/隐藏图层,删除图层,替换图层等操作,对文本支持修改文本内容,颜...

2020-05-27

60浏览

0评论

ES6中异步对象Promise用法详解

本文实例讲述了ES6中异步对象Promise用法。分享给大家供大家参考，具体如下：回忆一下ES5中的怎么使用异步方法// es5中的异步回调 let ajax = function(callback){ console....

2020-05-27

67浏览

0评论

express框架下使用session的方法

上一遍文章说了cookie的不足，提到使用session是解决缺点的一个方法。这遍文章说说怎么使用session.作者使用了文件保存session的方法。若用别保存方式（内存、数据库）也行，记得使...

2020-05-27

40浏览

0评论

判断“命令按钮”是否被鼠标单击详解

Click 事件：此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。对一个 Form 对象来说，该事件是在单击一个空白区或一个无效控件时发生...

2020-05-27

44浏览

0评论

Vuex 模块化使用详解

前言上回我们说了一下 vuex 的简单使用，最后面的时候有说了，由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当...

2020-05-27

48浏览

0评论

ES6 Iterator接口和for...of循环用法分析

本文实例讲述了ES6 Iterator接口和for...of循环用法。分享给大家供大家参考，具体如下：<script>// 数组已经帮我们内置这个Iterator接口let arr = ['hello','world'];let map =...

2020-05-27

59浏览

0评论

详解Vuex下Store的模块化拆分实践

前言
最近的项目用到了 vue.js + vuex + vue-router 全家桶，版本为 >2.0，在搞Store的时候发现，圈子里大部分关于vuex的文章都是比较基础的Demo搭建方式，很少有涉及到比较复杂的...

2020-05-27

47浏览

0评论

JS/jQuery实现超简单的Table表格添加,删除行功能示例

本文实例讲述了JS/jQuery实现超简单的Table表格添加,删除行功能。分享给大家供大家参考，具体如下：最近需要表格添加删除行,添加行简单,删除行就有点儿懵逼了,于是网上找实例,...

2020-05-27

45浏览

0评论

JS获取动态添加元素的方法详解

本文实例讲述了JS获取动态添加元素的方法。分享给大家供大家参考，具体如下：在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时...

2020-05-27

81浏览

0评论

微信小程序iBeacon测距及稳定程序的实现解析

前言iBeacon是苹果公司推出的一项低耗能蓝牙技术，由蓝牙设备发射包含指定信息的信号，再由移动设备接收信号，从而实现近场通信。微信小程序2017年开始支持iBeacon，摇一摇附近就是...

2020-05-27

42浏览

0评论

js实现一个简易计算器

本文实例为大家分享了JS实现简易计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><title>14th_test</title><meta charset="gb2312"></head> <body><h1>...

2020-05-27

60浏览

0评论

vue 实现滚动到底部翻页效果(pc端)

pc端vue 滚动到底部翻页效果，具体内容如下所示：html：<div class="list" ref="scrollTopList"> <div class="listsmall" v-for="(item,index) of list" :key="i...

2020-05-27

120浏览

0评论

JavaScript实现的3D旋转魔方动画效果实例代码

JS1K是JavaScript编程竞赛——参加竞赛的规则很简单，脚本必须小于1K，竞赛网站开始也只是为了娱乐，却意外地收到了很多优秀的作品。这是2016年JS1k上传的作品，用几十行代码实现的...

2020-05-27

66浏览

0评论

javascript中undefined的本质解析

一、列出7种数据类型（面试可能问）
Undefined Null Boolean String Number Symbol Object二、undefined本质
undefined是window对象的一个属性，其类型是Undefined。下面...

2020-05-27

64浏览

0评论

微信小程序下拉框搜索功能的实现方法

最近在做一个项目的时候，需要用到下拉框搜索，网上搜了半天没找到想要的，决心自己动手写一个。首先看下效果图：左边是输入框，可以进行模糊查询，右边图标进行选择。
代码部分，我定义...

2020-05-27

39浏览

0评论

原生js代码能实现call和bind吗

js手动实现call和bind都是谎言
网上有很多关于说自己实现call和bind的原理的文章，然而call和bind的原理真如他们所说的那样吗？今天就让我来推翻这些所谓的”原理“，揭开谎言下...

2020-05-27

51浏览

0评论

Vue Element UI + OSS实现上传文件功能

Element提供了upload上传组件，可以查看官网upload组件的详细介绍；查看upload组件的上传源码upload/ajax，使用的是XHR对象上传文件。在项目实践中，发现该上传方法上传大文件时会...

2020-05-27

71浏览

0评论

vue将后台数据时间戳转换成日期格式

前言在项目中，经常会有后台返回一个时间戳，页面展示用的却是日期格式的情况
不同组件多次使用的话，那么建议在 src 下新建一个 common 文件夹，创建 date.js 文件，方便多次复用在...

2020-05-27

48浏览

0评论

详解mpvue实现对苹果X安全区域的适配

一、业务背景
最近在利用mpvue+ts开发小程序的过程中，由于苹果X等手机会出现底部的按钮，会遮盖掉需要操作的按钮。由于在小程序开发，微信爸爸已经做了对机型的检查，相对与H5的处...

2020-05-27

45浏览

0评论

Vue实现回到顶部和底部动画效果

本文实例为大家分享了Vue实现回到顶部和底部动画效果的具体代码，供大家参考，具体内容如下代码：<template> <div> <div class="scroll" :class="{show:isActive}"> <div id="...

2020-05-27

39浏览

0评论

vue实现滑动超出指定距离回顶部功能

本文实例为大家分享了vue实现滑动超出指定距离回顶部功能，供大家参考，具体内容如下效果图展示：1、当页面滑动时执行scrollToTop （）函数，判断滑动的距离是否超出指定距离，注意下面获...

2020-05-27

58浏览

0评论

vue.js实现回到顶部动画效果

最近使用vue.js做了几个页面，其中有一个回到顶部的动画效果记录下。html如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>回到顶部</title> <META HTTP-EQU...

2020-05-27

107浏览

0评论

微信小程序组件传值图示过程详解

A是父组件，B是子组件父传子<view> <componentB paramAtoB='{{paramAtoB}}'></componentB></view>//父组件Ajson （里面不能有注释）
{ "navigationBarTitle...

2020-05-27

42浏览

0评论

详解Vue2.5+迁移至Typescript指南

为什么要迁移至Typescript
Javascript本身是动态弱类型的语言，这样的特点导致了Javascript代码中充斥着很多Uncaught TypeError的报错，给开发调试和线上代码稳定都带来了不小...

2020-05-27

46浏览

0评论

在Vue环境下利用worker运行interval计时器的步骤

今天在code review时，发现之前遗留的问题：在一个视频播放页面，有一个40ms的interval一直在阻碍，导致视频延时逐渐增大于是写了一个worker单独把计时器拉出去跑了实现步骤如下由...

2020-05-27

54浏览

0评论

深入浅析Vue中mixin和extend的区别和使用场景

Vue中有两个较为高级的静态方法mixin和extend，接下来我们来讨论下关于他们各自的原理和使用场景。Mixin：原理：先来看看官网的介绍：参数：{Object} mixin用法：混入也可以进行全局注...

2020-05-27

40浏览

0评论

详解基于Wepy开发小程序插件(推荐)

开发
wepy-plugin-autopages
使用 wepy 开发项目时不需要手动配置 app.wpy 下的 config.pages，autopages 插件会自动监控 pages 目录下文件的变化，自动生成更新对应 app.json...

2020-05-27

77浏览

0评论

ES6 新增的创建数组的方法(小结)

在ES6之前，创建数组的方式有2种：
一: 通过数组字面量let array = [1,2,3];console.log(array);//[1,2,3]二: 通过new Array()创建数组let array = new Array(1, 2, 3);console...

2020-05-27

108浏览

0评论

详解package.json版本号规则

版本的格式
major.minor.patch主版本号.次版本号.修补版本号patch：修复bug，兼容老版本minor：新增功能，兼容老版本major：新的架构调整，不兼容老版本依赖版本号规则
version必须匹配...

2020-05-27

59浏览

0评论

jQuery中DOM操作原则实例分析

本文实例讲述了jQuery中DOM操作原则。分享给大家供大家参考，具体如下：一丶Get and Set in One(读写一体) 原则为了更加易于使用，jQuery提供了简洁的DOM操作API，其方法往往是读写...

2020-05-27

49浏览

0评论

vue项目中全局引入1个.scss文件的问题解决

首先先发一下我的项目路径1. 首先要下载 sass-resources-loadernpm install sass-resources-loader --save-dev 2.然后再文件夹build/utils里面的更改
scss: generateLoad...

2020-05-27

88浏览

0评论

微信小程序动画组件使用解析，类似vue，且更强大

演示演示1演示2演示3 一、功能描述
1、预设过渡支持区分enter、leave 支持预设过渡的组合特别强调:支持元素展开、闭合的过渡。name=='slide'或['slide'[,]]，即可实现，无...

2020-05-27

50浏览

0评论

JS浮点数运算结果不精确的Bug解决

前言最近在做项目的时候，涉及到产品价格的计算，经常会出现JS浮点数精度问题，这个问题，对于财务管理系统的开发者来说，是个非常严重的问题（涉及到钱相关的问题都是严重的问题），这里把...

2020-05-27

48浏览

0评论

jQuery中DOM常见操作实例小结

本文实例讲述了jQuery中DOM常见操作。分享给大家供大家参考，具体如下：DOM属性操作属性列表属性版本说明 attr() 1.0 设置或...

2020-05-27

83浏览

0评论

vue-router两种模式区别及使用注意事项详解

本文实例讲述了vue-router两种模式区别及使用注意事项。分享给大家供大家参考，具体如下：
Vue Router 是Vue官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变...

2020-05-27

53浏览

0评论

微信小程序中button去除默认的边框实例代码

微信小程序中button去除默认的边框的实现方法如下所示：button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-rig...

2020-05-27

47浏览

0评论

微信小程序使用Vant Weapp组件库的方法步骤

地址：https://youzan.github.io/vant/#/zh-CN/intro一.引入Vant组件库1.首先运行 npm init就会生成 package.json2.运行npm i vant-weapp -S --production 3.安装成功后点...

2020-05-27

55浏览

0评论

微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法

导入执行后VM292:1 thirdScriptError
sdk uncaught third Error
module "miniprogram_npm/vant-weapp/mixins/transition" is not defined
Error: module "miniprogra...

2020-05-27

128浏览

0评论

vue3.0中的双向数据绑定方法及优缺点

熟悉vue的人都知道在vue2.x之前都是使用object.defineProperty来实现双向数据绑定的而在vue3.0中这个方法被取代了1. 为什么要替换Object.defineProperty替换不是因为不好，是...

2020-05-27

72浏览

0评论

微信小程序npm引入vant-weapp的踩坑记录

微信小程序项目使用npm安装vant-weapp的正确步骤使用npm安装vant-weapp 到项目根目录下：npm i vant-weapp -S --production 然后再详情中选中使用npm模块，然后点击工具栏中的...

2020-05-27

43浏览

0评论

vue回到顶部监听滚动事件详解

本文实例为大家分享了vue回到顶部监听滚动事件，供大家参考，具体内容如下鼠标滚到到页面中间出现的工具浮框<template><div class="tools"><ul @mouseleave="mouseLeave()"><li...

2020-05-27

55浏览

0评论

nodejs对项目下所有空文件夹创建gitkeep的方法

项目/框架初始化时可能需要保留一些空文件，这时候就需要批量新增gitkeepconst fs = require('fs')const baseurl = 'D:/test'const ignoreDir = ['.git', '.vscode', 'node_m...

2020-05-27

84浏览

0评论

vue单页应用的内存泄露定位和修复问题小结

在前端项目（PC端）中，内存泄露的定位往往比修复更加困难，即使google浏览器有提供Memory工具，但是面对成千上万的元素和错综复杂的引用关系，开发则依然很难快速定位到问题代码块。一...

2020-05-27

54浏览

0评论

jQuery pager.js 插件动态分页功能实例分析

本文实例讲述了jQuery pager.js 插件动态分页功能。分享给大家供大家参考，具体如下：pager.js 代码function Page(opt){ var set = $.extend({num:null,startnum:1,elem:null...

2020-05-27

355浏览

0评论

微信小程序实现语音识别转文字功能及遇到的坑

最近为小程序增加语音识别转文字的功能，坑路不断，特此记录。微信开发者工具开发者工具上的录音文件与移动端格式不同，暂时只可在工具上进行播放调试，无法直接播放或者在客户端上...

2020-05-27

74浏览

0评论

js动态获取时间的方法分析

本文实例讲述了js动态获取时间的方法。分享给大家供大家参考，具体如下：<script type="text/javascript">　　function show_cur_times(){　　　　//获取当前日期　　　　var d...

2020-05-27

59浏览

0评论

el-select 下拉框多选实现全选的实现

在写一个功能时发现el-select支持多选，但是竟然不支持全选，好无语哦，那就自己实现一下吧~有两种方法，第二种感觉简单些方法一：下拉项增加一个【全选】，然后应该有以下几种情况：下...

2020-05-27

71浏览

0评论

150行Node.js实现的dns代理工具

工具地址：github.com/Yi-love/dns…安装： npm install dns-proxy-server -g这个我觉得应该还是挺实用的一个工具。开发过程中我们需要配置IP来访问测试环境域名。使用电脑开发...

2020-05-27

51浏览

0评论

jQuery实现checkbox全选、反选及删除等操作的方法详解

本文实例讲述了jQuery实现checkbox全选、反选及删除等操作的方法。分享给大家供大家参考，具体如下：运行效果：1.list.html说明：用checkbox数组Check[]存放每一行的ID值<div id="c...

2020-05-27

82浏览

0评论

详解element-ui中el-select的默认选择项问题

直接绑定将option中的value值绑定给v-model<template> <div> <el-select v-model="query"> <el-option v-for="item in options" :key="item.value" :value="item.value"...

2020-05-27

热门文章