JavaScript - 教程之家

60浏览

0评论

vue element upload组件 file-list的动态绑定实现

本文解决，upload组件 file-list的动态绑定list1，list2 ...，实现动态添加,相信很多电商后台管理系统都会遇到这个需求，例子如下本例，我是使用的upload默认的上传地址（很多图片不能...

2020-05-27

55浏览

0评论

JsonProperty 的使用方法详解

这篇文章主要介绍了JsonProperty 的使用方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下引入依赖<dependency>...

2020-05-27

69浏览

0评论

详解vue 自定义组件使用v-model 及探究其中原理

1、首先我们来实现自定义组件中使用v-model父组件中注册子组件<template> <div id="app"> <p>{{name}}</p> <MyInput v-model="name"/> </div></template><script>import...

2020-05-27

66浏览

0评论

浅谈TypeScript 用 Webpack/ts-node 运行的配置记录

公司项目代码是用 TypeScript 写的, 中间遇到有些代码不要放到 Node 里面去跑.
具体场景一些路由配置, 比较大的一块 JSON 数据定义在 TypeScript 里.
我另外有增加脚本, 基...

2020-05-27

69浏览

0评论

vue实现点击按钮下载文件功能

项目中需要用到文件下载功能,查了资料发现需要用到a标签的特性,但是这边需要用到点击按钮下载,懒得写样式,于是用了以下代码.<div class="btns"> <el-button size="mini"...

2020-05-27

77浏览

0评论

在vue中高德地图引入和轨迹的绘制的实现

高德地图引入和轨迹的绘制
1.第一步
vue中使用cdn引入高德地图，并在main.js中进行全局配置。（百度上有高德地图引入与配置方法，这里就不详细介绍）；
1） npm install vue-amap --sav...

2020-05-27

93浏览

0评论

微信小程序导入图标实现过程详解

图片素材库——阿里巴巴矢量图https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1359989”在页面输入要搜索的图标点击“入库”，然后“添加至项...

2020-05-27

72浏览

0评论

Vue.js计算机属性computed和methods方法详解

在使用Vue.js时，会发现调用menthods里的方法也可以与计算机属性起到同样的作用，如：<div id="app">  <input type="text" v-model="te...

2020-05-27

87浏览

0评论

vue使用高德地图点击下钻上浮效果的实现思路

这里给使用高德地图下钻提供一个思路先讲下我的思路，高德地图api有一个地图绘制区域，你只要提供区码，就可以绘制该区域。以浙江省为例，我一开给浙江省的区码就可以绘制出浙江省...

2020-05-27

65浏览

0评论

基于JS实现简单滑块拼图游戏

成品效果 <body> <div id="game" style="position:relative"></div> </body>/** * js配置 */var config = { width: 300, height: 300, img: "./img/fj.jpg", gameDom...

2020-05-27

75浏览

0评论

微信小程序批量监听输入框对按钮样式进行控制的实现代码

在input组件上绑定data-model="xxx" bindinput="inputWatch"，监听输入框输入：<input placeholder="请输入6~12位密码" name="password" value="{{password}}" data-model="pas...

2020-05-27

70浏览

0评论

微信小程序列表时间戳转换实现过程解析

这篇文章主要介绍了微信小程序列表时间戳转换实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下第一步先写js...

2020-05-27

64浏览

0评论

JS数组splice操作实例分析

本文实例讲述了JS数组splice操作。分享给大家供大家参考，具体如下：node2:/var/www/html/js#cat h23.js<script>var narr=['a','b','c','d','e'];console.log(narr);for (var j...

2020-05-27

74浏览

0评论

jquery 时间戳转日期过程详解

这篇文章主要介绍了jquery 时间戳转日期过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下搜了一下发现这个时间...

2020-05-27

72浏览

0评论

jquery 遍历hash操作示例【基于ajax交互】

本文实例讲述了jquery 遍历hash操作。分享给大家供大家参考，具体如下：<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...

2020-05-27

65浏览

0评论

vue中添加与删除关键字搜索功能

具体代码如下所示：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...

2020-05-27

77浏览

0评论

微信小程序iOS下拉白屏晃动问题解决方案

这篇文章主要介绍了微信小程序iOS下拉白屏晃动问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下问题感觉ios...

2020-05-27

65浏览

0评论

微信小程序 scroll-view 水平滚动实现过程解析

1. scroll-view水平滚动使用
1. wxml
<scroll-view class="scroll-wrap" scroll-x> <view class="scroll-view-item"> <view class="scroll-img-wrap scroll-major-img...

2020-05-27

72浏览

0评论

Jquery 动态添加元素并添加点击事件实现过程解析

给动态添加的元素添加js事件，不能直接添加js事件，需要借助on( )方法，给选择器指定的子元素添加事件处理函数，并非选择器本身；
1. 语法$(selector).on(event,childSelector,data,f...

2020-05-27

76浏览

0评论

vue中uni-app 实现小程序登录注册功能

思路：1.使用微信的 open-type="getUserInfo" 获取用户信息，将用户信息保存到userinfoDetails对象中去。<button v-else type="primary" class="reserve-btn" open-type="getUs...

2020-05-27

79浏览

0评论

使用webpack将ES6转化ES5的实现方法

babel使用
打开babel官网，按教程安装babel安装
npm install --save-dev babel-loader @babel/core @babel/preset-env配置rules
module: { rules: [ { test: /\.js$/, exclu...

2020-05-27

66浏览

0评论

Vue3.x源码调试的实现方法

几句话说下我看源码的方式断点调试根据demo小例子或者api的使用姿势进行调试，每个小例子只关心其走过的逻辑分支。如何调试vue3.x的ts源码官网说使用 yarn dev 命令就可以...

2020-05-27

110浏览

0评论

nodejs语言实现验证码生成功能的示例代码

验证码已经是非常常用的反作弊、反攻击手段了，其实要实现这个功能对技术水平好的人也不难，但是并不是每个人，每种语言都天然适合搞某个功能...不过我们可以通过封装接口，来屏蔽...

2020-05-27

82浏览

0评论

15 分钟掌握vue-next响应式原理

写在前面
最新 vue-next 的源码发布了，虽然是 pre-alpha 版本，但这时候其实是阅读源码的比较好的时机。在 vue 中，比较重要的东西当然要数它的响应式系统，在之前的版本中，已经有...

2020-05-27

64浏览

0评论

js 实现watch监听数据变化的代码

1.js/** * @desc 属性改变监听，属性被set时出发watch的方法，类似vue的watch * @author Jason * @study https://www.jianshu.com/p/00502d10ea95 * @data 2018-04-27 * @const...

2020-05-27

72浏览

0评论

javaScript把其它类型转换为Number类型

一:基本类型字符串把字符串转换为数字,只要字符串中包含任意一个非有效数字字符(第一个点除外)结果都是NaN,空字符串会变为数字零console.log(Number("12.5")); //12.5conso...

2020-05-27

69浏览

0评论

javascript sort()对数组中的元素进行排序详解

javascript sort()可以对数组中的元素进行排序，语法格式：arrayObject.sort(sortby)arrayObject是数组对象，sortby为可选项，用来确定元素顺序的函数的名称，如果这个参数被省略，那么...

2020-05-27

247浏览

0评论

VUE+node（express）实现前后端分离

vue作为前端的框架，node(express)作为后端的框架。无数据库，使用端口保存数据。 VUE:使用vue-cli构建vue项目（vueapp）。npm install -g vue-cli（安装，安装过的就不用了）vue init we...

2020-05-27

96浏览

0评论

基于纯JS实现多张图片的懒加载Lazy过程解析

一、效果图如下上面的效果图，效果需求如下1、还没加载图片的时候，默认显示加载图片背景图2、刚开始进入页面，自动加载第一屏幕的图片3、下拉界面，当一张图片容器完全显露出屏幕，...

2020-05-27

170浏览

0评论

vue循环数组改变点击文字的颜色

本文实例为大家分享了vue循环数组改变点击文字颜色的具体代码，供大家参考，具体内容如下效果图如下所示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></titl...

2020-05-27

101浏览

0评论

JavaScript this在函数中的指向及实例详解

一、this，其实可以类比成人说到this的话，我们在js中主要研究的都是函数中的this，在javascript中，this代表当前行为的执行主体，而context代表的是当前行为执行的的环境（区域）。例如...

2020-05-27

93浏览

0评论

基于JS实现父组件的请求服务过程解析

这篇文章主要介绍了基于JS实现父组件的请求服务过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下<template> <di...

2020-05-27

217浏览

0评论

Vue3 源码导读(推荐)

5号凌晨，尤雨溪公布了 Vue 3 源代码。话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。
如果你还没有阅读过Composition API RFC，可能无法完全看懂下面的内容。
兼容性
目...

2020-05-27

286浏览

0评论

Vue3.0中的monorepo管理模式的实现

前言
前段时间9月21日参加了在成都举办的第五届FEDAY，印象比较深刻的是白鹭引擎首席架构师@王泽分享的《框架开发中的基础设施搭建》，提到了在下一代白鹭引擎中使用到monore...

2020-05-27

223浏览

0评论

为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)

导读vue3.0中，响应式数据部分弃用了 Object.defineProperty ，使用 Proxy 来代替它。本文将主要通过以下方面来分析为什么vue选择弃用 Object.defineProperty 。 Object.defi...

2020-05-27

116浏览

0评论

浅谈Vue为什么不能检测数组变动

问题来源：https://segmentfault.com/q/1010000015780995问题描述：Vue检测数据的变动是通过Object.defineProperty实现的，所以无法监听数组的添加操作是可以理解的，因为是在构造...

2020-05-27

167浏览

0评论

vue的路由映射问题及解决方案

今天在项目中遇到了一个问题，明明在Router文件夹下的路由js映射文件中，配置好了，如下：// 生日贺卡 { path: 'birthdayRemind', component: load('@/components/app/birthdayRemi...

2020-05-27

102浏览

0评论

微信小程序 textarea 层级过高问题简单解决方案

这篇文章主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下建立一个...

2020-05-27

112浏览

0评论

Vue3.0 响应式系统源码逐行分析讲解

前言
关于响应式原理想必大家都很清楚了，下面我将会根据响应式API来具体讲解Vue3.0中的实现原理, 另外我只会针对get,set进行深入分析，本文包含以下API实现，推荐大家顺序阅读...

2020-05-27

169浏览

0评论

深入理解基于vue-cli的webpack打包优化实践及探索

转眼已经是2019年，短短三四年时间，webpack打包工具成为了前端开发中必备工具，曾经一度的面试题都是问，请问前端页面优化的方式有哪些？大家也是能够信手拈来的说出缓存、压缩文件...

2020-05-27

189浏览

0评论

vue中进行微博分享的实例讲解

1、首先要在页面写出点击可进行微博分享的入口，样式因自己项目而定：<li class="bottomIcon_5 shareSina"><a href="javascript:;" rel="external nofollow" target="_blank"><...

2020-05-27

344浏览

0评论

vue实现百度语音合成的实例讲解

这里我完全依照百度提供的语音合成api来做：https://ai.baidu.com/docs#/TTS-Online-Node-SDK/top 直接去看node.js SDK。1.换取access_token：参考：https://ai.baidu.com/docs#/...

2020-05-27

170浏览

0评论

浅析微信小程序modal弹窗关闭默认会执行cancel问题

在我们使用小程序的modal组件时候，有的时候会碰到一个问题，那就是弹框的关闭，我们并没有选择取消或确定，而是点击弹框之外的部分，这个时候弹框会关闭，按理来说不会触发取消和确定...

2020-05-27

130浏览

0评论

Vue项目打包部署到iis服务器的配置方法

一将Vue项目打包切换到项目目录下，输入cnpm run build 打包

等待打包完成

二 URL 重写
访问我们的一个url
原因是vue不是根据项目目录的地址访问的，是根据vue-router转发路...

2020-05-27

144浏览

0评论

vue中axios的二次封装实例讲解

我们做项目时，虽然axios也可以直接拿来用，但是对接口比较零散，不太好进行维护，也会产生大量的重复代码，所以我在这对axios进行了统一接口处理第一步，先在src中的公共文件夹中如uti...

2020-05-27

108浏览

0评论

javascript随机变色实例代码

1.打开网页，网页效果如图所示代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>随机变色</title> <style type="text/css"> #box{ width: 200px; he...

2020-05-27

84浏览

0评论

javascript网页随机点名实现过程解析

主要知识点涉及if选择结构判断语句、数组的定义、定时器、清除定时器、日期对象的使用。1.HTML结构<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>随机点名...

2020-05-27

141浏览

0评论

浅谈微信小程序列表埋点曝光指南

背景最近项目中，开发一个小程序列表页，PM大大给我提了一个埋点需求，列表中的每一项，出现在屏幕中的时候，需要上报一条记录。目标如图中操作，要依次上报 item 1 - item7,但是上滑...

2020-05-27

217浏览

0评论

JS实现灯泡开关特效

JS实现灯泡开关特效的具体代码，供大家参考，具体内容如下并且显示时间，文字首先准备两张图片：开灯ON.jpg：关灯OFF.jpg效果图：下面是具体实现代码：HTML：<!DOCTYPE html><html> <head>...

2020-05-27

76浏览

0评论

js实现开关灯效果

本文实例为大家分享了js实现开关灯效果的具体代码，供大家参考，具体内容如下开关灯 <style> body{background: black;cursor: pointer;} .lamp{width: 100px;height: 100px;bor...

2020-05-27

热门文章