JavaScript - 教程之家

134浏览

0评论

input file样式修改以及图片预览删除功能详细概括（推荐）

本篇对input file进行了修改，改成自己需要的样式，类似验证身份上传身份证图片的功能。效果图如下：这里主要展示上传预览图片功能，对于删除功能的html及css写的比较粗糙,对于想要...

2020-05-27

66浏览

0评论

微信小程序实现拖拽 image 触摸事件监听的实例

微信小程序实现拖拽 image 触摸事件监听的实例需要做个浮在scroll-view之上的button.尝试了一下.
实现效果图：Android中也会有类似移动控件的操作.思路差不多.获取到位移的X...

2020-05-27

78浏览

0评论

BootStrap 页签切换失效的解决方法

概述bootstrap开发标签页时，标签页显示正常，但点击时候对应内容区域没有变化。具体症状与解决方案1.标签页UI出现，但点击无反应，标签页UI并未随点击进行切换先检查bootstrap.css...

2020-05-27

68浏览

0评论

JavaScript输入分钟、秒倒计时技巧总结（附代码）

代码如下：<div class="container-fluid"> <div class="main-content-inner"> <div class="page-content"> <div class="page-header"> <form class="form-inline" id="s...

2020-05-27

78浏览

0评论

微信小程序获取session_key和openid的实例

微信小程序获取session_key和openid的实例说说获取session_key和openid的条件
1.AppID(小程序ID);
2.AppSecret(小程序密钥);
3.登录时获取code;注意:即使获取到了appid...

2020-05-27

80浏览

0评论

微信小程序获取循环元素id以及wx.login登录操作

微信小程序获取循环元素id以及wx.login登录操作通过点击方法获取循环数据元素的id例：
wxml里：<view id="list" wx:for="{{txt}}" > <text id="L_name">{{item.name}}</text>...

2020-05-27

63浏览

0评论

JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例

代码如下：reg = /[~#^$@%&!?%*]/gi;if (reg.test(postdata.Name.trim())) {alert("姓名不能含有特殊字符");} else {if (isEmojiCharacter(postdata.Name.trim())) {aler...

2020-05-27

68浏览

0评论

JavaScript全屏和退出全屏事件总结（附代码）

代码如下：window.isflsgrn = false;//ie11以下是否进入全屏标志，true为全屏状态，false为非全屏状态 window.ieIsfSceen = false;//ie11是否进入全屏标志，true为全屏状态，fal...

2020-05-27

60浏览

0评论

微信小程序获取javascript 里的数据

微信小程序获取javascript 里的数据wxml如何获取js里的数据例：
wxml里：<text id="twl">{{txt}}</text>通过上面的{{txt}}可以对应获取js里data下定义的txt的值
js里：data: {...

2020-05-27

73浏览

0评论

webpack2.0配置postcss-loader的方法

本文介绍使用webpack2.0配置postcssloader，分享给大家。具体如下：安装postcss-loadernpm install --save-dev postcss-loader然后配置webpack.config.js{ test:/\.css$/, use:...

2020-05-27

82浏览

0评论

史上最全JavaScript常用的简写技巧（推荐）

JavaScript 是属于网络的脚本语言！被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。同时很容易使用，所以越来越多的开发者选择js代码来实现...

2020-05-27

62浏览

0评论

详谈innerHTML innerText的使用和区别

document对象中有innerHTML、innerText这两个属性，都是获取document对象文本内容，但使用起来还是有区别的；1） innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到...

2020-05-27

99浏览

0评论

解决微信二次分享不显示摘要和图片的问题

解决不显示摘要和图片的问题，需要调用微信公众号的js-sdk的api ,需要前端和后台的配合，后台需要返回 appid (公众号的appid ) 、 timestamp (生成签名的时间戳) 、nonceStr (...

2020-05-27

51浏览

0评论

Vue Cli与BootStrap结合实现表格分页功能

1、首先需要在vue-cli项目中配置bootstrap,jquery2、然后新建vue文件,如index.vue，index.vue内容如下：3、配置路由即可运行实现。<template> <div class="tTable container...

2020-05-27

61浏览

0评论

微信小程序之前台循环数据绑定

微信小程序之前台循环数据绑定微信小程序的循环数据绑定到wxml例：
wxml里： <view wx:for="{{array}}"> {{item.message}} </view>通过上面的wx.for可以绑定一个数组，数组是j...

2020-05-27

149浏览

0评论

ECMAscript 变量作用域总结概括

使用var操作符声明的变量与未使用var操作符声明的变量区别Javascript是遵循ECMAScript标准下的一个产物，自然ECMAScript的标准其要遵循ECMAScript的变量是松散类型的,即可以...

2020-05-27

71浏览

0评论

JavaScript定时器setTimeout()和setInterval()详解

本文实例为大家分享了JavaScript定时器的具体方法，供大家参考，具体内容如下1、超时调用setTimeout()顾名思义，超时调用的意思就是在一段实际之后调用（在执行代码之前要等待多少...

2020-05-27

57浏览

0评论

JavaScript实现旋转轮播图

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

71浏览

0评论

简单实现jQuery手风琴效果

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

68浏览

0评论

简单实现jQuery轮播效果

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

89浏览

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

70浏览

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

210浏览

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

63浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

157浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

57浏览

0评论

Vue中引入样式文件的方法

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

82浏览

0评论

Vue组件选项props实例详解

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

43浏览

0评论

简单的网页广告特效实例

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

65浏览

0评论

Vue自定义事件(详解)

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

热门文章