JavaScript - 教程之家

50浏览

0评论

Vue3 中的数据侦测的实现

在10月05日凌晨Vue3的源代码正式发布了，来自官方的消息：目前的版本是 Pre-Alpha ，仓库地址：Vue-next，可以通过Composition API了解更多新版本的信息，目前版本单元测试相关情况vue...

2020-05-27

71浏览

0评论

解决Vue动态加载本地图片问题

最近遇到了个问题，用v-bind动态绑定img的src，图片加载不出来。控制台显示src是有获取到图片地址的，可是就是加载不出来。最后才发现原因原来是浏览器中直接显示'./img/img1.png...

2020-05-27

68浏览

0评论

基于Vue 撸一个指令实现拖拽功能

之前撸了一个copy 指令，这次再撸一个拖拽指令。。具体是个什么蛇皮玩意儿呢，大概就像介样： emmm。。没错，看起来就是如此的鸡肋，但是莫得办法，大佬喜欢啊。由于我们项目中用的是 e...

2020-05-27

92浏览

0评论

将RGB值转换为灰度值的简单算法

RGB是如何转换为灰度的？这是让人困惑已久的一道难题。 1、RGB复合通道转灰度：转换后的色阶值只与RGB空间有关，而与作为目的地的灰度空间无关。也就是说，只要当前的RGB空间不变，...

2020-05-27

37浏览

0评论

vue3修改link标签默认icon无效问题详解

vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何...

2020-05-27

45浏览

0评论

Vue分页插件的前后端配置与使用

本文实例为大家分享了Vue分页插件的前后端配置与使用，供大家参考，具体内容如下分页插件的配置<dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelpe...

2020-05-27

55浏览

0评论

Vue3.0数据响应式原理详解

基于Vue3.0发布在GitHub上的第一版源码(2019.10.05)整理预备知识 ES6 Proxy，整个响应式系统的基础。新的composition-API的基本使用，目前还没有中文文档，可以先通过这个仓库...

2020-05-27

42浏览

0评论

浅谈vue项目用到的mock数据接口的两种方式

1.使用devServer.before进行数据mock
//通过配置devServer.before选项，设置url访问路径及response响应数据，进行mock数据。const { data } = require('./data.json')// 引入js...

2020-05-27

73浏览

0评论

NodeJS有难度的面试题(能答对几个)

1、Node模块机制
1.1 请介绍一下node里的模块是什么Node中，每个文件模块都是一个对象，它的定义如下：function Module(id, parent) { this.id = id; this.exports = {}; this.pa...

2020-05-27

77浏览

0评论

Vue 开发必须知道的36个技巧(小结)

前言
Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版;
所以应该趁还没出来加紧打好 Vue2.x 的基础...

2020-05-27

54浏览

0评论

Node使用Selenium进行前端自动化操作的代码实现

前言：
最近项目中有类似的需求：需要对前端项目中某一个用户下的产品数据进行批量的处理。手动处理的流程大概是首先登录系统，获取到当前用户下的产品列表，点击产品列表的中产品...

2020-05-27

51浏览

0评论

JavaScript如何把两个数组对象合并过程解析

这篇文章主要介绍了JavaScript如何把两个数组对象合并过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下合并数组...

2020-05-27

59浏览

0评论

浅谈vue3中effect与computed的亲密关系

在我刚看完vue3响应式的时候，心中就有一个不可磨灭的谜团，让我茶不思饭不想，总想生病。那么这个谜团是什么呢？就是在响应式中一直穿行在tranger跟track之间的effect。如果单纯的...

2020-05-27

84浏览

0评论

使用vscode快速建立vue模板过程详解

当我们希望每次新建.vue文件后，vscode能够根据配置，自动生成我们想要的内容。打开vscode编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue，...

2020-05-27

78浏览

0评论

使用 Element UI Table 的 slot-scope方法

在 Element UI Table 的官网上，有一个“筛选”功能，里面可以利用 slot-scope，给表格记录打标签。关键代码为：<template slot-scope="scope"> <el-tag :type="scope.row.tag ===...

2020-05-27

38浏览

0评论

Vue使用NProgress的操作过程解析

这篇文章主要介绍了Vue使用NProgress的操作过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下NProgress是页面跳...

2020-05-27

102浏览

0评论

electron-vue开发环境内存泄漏问题汇总

package.json
"dependencies": { "vue": "^2.5.16" }, "devDependencies": { "ajv": "^6.5.0", "babel-core": "^6.26.3", "babel-loader": "^7.1.4", "ba...

2020-05-27

127浏览

0评论

jquery获取并修改触发事件的DOM元素示例【基于target 属性】

本文实例讲述了jquery获取并修改触发事件的DOM元素。分享给大家供大家参考，具体如下：需求当点击关注后，改变按钮样式并显示取消关注，如图实现利用jQuery的 target获取到触发该...

2020-05-27

37浏览

0评论

VUE注册全局组件和局部组件过程解析

这篇文章主要介绍了VUE注册全局组件和局部组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下全局组件第一步：...

2020-05-27

36浏览

0评论

js判断复选框是否选中的方法示例【基于jQuery】

本文实例讲述了js判断复选框是否选中的方法。分享给大家供大家参考，具体如下：代码//设置选中$('#check1').prop('checked', true);//是否选中var isChecked = $('#cb').prop('...

2020-05-27

47浏览

0评论

使用Vue-cli3.0创建的项目如何发布npm包

在使用vue进行项目开发时，如果我们想要发布一个包，有时候会有点迷糊，不知道应该怎么修改脚手架的默认设置。这里记录一下一些常见的操作。创建index.js进行模块的导出
将我们需...

2020-05-27

37浏览

0评论

element form 校验数组每一项实例代码

1.校验的数据结构如下: 2.html结构
<el-dialog :title="title" :visible.sync="visable" width="40%" :before-close="cancel"> <el-form...

2020-05-27

34浏览

0评论

javascript刷新父页面方法汇总详解

1.用iframe、弹出子页面刷新父页面iframe<script language=JavaScript> 　　parent.location.reload(); </script>2.弹出子页面<script language=JavaScript> window.open...

2020-05-27

65浏览

0评论

JavaScript实现抖音罗盘时钟

本文实例为大家分享了JavaScript实现抖音罗盘时钟的具体代码，供大家参考，具体内容如下其实很早以前就想发了，很多东西其实并不难，只要多动手动脑就行了，下面直接上代码，其他的自己...

抖音

2020-05-27

50浏览

0评论

jquery将json转为数据字典的实例代码

1.基础——定义json文件{ "userinfo": [ { "account":"15639864589" , "password":"123456789" , "email":"123456789@qq.com" }, { "account":"15652689689" , "password":...

2020-05-27

34浏览

0评论

vue组件 keep-alive 和 transition 使用详解

1.keep-alive
能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和相似，是一个抽象组件：它自身不会渲染一个 D...

2020-05-27

37浏览

0评论

ES6之Proxy的get方法详解

Proxy是在ES2015(ES6)中新添加内置对象，用于自定义一些基本操作。
这篇文章是我在学习Proxy的时候对于get方法的一些心得。
作为ES2015新定义的内置对象，Proxy 能够拦截并且自...

2020-05-27

60浏览

0评论

基于js实现复制内容到操作系统粘贴板过程解析

一、如果只考虑IE浏览器，可以直接用原声js实现(兼容IE、谷歌、火狐等浏览器)if(window.clipboardData){ //清空操作系统粘贴板 window.clipboardData.clearData(); //将需...

2020-05-27

56浏览

0评论

js脚本中执行java后台代码方法解析

使用场景：关闭页面弹窗时执行sql语句。其实js里执行sql语句有多种方式。方式一：直接在js代码里调用sql语句，原则上不能使用，因为这将sql直接暴露在客户端，安全性极差。方式二：在js...

2020-05-27

60浏览

0评论

这15个Vue指令,让你的项目开发爽到爆

受 AngularJS 的启发，Vue 内置了一些非常有用的指令（比如v-html 和 v-once等），每个指令都有自身的用途。完整的指令列表可以在这里查看.这还没完，更棒的是可以开发自定义指令。Vu...

2020-05-27

36浏览

0评论

vue控制多行文字展开收起的实现示例

这里讲一下，如何使用vue控制多行文字展开收起（也叫控制文字展开隐藏）。效果：这里设置了控制三行，如果超过三行会展示，“显示更多” 超出文字显示省略号。点击“显示更多”会展开所...

2020-05-27

45浏览

0评论

微信小程序点击切换样式scroll-view实现代码实例

这篇文章主要介绍了微信小程序点击切换样式scroll-view实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下sc...

2020-05-27

84浏览

0评论

解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题

问题截图：解决方案：1、打开File --> Setting 窗口2、搜索 Webpack3、选择如下路径总结以上所述是小编给大家介绍的解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack...

2020-05-27

39浏览

0评论

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

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

2020-05-27

34浏览

0评论

JsonProperty 的使用方法详解

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

2020-05-27

34浏览

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

43浏览

0评论

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

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

2020-05-27

31浏览

0评论

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

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

38浏览

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

42浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

40浏览

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

38浏览

0评论

jquery 时间戳转日期过程详解

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

41浏览

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

40浏览

0评论

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

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

2020-05-27

热门文章