JavaScript - 教程之家

56浏览

0评论

js实现下拉菜单效果

效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body { width...

2020-05-27

39浏览

0评论

js实现拖拽功能

效果图：(红色方块可任意拖动)代码如下： <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords"...

2020-05-27

47浏览

0评论

浅谈js中startsWith 函数不能在任何浏览器兼容的问题

在做js测试的时候用到了startsWith函数，但是他并不是每个浏览器都有的，所以我们一般要重写一下这个函数，具体的用法可以稍微总结一下在有些浏览器中他是undefined 所以我们可以...

2020-05-27

41浏览

0评论

js实现仿购物车加减效果

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } body{ overflow-y: auto; } ul{ m...

2020-05-27

54浏览

0评论

JavaScript两个变量交换值的实现方法

概要本文主要描述，如何不使用中间值，将两个变量的值进行交换。一、普通做法var a = 1, b = 2, tmp;tmp = a;a = b;b = tmp;普通的做法就是声明多一个临时变量tmp，进行数据交换...

2020-05-27

42浏览

0评论

浅谈angular2的http请求返回结果的subcribe注意事项

实例如下：this.monitorSer.getVehicleLonAndLat(vehicleIds) .subscribe( data => { //将data下的data字符串转化为vehdata数组 this.vehData=JSON.parse(data.data);...

2020-05-27

49浏览

0评论

Angular2库初探

从去年年底开始使用ng2，遇到并解决或被虐了一些问题点，对其各种新特性与开发模式感觉还算舒服。还有的一个感想就是，要使用ng2还得先学习不少其他东西，比如TypeScript语法，比如ES...

2020-05-27

61浏览

0评论

JQ中$(window).load和$(document).ready区别与执行顺序

JQ中的$(document).ready()大家应该用的非常多，基本每个JS脚本中都有这个函数的出现有时甚至会出现多个，那么另一个加载函数$(window).load相对出现的次数就很少了，下面为大家...

2020-05-27

156浏览

0评论

node.js实现回调的方法示例

本文实例讲述了node.js实现回调的方法。分享给大家供大家参考，具体如下：向回调函数传递额外的参数在调用函数中，使用匿名函数中实现需传递的参数，再次匿名函数内调用回调函数。v...

2020-05-27

37浏览

0评论

js图片延迟加载(Lazyload)三种实现方式

延迟加载也称为惰性加载，即在长网页中延迟加载图像。
用户滚动到它们之前，视口外的图像不会加载。
这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。
在某些情况...

2020-05-27

52浏览

0评论

轻松学习Javascript闭包

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。当function里嵌套function时，内部的function可以访问外部function里的变量。function fo...

2020-05-27

39浏览

0评论

Angular1.x自定义指令实例详解

本文实例讲述了Angular1.x自定义指令。分享给大家供大家参考，具体如下：调用Module.directive方法，传入指令名称和工厂函数，返回一个对象。指令名称中每个大写字母会被认为是属性...

2020-05-27

57浏览

0评论

JS中使用 after 伪类清除浮动实例

以前清除浮动的时候总是在想要清除浮动的元素后面添加<div style="clear:both;"></div>或者写在br标签里面来解决，但这样会增加无语义的标签，下面是用after伪类实现，兼容多种浏...

2020-05-27

63浏览

0评论

Angular1.x复杂指令实例详解

本文实例讲述了Angular1.x复杂指令。分享给大家供大家参考，具体如下：名称描述 compile 指...

2020-05-27

68浏览

0评论

Ajax实现不刷新取最新商品

话不多说，请看代码：<?php $conn = mysql_connect('localhost','root','123456') or die('连接失败'); mysql_select_db('ecshop'); mysql_query('set names utf8'); $...

2020-05-27

38浏览

0评论

Javascript仿京东放大镜的效果

随便找一个图片吧。小伙伴们，想怎么玩就怎么玩（注意路径），亲自测试，绝对没问题。话不多说，请看代码：<html><head><meta charset="utf-8"><style type="text/css">body,div{margin:...

2020-05-27

51浏览

0评论

详解AngularJS通过ocLazyLoad实现动态（懒）加载模块和依赖

最近在使用AngularJS，发现AngularJS菜鸟教程上的东西太过于基础，很多东西都没有提及，比如今天的一个关于前端的优化问题，懒加载。通过路由实现地址分发的时候，再通过懒加载模式加...

2020-05-27

52浏览

0评论

性能优化之代码优化页面加载速度

页面代码的优化对于页面加载速度也有不小的影响，最广为人知的：HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用Link方式引入，JavaScri...

2020-05-27

50浏览

0评论

vue组件间通信解析

组件间通信（父子，兄弟）相关链接\组件通信：点击查看学习链接：Vue.js——60分钟快速入门点击查看分分钟玩转Vue.js组件点击查看父组件传子组件父传子方法（一）属性传递 props//子组件...

2020-05-27

38浏览

0评论

JavaScript拖动层Div代码

效果图：（灰色区域可拖动）代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns...

2020-05-27

50浏览

0评论

js实现带三角符的手风琴效果

效果图：图（1）初始图图（2）点击展开图代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } li{ list-styl...

2020-05-27

61浏览

0评论

分分钟玩转Vue.js组件（二）

.btn-demo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #19b586; text-decoration: none; border: none;...

2020-05-27

78浏览

0评论

使用jQuery的load方法设计动态加载及解决被加载页面js失效问题

一、问题分析对于后台系统，相比大家都有所印象，知道其中的布局结构，如图：在这种布局中我们需要将header，sidebar，footer分开，而且对于中间部分的content内容需要动态变化，即根据不同...

2020-05-27

68浏览

0评论

提高JavaScript执行效率的23个实用技巧

本文向大家分享23种JavaScript提高执行效率的小技巧、最佳实践等非常实用的内容。当然JavaScript的实用技巧不止这些，还有很多即好玩又能提高程序运行效率的技巧，以后我们会继...

2020-05-27

61浏览

0评论

jQuery validate 验证radio实例

具体代码如下所示：<div class="row cl"> <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>优惠券类型：</label> <div class="formControls col...

2020-05-27

49浏览

0评论

javascript中replace使用方法总结

ECMAScript提供了replace()方法。这个方法接收两个参数，第一个参数可以是一个RegExp对象或者一个字符串，第二个参数可以是一个字符串或者一个函数。现在我们来详细讲解可能出...

2020-05-27

42浏览

0评论

JavaScript中数组Array.sort()排序方法详解

JavaScript中数组的sort()方法主要用于对数组的元素进行排序。其中，sort()方法有一个可选参数。但是，此参数必须是函数。数组在调用sort()方法时，如果没有传参将按字母顺序（字...

2020-05-27

54浏览

0评论

详解数组Array.sort()排序的方法

数组sort排序sort比较次数,sort用法，sort常用描述方法sort()将在原数组上对数组元素进行排序，即排序时不创建新的数组副本。如果调用方法sort()时没有使用参数，将按字母顺序(更...

2020-05-27

50浏览

0评论

javascript html5轻松实现拖动功能

拖放（drag和drop）是html5标准组成，下面我们从五个方面对其进行叙述，分别是如何成为拖动物体，如何成为拖动目标，拖动物体上拥有的事件，拖动目标上拥有的事件以及拖放物体间如何传递...

2020-05-27

53浏览

0评论

JS中的作用域链

在js中数据的声明方式有两种：1、用var声明，例如：var num = 10；2、直接声明，例如：num = 10；两种声明方式在某些情况下是有区别的：var data = 10;function fn01(){ var data = 100;...

2020-05-27

45浏览

0评论

基于Bootstrap的网页设计实例

废话不多说了，直接给大家贴代码了，具体代码如下所示：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html ><html><head...

2020-05-27

63浏览

0评论

在node.js中怎么屏蔽掉favicon.ico的请求

今天准备用node做个api出来，还没入门，遇到一个小问题，特在此记录一下！　　在做路由模块的时候，发现控制台每次都会多输出一条favicon.ico的请求，对于这种又占资源，看着又碍眼的玩意...

2020-05-27

46浏览

0评论

vue-dialog的弹出层组件

本文章通过实现一个vue-dialog的弹出层组件，然后附加说明如果发布此包到npm，且能被其他项目使用。功能说明多层弹出时，只有一个背景层。
弹出层嵌入内部组件。
弹出层按钮支持...

2020-05-27

55浏览

0评论

完美解决spring websocket自动断开连接再创建引发的问题

问题：由于 web session 超时时间为 30 分钟，如用户在 web session 规定时间内没有退出系统，但由于其它原因用户却断开的 websocket 的连接，如果用户还要聊天或是其它 websocket...

2020-05-27

63浏览

0评论

通过npm引用的vue组件使用详解

什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也...

2020-05-27

69浏览

0评论

jQuery实用密码强度检测

JQ实用密码强度检测通过正则来判断验证密码强弱并通过替换提示图片进行显示。素材图片，请自取：
html源码：
<table style="width:320px;margin:40px auto;"> <tr> <th>密码</...

2020-05-27

41浏览

0评论

老生常谈jquery中detach()和remove()的区别

JQuery是一个很大强的工具库，在工作中开发中，可是有些方法还是因为不常用到，或是没有注意到而被我们而忽略。remove()和detach()可能就是其中的一个，可能remove()我们用得比较多...

2020-05-27

71浏览

0评论

Bootstrap Scrollspy源码学习

本文实例为大家分享了Bootstrap Scrollspy插件的具体代码，供大家参考，具体内容如下导航栏Scrollspy例子<body data-spy="scroll" data-target="....

2020-05-27

40浏览

0评论

浅谈jQuery的bind和unbind事件(绑定和解绑事件)

绑定其实就是把一些常规时间绑定到页面，然后进行各种常规操作解绑就是接触绑定，绑定的事件失效要注意，iQuery中的 .事件如(.click())其实就是单个的绑定事件的简写(bind("cl...

2020-05-27

46浏览

0评论

jQuery给表格添加分页效果

本文实例为大家分享了jQuery表格添加分页的具体代码，供大家参考，具体内容如下1. 新建一个Table，添加十行数据
<table cellspacing="0"> <thead> <tr> <th>编号</th> <th>姓...

2020-05-27

50浏览

0评论

详谈jQuery unbind 删除绑定事件 / 移除标签方法

jQuery unbind 删除绑定事件unbind([type],[data]) 是 bind()的反向操作，从每一个匹配的元素中删除绑定的事件。如果没有参数，则删除所有绑定的事件。你可以将你用bind()注册...

2020-05-27

55浏览

0评论

js实现常见的工具条效果

实现功能如下：1. 二维码展示功能；2. “回到顶部”功能。(选择“全屏预览”，滑动滚动条，查看回到顶部功能)效果图：图(1) 初始效果图(2) 鼠标悬浮效果实例代码：<!doctype html><html...

2020-05-27

49浏览

0评论

JavaScript表单验证完美代码

用原生JS写一个简单的表单验证首先，是html部分<div class="divAll"> <div id="titles">新用户注册</div> <div id="contents"> <h3>基本信息</h3> <hr width="9...

2020-05-27

49浏览

0评论

深入理解在JS中通过四种设置事件处理程序的方法

所有的JavaScript事件处理程序的作用域是在其定义时的作用域而非调用时的作用域中执行,并且它们能存取那个作用域中的任何一个本地变量。但是HTML标签属性注册处理程序就是...

2020-05-27

71浏览

0评论

利用ES6语法重构React组件详解

一、创建组件
ES6 class创建的组件语法更加简明，也更符合javascript。内部的方法不需要使用function关键字。React.createClassimport React from 'react';const MyComponent...

2020-05-27

67浏览

0评论

JavaScript html5利用FileReader实现上传功能

本文实例为大家分享了H5利用FileReader上传文件的具体代码，供大家参考，具体内容如下1. Html部分<h2>文件上传演练</h2> <div id="result"> ...

2020-05-27

75浏览

0评论

关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法

书写jQuery EasyUI Tab 样例时,如果刷新前面的Tab 选项卡,某一个Tab 选项卡里面的页面布局变乱。如下面图片所示：刚开始打开时页面布局正确：
此时我们在第二个选项卡里面,点...

2020-05-27

34浏览

0评论

jquery仿京东侧边栏导航效果

本文实例为大家分享了jquery仿京东侧边栏导航的具体代码，供大家参考，具体内容如下样式代码<style> *{ padding: 0; margin: 0; border: 0; } body{ height: 2000px;...

2020-05-27

72浏览

0评论

jQuery上传多张图片带进度条样式（DEMO）

下面一段代码给大家分享jquery上传多种图片带进度条样式，具体代码如下所示：
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>xhr2</title></head><body><div sty...

2020-05-27

88浏览

0评论

详解使用grunt完成requirejs的合并压缩和js文件的版本控制

最近有一个项目使用了 requirejs 来解决前端的模块化，但是随着页面和模块的越来越多，我发现我快要hold不住这些可爱的js文件了，具体表现在每个页面都要设置一堆 requirejs 的配...

2020-05-27

热门文章