JavaScript - 教程之家

127浏览

0评论

JS实现关闭小广告特效

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

2020-05-27

138浏览

0评论

JS实现简易留言板特效

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

2020-05-27

152浏览

0评论

JS实现图片切换特效

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

2020-05-27

120浏览

0评论

JS实现星星海特效

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

2020-05-27

306浏览

0评论

JS实现小星星特效

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

2020-05-27

110浏览

0评论

javascript实现点击星星小游戏

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

2020-05-27

171浏览

0评论

Javascript实现鼠标点击冒泡特效

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

2020-05-27

126浏览

0评论

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

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

2020-05-27

136浏览

0评论

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

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

2020-05-27

156浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

125浏览

0评论

JavaScript实现英语单词题库

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

2020-05-27

159浏览

0评论

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

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

2020-05-27

140浏览

0评论

微信小程序如何获取地址

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

2020-05-27

104浏览

0评论

vue实现分页加载效果

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

2020-05-27

134浏览

0评论

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

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

120浏览

0评论

vue分页插件的使用方法

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

172浏览

0评论

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

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

2020-05-27

125浏览

0评论

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

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

2020-05-27

265浏览

0评论

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

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

2020-05-27

104浏览

0评论

如何基于JS截获动态代码

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

2020-05-27

168浏览

0评论

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

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

2020-05-27

330浏览

0评论

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

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

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

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

2020-05-27

124浏览

0评论

jQuery+PHP+Ajax实现动态数字统计展示功能

jQuery+PHP+Ajax实现的一款动态数字统计展示实例，本例是在页面上动态展示了当前在线用户数，当然了，你可以应用到其他更多场景中。首先我们在#number放置要统计的数字：<div class...

2020-05-27

195浏览

0评论

原生JS实现顶部导航栏显示按钮+搜索框功能

根据点击导航栏，搜索框的内容会随之变动话不多说，先上图
HTML代码段<div class="bar"> <ul id="menu" class="menu"> <li class="active">搜店</li> <li c...

2020-05-27

202浏览

0评论

element-ui中按需引入的实现

element-ui中按需引入为什么选择 element-ui 而不是 iview因为在多次使用两个组件的过程中慢慢发现，iview 的一些组件还是需要再完善，而 element-ui 现在更加的成熟所以，这里...

2020-05-27

120浏览

0评论

js仿360开机效果

本文实例为大家分享了js仿360开机效果的具体代码，供大家参考，具体内容如下实现效果：1.点击关闭图片按钮先往下退出再往右退出实现步骤：1.封装运动函数
2.给图片上的关闭设置一个...

2020-05-27

92浏览

0评论

js回调函数仿360开机

本文实例为大家分享了js回调函数仿360开机的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>...

2020-05-27

118浏览

0评论

node.js Promise对象的使用方法实例分析

本文实例讲述了node.js Promise对象的使用方法。分享给大家供大家参考，具体如下：Promise对象是干嘛用的？将异步操作以同步操作的流程表达出来一、Promise对象的定义let flag =...

2020-05-27

117浏览

0评论

Vue使用虚拟dom进行渲染view的方法

前提vue版本：v2.5.17-beta.0
触发render
vue在数据更新后会自动触发view的render工作，其依赖于数据驱动；在数据驱动的工作下，每一个vue的data属性都被监听，并且在set触发时，派发事...

2020-05-27

461浏览

0评论

vue 中 elment-ui table合并上下两行相同数据单元格

html ： <el-table :header-cell-style="{background:'#6d7f93',color:'white'}" :data="ptableDate" align="center" border v-loading="loading" :height="tableHeight" :sp...

2020-05-27

100浏览

0评论

JavaScript中变量提升机制示例详解

变量提升
JavaScript的变量提升有两种，用var声明的变量以及用function声明的变量。用var声明的变量
我们先来看下面这段代码，a的值是多少代码1
console.log(a);var a;按照以往...

2020-05-27

291浏览

0评论

node.js express捕获全局异常的三种方法实例分析

本文实例讲述了node.js express捕获全局异常的三种方法。分享给大家供大家参考，具体如下：场景express的路由里抛出异常后，全局中间件没办法捕获，需要在所有的路由函数里写try ca...

2020-05-27

406浏览

0评论

React中使用UMEditor的方法示例

最近项目中需要使用富文本编辑器，参考了运营小姐姐日常使用平台上的编辑器，最后考虑采用百度的UMEditor。因为轻量，功能和配置简单，没有很多定制化的功能，所以没采用UEditor。不...

2020-05-27

99浏览

0评论

vue中watch和computed为什么能监听到数据的改变以及不同之处

先来个流程图，水平有限，凑活看吧-_-||首先在创建一个Vue应用时：var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})Vue构造函数源码：//创建Vue构造函数functi...

2020-05-27

107浏览

0评论

JavaScript setInterval()与setTimeout()计时器

　　JavaScript是单线程语言，但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码，间歇时间值是指每隔指定的时间就执行一次...

2020-05-27

312浏览

0评论

前端开发之便利店收银系统代码

1+X前端初级JQ社区便利店收银系统代码<body> <input type="text" id="t" value="" disabled="disabled" /> <form id="main" action="" method=""> <span>4.5</span> <input...

2020-05-27

89浏览

0评论

JavaScript获取当前url路径过程解析

这篇文章主要介绍了JavaScript获取当前url路径过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1、假设当前页完...

2020-05-27

210浏览

0评论

Vue中axios拦截器如何单独配置token

在了解到cookie、session、token的作用后学习token的使用cookie
cookie是随着url将参数发送到后台，安全性最低，并且大小受限，不超过4kb左右，它的数据保存在客户端session
sessio...

2020-05-27

479浏览

0评论

uni-app 组件里面获取元素宽高的实现

遇到的问题：直接在组件的mounted里面创建选择器，获取元素的宽高，即使扔到定时器里面执行，还是偶尔会有获取不到的情况解决办法：
// 写法一：getDescBox() { uni.createSelectorQu...

2020-05-27

155浏览

0评论

Vue页面刷新记住页面状态的实现

环境
vue项目，页面有搜索、筛选项等。需求
页面跳转，切换或者刷新，希望可以记住用户在页面的筛选状态方案v1
vue有提供一种缓存组件的解决方案 — keep-alive。
缓存不活动的组...

2020-05-27

105浏览

0评论

如何基于JavaScript判断图片是否加载完成

这篇文章主要介绍了如何基于JavaScript判断图片是否加载完成,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这里我用...

2020-05-27

277浏览

0评论

JS中数组实现代码(倒序遍历数组,数组连接字符串)

Js中的数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性。具体代码如下所示：// =================== 求最大值=====================================<script>　　va...

2020-05-27

185浏览

0评论

Vue组件通信入门之Provide和Inject机制

前言Vue中父组件到子组件的通信主要由子组件的props属性实现。但是在一些情况下，父组件无法直接向子组件的props传值。比如子组件通过父组件的slot进入父组件，父组件根本不知...

2020-05-27

114浏览

0评论

jstree中的checkbox默认选中和隐藏示例代码

jstree复选框自定义显示隐藏和初始化默认选中首先需要配置 Checkbox plugin"plugins" : ['checkbox']设置默认选中状态（checkbox 选中）state: {checked: true}$.jstree.defaul...

2020-05-27

1608浏览

0评论

vue element-ui实现input输入框金额数字添加千分位

在util.js中定义方法包含金额添加过滤千分位，验证金额格式等const MoneyTest = /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/;// 金额添加千分位const comdify = function (n) { if...

2020-05-27

386浏览

0评论

vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)

vue项目中，需要实现点击对应按钮，滚动到对应页面位置，下面分享一个简单实用的方法原文地址 http://www.sharedblog.cn/?post=205<template> <div class="box"> <div class=...

2020-05-27

97浏览

0评论

纯js+css实现仿移动端淘宝网站的弹出详情框功能

点击查看图片代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="apple-mobile-web-app-capable" content="yes"> <...

2020-05-27

热门文章