小程序实现列表倒计时功能
本文实例为大家分享了小程序实现列表倒计时的具体代码，供大家参考，具体内容如下效果HTML代码<view class="hbMpBox" wx:for="{{mpThing}}" data-goodsId="{{item.goods_id}}"...
2021-01-29
JS相册图片抖动放大展示效果的示例代码
上篇文章给大家介绍了JS实现简单抖动效果，感兴趣的朋友点击查看。今天给大家分享JS相册图片抖动放大展示效果，效果图如下所示：var xm;var ym; /* ==== onmousemove event ====...
2021-01-29
vue监听键盘事件的相关总结
按键修饰符
在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：<!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --><input...
2021-01-29
javascript实现拼图游戏
本文实例为大家分享了javascript实现拼图游戏的具体代码，供大家参考，具体内容如下<div id="container"> <!--最外面的DIV，用来包含里面的结构--> <div id="game"> <!--游戏区,...
2021-01-29
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
JavaScript hasOwnProperty() 方法是 Object 的原型方法（也称实例方法），它定义在 Object.prototype 对象之上，所有 Object 的实例对象都会继承 hasOwnProperty() 方法。hasOwnPr...
2021-01-29
Javascript实现打鼓效果
本文实例为大家分享了Javascript实现打鼓效果的具体代码，供大家参考，具体内容如下按住响应的键盘显示不同的声音<div class="keys"> <div data-key="65" class="key"> <kbd...
2021-01-29
JS实现点击掉落特效
js实现点击掉落特效 先看看效果图 话不多说代码<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</tit...
2021-01-29
Javascript实现关闭广告效果
用Javascript实现关闭广告案例，供大家参考，具体内容如下正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教。我们在网页中经常可以看见烦人的小广告，并且广告...
2021-01-29
Vue 实例中使用$refs的注意事项
在开发过程中，经常会通过实例的vm.$refs(this.$refs)取得通过ref注册过的组件，并进行相应操作，但存在取不到元素的情况，其根本原因是因为$refs只能取得mounted（渲染）之后的元素。...
2021-01-29
vue 项目@change多个参数传值多个事件的操作
首先是只有一个change事件changelevel()//选择值若想改变select同时改变row里的值多个事件用；分割开来此时发现changelevel()不执行那么加上（）呢changelevel(val){ console.lo...
2021-01-29
vue 实现click同时传入事件对象和自定义参数
仅仅传入自定义参数HTML<div id="app"> <button @click="tm(123)">ddddd</button></div>JS代码new Vue({ el:'#app', methods:{ tm:function(e){ console.log(e); }...
2021-01-29
聊聊vue 中的v-on参数问题
vue中v-on:clock的使用最近在学习vue.js框架。记下其中遇到的一些问题，以便以后查阅。首先，这是一个页面(为了便于观察，将各个标签都一一着色)：其中html代码：<div class="groupbo...
2021-01-29
vue集成一个支持图片缩放拖拽的富文本编辑器
需求：
根据业务要求，需要能够上传图片，且上传的图片能在移动端中占满屏幕宽度，故需要能等比缩放上传的图片，还需要能拖拽、缩放、改变图片大小。尝试多个第三方富文本编辑器，很难...
2021-01-29
7种利用JS实现页面跳转的方法（分享）
相信很多Web开发者都知道，在开发Web程序的时候，对于页面之间的跳转，有很多种，但是有效的跳转则事半功倍，下面就是我在平时的开发过程中所用到的7种JavaScript跳转方式。第一种：直...
2021-01-28
JavaScript中的错误对象（Error object）
每当 JavaScript 中发生任何运行时错误时，都会引发Error对象。 在许多情况下，我们还可以扩展这些标准Error对象，以创建我们自己的自定义Error对象。属性Error 对象具有2个属性n...
2021-01-28
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
背景前段时间在公司项目中遇到一个问题，地图底图区域只有一部分范围，超出当前范围会显示白底，使用效果来说非常的不好，伴随着的需求便是地图缩小、鼠标移动地图超出底图的显示范...
2021-01-28
vue使用transition组件动画效果的实例代码
transition文档地址
定义一个背景弹出层实现淡入淡出效果<template> <div> <button @click="show = !show"> Toggle </button> <transition name="fadeBg"> <div cla...
2021-01-28
Bootstrap FileInput实现图片上传功能
本文实例为大家分享了Bootstrap FileInput实现图片上传功能的具体代码，供大家参考，具体内容如下html代码：<div class="form-group"> <label class="col-sm-2 control-label">图...
2021-01-28
一文秒懂nodejs中的异步编程
文章目录 简介同步异步和阻塞非阻塞javascript中的回调回调函数的错误处理回调地狱 ES6中的Promise什么是PromisePromise的特点Promise的优点Promise的缺点Promise的用法Pro...
2021-01-28
Vue v-model相关知识总结
​v-model是Vue的一个指令，它提供了input和form数据之间或两个组件之间的双向数据绑定。这在Vue开发中是一个简单的概念，但是v-model的真正威力需要一些时间才能理解。到...
2021-01-28
Vue 数据响应式相关总结
在说数据响应式之前，我们要解决一个很重要的问题，那就是Vue到底对data做了什么？先从getter和setter说起，我们用那个他们来对虚拟的属性进行读写。getter和setter
有如下代码let...
2021-01-28
node使用async_hooks模块进行请求追踪
async_hooks 模块是在 v8.0.0 版本正式加入 Node.js 的实验性 API。我们也是在 v8.x.x 版本下投入生产环境进行使用。那么什么是 async_hooks 呢？async_hooks 提供了追踪异步...
2021-01-28
JavaScript如何实现防止重复的网络请求的示例
前言在开发中，经常会遇到接口重复请求导致的各种问题。
对于重复的网络请求，会导致页面更新多次，发生页面抖动的现象，影响用户体验。
例如当前页面请求还未响应完成，就切换到其他...
2021-01-28
一起看看ECMAScript和JavaScript的区别
1、ECMAScript的简介ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语...
2021-01-27
使用JS实现鼠标放上图片进行放大离开实现缩小功能
使用JS实现鼠标放上图片进行放大离开实现缩小功能，具体代码如下所示：<!DOCTYPE html><html><head> <title></title></head><body> <div id= 'div_jpg' style="width: 200px;he...
2021-01-27
vscode自定义vue模板的实现
用vscode编辑器创建vue模板，再也不用每次新建vue文件的时候都去一遍遍的重复敲某些代码片段。输入 vue 再按回车键，即可生成自定义的vue文件内容，相当的好使，开发效率蹭蹭的上去...
2021-01-27
JavaScript实现切换多张图片
本文实例为大家分享了JavaScript实现切换多张图片的具体代码，供大家参考，具体内容如下循环切换图片
HTML+CSS+JavaScript
html部分<body> <div class="outer"> <p id="info">...
2021-01-27
js实现鼠标切换图片（无定时器）
本文实例为大家分享了js实现鼠标切换图片的具体代码，供大家参考，具体内容如下实现效果，可以利用鼠标移动在对应的小点点上，或者点击左右两侧的箭头切换图片，并在图片的上方显示出...
2021-01-27
vue+echarts实现中国地图流动效果(步骤详解)
@vue+echarts实现中国地图流动效果#话不多说看效果图操作步骤：执行命令:npm run echarts -s 并回车看到这样的提示代表安装成功 PS：网络不好的情况建议用cnpm淘宝镜像（全局终端...
2021-01-27
JavaScript实现点击切换功能
本文实例为大家分享了JavaScript实现点击切换功能的具体代码，供大家参考，具体内容如下在实际应用中，点击或者移入某一元素上，弹出下拉菜单或者页面，是网页设计的常见操作。下面我...
2021-01-27
jquery实现点击左右按钮切换图片
本文实例为大家分享了jquery点击左右按钮切换图片的具体代码，供大家参考，具体内容如下当点击了右边的按钮后，图片向左移动，同理左边按钮。css样式此处省略......直接进入到js代...
2021-01-27
怎样在vue中使用jquery
如果想在普通的HTML页面引入jQuer库的话，直接使用<script src="jQuery.js"></script>即可。但是如果要在Vue组件中使用jQuery库的话，使用这样的方式就不行了，那么怎样在vue中使...
2021-01-27
编写javascript程序的唯一工具是纯文本编辑器吗？
可以编写javascript程序的工具WebStormWebStorm是一款强大的JavaScript IDE。它支持多种框架和CSS语言，包括前端，后端，移动端以及桌面应用。WebStorm可以无缝整合第三方工具，例...
2021-01-26
使用JavaScript禁止复制网站内容的几种方法
若是你不想别人复制你的网站内容，可以把这段js代码加到你网页上，即可屏蔽鼠标右键菜单、复制粘贴、选中等。有时候的需求是网站中有些内容不希望别人复制，那么就需要用代码控制...
2021-01-26
JavaScript数组遍历的6种方法比较
6种JS数组遍历方法一、forJavascript中的for循环，它用来遍历数组 var arr = [1,2,3,4]for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i])}//1,2,3,4九九乘法表：...
2021-01-26
Node使用koa2实现一个简单JWT鉴权的方法
JWT 简介什么是 JWT全称 JSON Web Token ， 是目前最流行的跨域认证解决方案。基本的实现是服务端认证后，生成一个 JSON 对象，发回给用户。用户与服务端通信的时候，都要发回这个...
2021-01-26
深入了解Vue动态组件和异步组件
1.动态组件<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> #app { font-size: 0 } .dynamic-component-demo-tab-button { padding: 6px 10px; bord...
2021-01-26
vue 组件基础知识总结
组件基础
1 组件的复用
组件是可复用的Vue实例。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.o...
2021-01-26
vue3 watch和watchEffect的使用以及有哪些区别
1.watch侦听器
引入watchimport { ref, reactive, watch, toRefs } from 'vue'对基本数据类型进行监听----- watch特性：1.具有一定的惰性lazy 第一次页面展示的时候不会执行，...
2021-01-26
js基本数据类型有哪些
JavaScript的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）。● 常用的基本数据类型包括undefined、null、number、boolean、string；● 引用数据类型也...
2021-01-25
vue和javascript的区别是什么
vue和javascript的区别：javaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。Vue.js可...
2021-01-25
全面解析js中的原型,原型对象,原型链
理解原型
我们创建的每一个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。看如下例子...
2021-01-25
js中实现继承的五种方法
借用构造函数
这种技术的基本思想很简单，就是在子类型构造函数的内部调用超类型的构造函数。另外，函数只不过是在特定环境中执行代码的对象，因此通过使用apply()和call()方法也...
2021-01-25
javascript实现点击产生随机图形
本文实例为大家分享了javascript实现点击产生随机图形的具体代码，供大家参考，具体内容如下点击产生随机图形效果如下：用javascript来实现主要用canvas和随机函数完成各种图形第...
2021-01-25
json.stringify()与json.parse()的区别以及用处
一、JSON.stringify()和JSON.parse() 区别
我们都用过JSON.stringify()和JSON.parse() ，从名字上就能知道
JSON.stringify()的作用是将JavaScript对象转换为JSON 字符串
JSON...
2021-01-25
如何在Vue项目中添加接口监听遮罩
一、业务背景
使用遮罩层来屏蔽用户的非正常操作，是前端经常使用的方式。但是在一些项目中，并没有对遮罩层进行统一管理，这就会造成如下的问题：
（1）所有的业务组件都要引入遮罩层...
2021-01-25
JS中循环遍历数组的四种方式总结
本文比较并总结遍历数组的四种方式：for 循环：for (let index=0; index < someArray.length; index++) { const elem = someArray[index]; // ···}for-in 循环：for (const ke...
2021-01-23
js简单粗暴的发布订阅示例代码
什么是发布/订阅？我打个比方，你去某个门店买衣服，你和门店店长相互并不认识，门店店长只管卖他的衣服，并不关心是谁来买，而你也只管买你想要的衣服，并不关心是哪个门店在卖，这时，门店...
2021-01-23
jquery给元素设置/取消readonly和disabled属性
jquery设置元素的readonly和disabled1.readonly$('input').attr("readonly","readonly")//将input元素设置为readonly$('input').removeAttr("readonly");/...
2021-01-22
了解Nodejs中的模块载入
使用Nodejs，就不可避免地引用第三方模块，它们有些是Nodejs自带的（例：http，net...），有些是发布在npm上的（例：mssql，elasticsearch...）本篇章聚焦3个问题：1.Nodejs模块的加载过程。2.应用...
2021-01-22
