ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】

本文实例讲述了ES6常用小技巧。分享给大家供大家参考,具体如下:1- 数组去重var arr = [1,2,3,4,3,4]; var arr2 = [...new Set(arr)];这个时候arr2就是去重后的数组~2- 交换两...

高性能js数组去重(12种方法,史上最全)

数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。在真实的项...

JavaScript中的相等操作符使用详解

ECMAScript 中的相等操作符由两个等于号 ( == ) 表示,如果两个操作数相等,则返回 true。相等操作符会先转换操作数(通常称为强制转型),然后比较它们的相等性。在转换不同的数据类...

javascript中的相等操作符(==与===区别)

1.前言我们在编程的过程中,经常会遇到判断两个变量是否相等的情况,ECMAscript提供了两种相等操作符”==”和”===”来判断,这两种操作都会返回一个boolean值。一般来说,我们把”...

判断JavaScript中的两个变量是否相等的操作符

1、为什么要判断?可能有些同学看到这个标题就会产生疑惑,为什么我们要判断JavaScript中的两个变量是否相等,JavaScript不是已经提供了双等号“==”以及三等号“===”给我们使用...

详解vue-router 动态路由下子页面多页共活的解决方案

我们都知道 vue-router 的动态路由匹配 对组件是原地复用的策略,需要我们在组件中根据不同的 $route 参数展示不同的数据,这在大部分情景下是很高效的做法,但这无疑增加了组件...

node.js事件轮询机制原理知识点

借助libuv库实现的概括事件轮询机制:分为六个阶段
1.timers 定时器阶段
计时和执行到点的定时器回调函数2.pending callbacks
某些系统操作(例如TCP错误类型)3.idle,prepare4.p...

webpack打包html里面img后src为“[object Module]”问题

在html中引入img图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

java遇到微信小程序 "支付验证签名失败" 问题解决

最近在做一个微信小程序项目做到微信支付的时候遇到的一些问题!详细步骤:开发前准备(必须)  小程序标识(appid):wx4d4838ebec29b8**  商户号(mch_id):15508070**  商户密钥(key) :w...

Vue+Node实现的商城用户管理功能示例

本文实例讲述了Vue+Node实现的商城用户管理功能。分享给大家供大家参考,具体如下:1、用户登陆前端将用户输入的用户名密码post发送到后端,如果返回status=0,代表登陆成功,将hasLo...

Angular如何由模板生成DOM树的方法

Angular等现代Web框架极大的提高了开发效率,比如我们经常会在开发过程中写出类似下面的代码:<div> {{title}}</div>export class AppComponent { title = 'angular';}这种模...

node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例

本文实例讲述了node.js使用mongoose操作数据库实现购物车的增、删、改、查功能。分享给大家供大家参考,具体如下:1、数据库操作语句Mongoose通过model实现对每个集合的操作,在...

JQuery中的常用事件、对象属性与使用方法分析

本文实例讲述了JQuery中的常用事件、对象属性与使用方法。分享给大家供大家参考,具体如下:JQuery中的常用事件
.click() 鼠标单击触发事...

JQuery中DOM节点的操作与访问方法实例分析

本文实例讲述了JQuery中DOM节点的操作与访问方法。分享给大家供大家参考,具体如下:Jquery中DOM节点的操作 已有对象.append(要添加的对象)...

Jquery属性的获取/设置及样式添加/删除操作技巧分析

本文实例讲述了Jquery属性的获取/设置及样式添加/删除操作技巧。分享给大家供大家参考,具体如下:Jquery属性的获取与设置//找到第一个input,通过attr设置属性value的值$("input...

JQuery常用选择器功能与用法实例分析

本文实例讲述了JQuery常用选择器功能与用法。分享给大家供大家参考,具体如下:JQuery基础回顾今天对JQuery内容进行了回顾,下面进行一些总结:JQuery是javascript的一个库,所以二者...

vue实现拖拽效果

vue中实现拖拽效果,供大家参考,具体内容如下首先要搞明白分清clientY pageY screenY layerY offsetY的区别作用3(事件对象中记录的鼠标位置)语法 解释evt.screenX 相对于屏幕的...

vue实现移动端图片上传功能

本文实例为大家分享了vue实现移动端图片上传的具体代码,供大家参考,具体内容如下<template> <div class="box"> <div class="upDiv"> {{labTex}} //标题 //上传按钮 <input...

使用JS location实现搜索框历史记录功能

首先,来看下效果图(样式什么的就不必吐槽了哈)html代码<form id="hisform"> <div id="searchbox"> <input id="inpt" type="text" autocomplete="off" /> <input id="...

微信小程序实现签字功能

效果展示 准备工作1.canvas的使用主要用到了 bindtouchstart , bindtouchmove 两个属性,捕捉手指移动的同时,将移动前的坐标和移动后的坐标用canvas的画图api绘制出来2.wx.crea...

vue图片上传组件使用详解

vue图片上传组件,供大家参考,具体内容如下最近在做项目的时候顺便补充了一下公司项目的公共组件库,刚刚手头事情告一段落,就来做个笔记。首先来看看最终效果1.不允许删除 2.允许...

Vue移动端实现图片上传及超过1M压缩上传

本文实例为大家分享了Vue移动端实现图片上传及超过1M压缩上传的具体代码,供大家参考,具体内容如下1、实现效果2、代码Html:<div class="choosePic"> <div class="pics" :style...

vue项目实现图片上传功能

本文实例为大家分享了vue实现图片上传功能的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head...

vue实现图片上传预览功能

本文实例为大家分享了vue实现图片上传预览的具体代码,供大家参考,具体内容如下效果图html结构<ul class="gallery-window-map" style="flex-wrap:wrap;"> <!--点击上传按钮-->...

vue element-ui实现动态面包屑导航

vue element-ui动态面包屑导航,供大家参考,具体内容如下直接上代码一、template代码// 这是单独的组件<template> <el-breadcrumb separator-class="el-icon-arrow-right"> //...

JS实现关闭小广告特效

本文实例为大家分享了JS实现关闭小广告特效的具体代码,供大家参考,具体内容如下知识点
1、获取元素
2、通过元素获取父元素
3、删除节点
4、设置元素隐藏
运行效果
直接删除隐...

JS实现简易留言板特效

本文实例为大家分享了JS实现留言板特效的具体代码,供大家参考,具体内容如下知识点1.textarea 大段输入框
2.value获取输入框的值
3.innerHTML所用东西;innerText文本
4.insertB...

JS实现图片切换特效

本文实例为大家分享了JS实现图片切换的具体代码,供大家参考,具体内容如下知识点:
1.window.onload网页全部加载完后再执行
2.获取元素 设置属性
3.临界情况判断
运行效果:点击上...

JS实现星星海特效

本文实例为大家分享了JS实现星星海特效的具体代码,供大家参考,具体内容如下知识点1.CSS使用@keyframes自定义动画,使用animation调用自定义动画2.opacity 透明度。从 0.0 (完全...

JS实现小星星特效

本文实例为大家分享了JS实现小星星特效的具体代码,供大家参考,具体内容如下鼠标点击窗口实现如图效果:
看起来是不是很像小星星呀代码如下:<!DOCTYPE html><html> <head> <meta...

javascript实现点击星星小游戏

本文实例为大家分享了JavaScript实现点击星星的具体代码,供大家参考,具体内容如下<head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #d2{ wid...

Javascript实现鼠标点击冒泡特效

本文实例为大家分享了js鼠标点击冒泡的具体代码,供大家参考,具体内容如下一个用JS写的鼠标左击特效点击鼠标左键会出现红心”&#10084;”或者字符表情“(&#3665;&#8226;&#769;...

javascript实现鼠标点击生成文字特效

前端实用脚本(鼠标点击生成文字特效)你好! 这是你第一次写 博客 目的是为了记录常用到的技术知识以供同行参考学习和方便自己以后查阅前言最近在浏览一些博客的时候总是能够...

js实现鼠标点击页面弹出自定义文字效果

本文实例为大家分享了js鼠标点击页面弹出文字的具体代码,供大家参考,具体内容如下效果:实现代码:(function(e){ // 点击事件触发生生元素等一系列动作的初始状态 var bombFlag =...

微信小程序自定义模态弹窗组件详解

小程序自带一个showModal弹窗,调用很简单,但是限制很多,title有字数限制,中间的content也只能放文字不能放组件,所以作为一个前端碰到那种连续好几个跟微信自带的模态弹窗风格一...

iSlider手机端图片滑动切换插件使用详解

自适应轮播图,支持手机触屏滑动,三种切换效果。效果图:js:var iSlider = function(opts) { if (!opts.dom) { throw new Error("dom element can not be empty!"); } if (!opts...

JavaScript实现英语单词题库

本文实例为大家分享了JavaScript制作简易单词测试题库的具体代码,供大家参考,具体内容如下使用sessionStorage和localStorage制作一个英语单词题库由于一共有三个页面 所以htm...

浅析vue-router中params和query的区别

1.引入方式不同query要用path来引入this.$router.push({ path: 'test', query: { type: 2, detail: '哈哈' }})params要用name来引入this.$router.push({ name: '...

微信小程序如何获取地址

本文实例为大家分享了微信小程序获取地址的具体代码,供大家参考,具体内容如下wxml<map id="map" longitude="{{data.longitude}}" latitude="{{data.latitude}}" scale="14" m...

vue实现分页加载效果

本文实例为大家分享了vue分页加载的具体代码,供大家参考,具体内容如下HTML<!-- 商品 页数--> <div class="pagenavi"> <div class="all-number"> <span>共{{data.length}}个...

在JavaScript中实现链式调用的实现

链式调用实现本身比较简单,也有很多文章详细阐述了其实现方式。本文更多从链式调用方法返回值的角度,更进一步来说明如何实现链式调用。什么是链式调用
链式调用在 JavaScript...

继承行为在 ES5 与 ES6 中的区别详解

笔者注:一句话引发的基础知识回炉,基础不扎实,还要什么自行车
最近在看 React 方面的一些文章时,看到了这样一个问题,「为什么每个 class 中都要写 super, super 是做什么的?」, 刚...

vue分页插件的使用方法

本文实例为大家分享了vue分页插件的具体代码,供大家参考,具体内容如下分页插件代码:<div> <div class="page"> <div class="pagelist"> <span class="jump" :class="{d...

微信小程序停止其他视频播放当前视频的实例代码

微信小程序停止其他视频播放当前视频,代码如下所示:<view class="content"> <!--首页--> <scroll-view class='nav-page'> <view class="item-box " wx:for="{{videelsi}}" w...

node实现mock-plugin中间件的方法

写在前面最近在使用Mockjs作为项目里面mock数据的工具,发现mockjs做的拦截部分是自己实现摸拟了一个XMLHttpRequest的方法做的拦截,使用Mockjs拦截请求后,在chrome的network上...

vue远程加载sfc组件思路详解

问题在我们的 vue 项目中(特别是后台系统),总会出现一些需要多业务线共同开发同一个项目的场景,如果各业务团队向项目中提供一些公共业务组件,但是这些组件并不能和项目一起打包,...

通过微信公众平台获取公众号文章的方法示例

我之前自己维护了一个公众号,但因为个人关系很久没有更新了,今天上来缅怀一下,却偶然发现了一个获取微信公众号文章的方法。之前获取方法有很多,通过搜狗、清博、网页端、客户端...

如何基于JS截获动态代码

这篇文章主要介绍了JS注入eval, Function系统函数并截获动态代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下正文...

Vue 路由间跳转和新开窗口的方式(query、params)

路由间跳转配置:query 方式参数会在url中显示this.$router.push({ // query方式 path: "/a", query: { projectDetails: val },params 方式传参数据不会在导航栏中显...

解决Vue 刷新页面导航显示高亮位置不对问题

首先:现在是我点击在产品介绍页面

但是当我刷新页面后高亮位置就变成了第一个


在头部组件里面控制导航高亮显示是checked,默认值是0,触发点击事件会重新赋值,跳转路由,当刷新...

返回顶部
顶部