JavaScript - 教程之家

45浏览

0评论

JavaScript实现旋转轮播图

最近一直在学习JavaScript，然后看到旋转轮播图的案例，就尝试着用js做了一个简单的轮播图，因为无法显示动态效果，所以就放个截图：
这个效果是这样的：一共有7张图片，它们会自动地向...

2020-05-27

39浏览

0评论

JavaScript中Hoisting详解 (变量提升与函数声明提升)

本文主要给大家介绍了关于JavaScript中Hoisting(变量提升与函数声明提升）的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。如何将函数声明 / 变量...

2020-05-27

61浏览

0评论

简单实现jQuery手风琴效果

本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下js代码：<script type="text/javascript" src="jquery-3.0.0.js"></script><script type="text/j...

2020-05-27

76浏览

0评论

基于 Vue 的树形选择组件的示例代码

本文介绍了基于 Vue 的树形选择组件。分享给大家，具体如下：
系统要求：Vue 2
基本特性完美的多级联动效果支持无限多的分级有全选、半选、不选三种状态截图展示代码...

2020-05-27

47浏览

0评论

ReactJs实现树形结构的数据显示的组件的示例

本文介绍了ReactJs实现树形结构的数据显示的组件的示例，分享给大家，具体如下：
1、该组件树形显示数据
2、组件中数据的请求方式为fetch方式
3、点击对应的数据前面的小三角，fetc...

2020-05-27

56浏览

0评论

JavaScript编写的网页小游戏，很给力

以下为游戏界面：以下为游戏代码：<html><head> <script language="JavaScript">   var timerID =...

2020-05-27

55浏览

0评论

简单实现jQuery轮播效果

本文实例为大家分享了jQuery轮播效果展示的具体代码，供大家参考，具体内容如下jQ代码：
在写jQuery代码之前一定要先导库，此处我用的是3.0的库<script src="jquery-3.0.0.js"></s...

2020-05-27

47浏览

0评论

JS实现页面打印（整体、局部）

我们在网页开发过程中经常会有打印页面的需求，通过JS来实现的方法有很多，这里我做了一个整理，供大家参考。
方式一：window.print()整体打印<a href="javascrīpt:window.print()...

2020-05-27

70浏览

0评论

自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

一、先明白几个概念phys.width:device-width:一般我们所指的宽度width即为phys.width，而device-width又称为css-width。其中我们可以获取phys.width即width通过document.docu...

2020-05-27

51浏览

0评论

关于meta viewport中target-densitydpi属性详解（推荐）

前段时间在做WAP页面，发现页面设置了meta viewport中的大众属性，即：<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" > 但发现页...

2020-05-27

197浏览

0评论

JavaScript你不知道的一些数组方法

concatvar a = [1,2,3];a.concat([4,5,6],7,8);//[1,2,3,4,5,6,7,8]注意，a数组并没有改变，只是返回了一个新数组。copyWithin它接受三个参数。target （必需）：从该位置开始替换数...

2020-05-27

51浏览

0评论

移动设备手势事件库Touch.js使用详解

Touch.js手势库是专门在Webkit内核浏览器的移动设备中使用中设计的, Touch.js是移动设备上的手势识别与事件库。Touch.js基于原生事件,支持事件代理, 性能更好，极简的API,秒...

2020-05-27

41浏览

0评论

JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码

手机的屏幕有大有小，移动web最好做成响应式布局，也就是自适应屏幕，没有固定宽高，这样的话，在所有手机上都可以正常显示。关于移动端页面按手机屏幕分辨率自动缩放的js，先附上代码...

2020-05-27

135浏览

0评论

Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结（附代码）

可能大家发现自己制作的手机端页面，默认打开的时候并不是在理想的缩放状态下。遇到这样的问题，需要在head标签下，添加meta解决。代码如下：<meta name=”viewport” content=”wi...

2020-05-27

54浏览

0评论

二维码图片生成器QRCode.js简单介绍

QRCode.js是一个实现生成二维码(QRCode)的js插件。 QRCode.js有着良好的跨浏览器兼容性（高版本使用HTML5的 Canvas，低版本IE使用table元素绘制），而且QRCode.js没有任何依赖。只...

2020-05-27

43浏览

0评论

js使用highlight.js高亮你的代码

在逛别人的博客的时候，看见别人的代码的例子使用了高亮的语法，无论是java，js还是php等等语言，都会自动的对关键字进行高亮。于是在前几天自己写了一个博客，遇到code时，自然就想到...

2020-05-27

68浏览

0评论

select自定义小三角样式代码（实用总结）

这段代码是网上大部分的解决办法，在这里总结一下：让select透明，上面加一个span，来替换select框，可以自定义小三角样式，也可以做出select文字居中的效果。　　　　<div class="ui-s...

2020-05-27

64浏览

0评论

JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】

本文实例讲述了JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果。分享给大家供大家参考，具体如下：基于Sketch.js，实现了物体触碰检测（蝌蚪会遇到障碍物以及聪明的躲避鼠标的...

2020-05-27

64浏览

0评论

jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】

本文实例讲述了jQuery+HTML5实现WebGL高性能烟花绽放动画效果。分享给大家供大家参考，具体如下：运行效果：完整代码如下：<!DOCTYPE html><html class=" -webkit- js flexbox canv...

2020-05-27

42浏览

0评论

Vue中引入样式文件的方法

一、在vue中使用scss首先进行安装如下依赖：
cnpm i sass-loader node-sass -D
二、vue中引入样式文件1）在index.html模板html文件中引入，这种方式引入的原样编译在生成的html...

2020-05-27

63浏览

0评论

浅谈Angular2 ng-content 指令在组件中嵌入内容

ng-content指令可以在组件中嵌入模板代码，方便定制可复用的组件。
比如：页面的header是个通用组件，导航菜单样式已经设定好，只需在header标签内加上菜单内容。用ng-content标签，...

2020-05-27

68浏览

0评论

Node.JS更改Windows注册表Regedit的方法小结

注册表是windows操作系统中的一个核心数据库，其中存放着各种参数，直接控制着windows的启动、硬件驱动程序的装载以及一些windows应用程序的运行，从而在整个系统中起着核心作用...

2020-05-27

44浏览

0评论

浅谈angular4 ng-content 中隐藏的内容

如果你尝试在 Angular 中编写可重复使用的组件，则可能会接触到内容投射的概念。然后你发现了 <ng-content> ，并找到了一些关于它的文章，进而实现了所需的功能。接下来我们来通...

2020-05-27

76浏览

0评论

Vue组件选项props实例详解

前面的话　　组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向...

2020-05-27

67浏览

0评论

javascript将url解析为json格式的两种方法

本文介绍了javascript将url解析为json格式的两种方法，分享给大家，具体如下：方法一：最简单的方法，利用a标签来实现function parseUrl(url){ var a=document.createElement('a');...

2020-05-27

56浏览

0评论

详解JS数组Reduce()方法详解及高级技巧

基本概念reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除...

2020-05-27

60浏览

0评论

JS模拟超市简易收银台小程序代码解析

废话不多说了，直接给大家贴代码了，具体代码如下所示： <script type="text/javascript"> // 1.编写一个程序，计算增加后的工资。要求基本工资大于等于1000元，增加20%的工资;若小于...

2020-05-27

52浏览

0评论

JavaScript 完成注册页面表单校验的实例

1、步骤分析
第一步：确定事件(onsubmit)并为其绑定一个函数第二步：书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)第三步：对用户输入的数据进行判断...

2020-05-27

37浏览

0评论

简单的网页广告特效实例

为了练习javascript，做了一个简单的demo，实现的是广告从顶部慢慢拉出到最大，然后停留2s，再收缩到比较小且可以关闭的广告特效。图片可以替换为任意其他的图片。
代码如下
<!DOCT...

2020-05-27

62浏览

0评论

Vue内容分发slot(全面解析)

前面的话为了让组件可以组合，需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发 (或 “transclusion” )。Vue实现了一个内容分发 API，参照了当前...

2020-05-27

58浏览

0评论

Vue自定义事件(详解)

前面的话父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件事件绑定每个 Vue 实例都实现了事件接口...

2020-05-27

56浏览

0评论

Mui使用jquery并且使用点击跳转新窗口的实例

网上好多朋友是这样做的：全局插入了js代码mui('body').on('tap', 'a', function () { document.location.href = this.href; });这样做是行的，但是有很多问题，比如点击侧栏的时...

2020-05-27

64浏览

0评论

深入理解ES6的迭代器与生成器

本文介绍了深入理解ES6的迭代器与生成器，分享给大家，具体如下：
循环语句的问题
var colors = ["red", "green", "blue"];for(var i=0; i<colors.length; i++){ console.log(co...

2020-05-27

50浏览

0评论

深入理解ES6学习笔记之块级作用域绑定

众所周知，js中的var声明存在变量提升机制，因此ESMAScript 6引用了块级作用域来强化对变量生命周期的控制
let const 声明不会被提升，有几个需要注意的点
1、不能被重复声明假设...

2020-05-27

55浏览

0评论

JavaScript文件的同步和异步加载的实现代码

对于JS文件的引用，尽管当前有不少框架和工具（比如webpack，commonjs，requiresjs等）都做了很好的处理。但是抛开这些框架，了解原生的加载方式还是不无裨益。本文简述一些js文件的同...

2020-05-27

57浏览

0评论

Vue Transition实现类原生组件跳转过渡动画的示例

最近学习了Vue Transition的用法，感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记
官方文档：https://cn.vuejs.org/v2/guide/transitions.html
演示地址：http://www...

2020-05-27

67浏览

0评论

如何理解Vue的作用域插槽的实现原理

本文介绍了如何理解Vue的作用域插槽的实现原理，分享给大家，也给自己留个笔记
举个例子，比如我写了一个可以实现条纹相间的列表组件，发布后，使用者可以自定义每一行的内容或样式（普...

2020-05-27

47浏览

0评论

浅谈关于.vue文件中style的scoped属性

本文介绍了.vue文件中style的scoped属性以及踩到的坑，具体如下：scoped可以实现style只作用于当前的.vue文件
<template> <div class="user"></div></template><script></scri...

2020-05-27

74浏览

0评论

ionic App问题总结系列之ionic点击系统返回键退出App

在安卓下，如果不处理系统返回键的事件，那么每次点击返回键，将页面将返回到上一个路由，这种逻辑不符合app的路由逻辑。正确的应该是：当页面到了各个导航页的首页时，此时再按返回键...

2020-05-27

46浏览

0评论

React Native 环境搭建的教程

一直对 RN 充满了好奇，前段时间学习并实际使用 RN 来开发了一个简单的应用。第一步从环境搭建开始。环境搭建分别需要安装Node，Watchman，Yarn 和 RN 命令行工具，推荐把 react-de...

2020-05-27

51浏览

0评论

JavaScript贪吃蛇小组件实例代码

1 写在前面看来《JavsScript高级编程》，想做一个小demo练练自己的手，选择了贪吃蛇游戏。由于以前都是用c#写的，将贪吃蛇写到一个类里面，然后一个一个小方法的拆分，只向外提供需要...

2020-05-27

62浏览

0评论

Vue组件实例间的直接访问实现代码

前面的话　　有时候需要父组件访问子组件，子组件访问父组件，或者是子组件访问根组件。在组件实例中，Vue提供了相应的属性，包括$parent、$children、$refs和$root，这些属性都挂载...

2020-05-27

58浏览

0评论

jQuery实现表格冻结顶栏效果

昨天晚上公司遇到个小需求，就是实现类似表格冻结顶栏的效果，具体描述就是下面动态图的效果这样的效果不算是很难，但是实现起来确实挺麻烦的，这里的难点就不多说了，就是这个效果一...

2020-05-27

53浏览

0评论

Vue动态组件实例解析

前面的话　　让多个组件使用同一个挂载点，并动态切换，这就是动态组件。本文将详细介绍Vue动态组件概述
　　通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，可以实...

2020-05-27

48浏览

0评论

关于JavaScript的单双引号嵌套问题

单引号和双引号之间可以相互嵌套。1、单引号内只能嵌套双引号。2、双引号内只能嵌套单引号。3、如果想在双引号内，再嵌套双引号，里面的双引号，一定要进行转义（\”）。4、JS中的转...

2020-05-27

44浏览

0评论

ES6扩展运算符的用途实例详解

ES6的扩展运算符可以说是非常使用的，在给多参数函数传参，替代Apply，合并数组，和解构配合进行赋值方面提供了很好的便利性。扩展运算符就是三个点“...”，就是将实现了Iterator 接...

2020-05-27

76浏览

0评论

mui 打开新窗口的方式总结及注意事项

一、什么是良好的用户体验（淘宝、易迅）1、预加载截图方式：点击、切换模版窗口、显示等待框、执行ajax并渲染、显示数据、关闭等待框。2、head、body分开载入方式：点击、切换窗口...

2020-05-27

42浏览

0评论

Bootstrap 模态框（Modal）带参数传值实例

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。为了实现父窗体与其...

2020-05-27

43浏览

0评论

Cropper.js 实现裁剪图片并上传(PC端)

由于之前做项目的时候有需求是需要实现裁剪图片来做头像并上传到服务器，所以上网查询了很多资料，也试用了许多案例，发现cropper插件裁剪是比较完善的，所以结合之前的使用情况，编...

2020-05-27

63浏览

0评论

详解A标签中href=""的几种用法

众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a href="JavaScript:;"></a>，所以就来整理下...

2020-05-27

热门文章