JavaScript - 教程之家

48浏览

0评论

jQuery实现简单漂亮的Nav导航菜单效果

本文实例讲述了jQuery实现简单漂亮的Nav导航菜单效果。分享给大家供大家参考，具体如下：自己写的一个简单的导航菜单，先看效果：鼠标悬浮时菜单项向上移动成蓝底白字，点击之后底部...

2020-05-27

81浏览

0评论

利用js查找数组中指定元素并返回该元素的所有索引示例

前言这篇文章主要给大家介绍的是利用js查找数组中指定元素并返回该元素的所有索引的相关资料，文中给出了详细的示例代码，下面话不多说，来看看详细的代码示例吧。示例代码//在数...

2020-05-27

56浏览

0评论

jQuery日程管理控件glDatePicker用法详解

本文实例讲述了jQuery日程管理控件glDatePicker用法。分享给大家供大家参考，具体如下：之前接触过一款日程管理控件，叫 FullCalendar ，功能很强大，会列出每天的事项，可选择编辑并且...

2020-05-27

64浏览

0评论

Bootstrap 响应式实用工具实例详解

Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在...

2020-05-27

76浏览

0评论

如何使用Bootstrap创建表单

Bootstrap 表单在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。垂直或基本表单基本的表单结构...

2020-05-27

60浏览

0评论

整理关于Bootstrap排版的慕课笔记

整理自慕课笔记GitHub上这样介绍 bootstrap：简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。基于html5、css3的bootstrap，具有大量的诱人特...

2020-05-27

51浏览

0评论

vue2组件实现懒加载浅析

一、什么是懒加载懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。二、为什么需要懒加载在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入...

2020-05-27

57浏览

0评论

Vue 2.0 服务端渲染入门介绍

1 什么是服务端渲染 SSRserver side render就是通过后端吐模板，而不是通过前端ajax获取数据，拼接字符串。2 为什么需要SSR需要SEO，因为爬虫不会等待ajax结果。客户端网络慢，加载...

2020-05-27

51浏览

0评论

如何使用Bootstrap 按钮实例详解

Bootstrap 按钮本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式...

2020-05-27

57浏览

0评论

JS变量及其作用域

1、变量及其作用域：变量分为“全局变量”和“局部变量”，“全局变量”申明在函数外部，可供所有函数使用，而“局部变量”申明在函数体内部，只能在定义该变量的函数体内使用。（备...

2020-05-27

47浏览

0评论

Angular动态添加、删除输入框并计算值实例代码

Angular动态添加、删除输入框并计算值实例代码摘要: 在学习群中交流时，有人分享了一个动态添加输入框的方法，我在其基础上进行了一些改进
这个功能本身并不复杂，但还是要注意，每...

2020-05-27

56浏览

0评论

基于JavaScript实现瀑布流效果

本文实例为大家分享了js实现瀑布流效果的具体代码，供大家参考，具体内容如下
前端内容：使用JavaScript和四个div，将照片放入四个div中<!DOCTYPE html><html lang="en"><head> <me...

2020-05-27

48浏览

0评论

如何编写jquery插件

前面的话编写插件的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，提高开发效率和方便后期维护。本文将详细介绍如何编写jQuery插件类型jQuery的插件主...

2020-05-27

70浏览

0评论

TypeScript入门-接口

大致介绍在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口例子： function printLabel(labelledObj: { label: string }) { console.lo...

2020-05-27

84浏览

0评论

JS+html5制作简单音乐播放器

本教程为大家分享了JS音乐播放器的具体代码，供大家参考，具体内容如下
1.HTML
<audio> 标签定义声音，比如音乐或其他音频流。其主要属性有src:要播放的音频的 URL,controls:如果...

2020-05-27

63浏览

0评论

js a标签点击事件

当我们在处理a标签上的点击事件时发现即使href=""里面为空，点击事件的效果也不明显，这种情况该如何处理呢?常见的处理方法有以下几种：1.a href="javascript:void(0);" rel=...

2020-05-27

59浏览

0评论

js图片放大镜效果实现方法详解

由项目需要，原生写了个详情页图片放大镜的效果，扔上代码供学习分享，也作为日常笔记...效果如图(例子中偷偷链了张天猫的图片，希望没啥事 -。-)：实现过程教简单，但我们还是从css开...

2020-05-27

52浏览

0评论

ECMAScript6--解构

大致介绍解构：就是将声明的一组变量和与相同结构的数组或者对象的元素数值一一对应，并将变量相对应元素进行赋值数组解构例子： let [a,b,c] = [1,2,3]; console.log(a); //1 co...

2020-05-27

56浏览

0评论

JavaScript如何一次性展示几万条数据

有一位同事跟大家说他在网上看到一道面试题：“如果后台传给前端几万条数据，前端怎么渲染到页面上？”，如何回答？于是办公室沸腾了，同事们讨论开了，你一言我一语说出自己的方案。...

2020-05-27

44浏览

0评论

JavaScript实现弹出广告功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：<span style="white-space:pre"> </span>var i=0;//记录次数 var timer;//定时器id //设置弹出广告 onload=function...

2020-05-27

65浏览

0评论

jquery中关于bind()方法的使用技巧分享

.bind()方法可使用.on()方法来代替
on()方法提高代码易读性，如下$("input").bind("click", { foo: "hello" }, handler);$("input").on("click", { foo: "hello" }, handler)...

2020-05-27

61浏览

0评论

js实现不提示直接关闭网页窗口

项目需要，用户在关闭当前页面时，可以点击页面中的按钮直接关闭网页窗口，但是不需要提示用户是否关闭窗口。在网上找了下，使用添加一句如下代码即可：window.open(‘','_self');
fu...

2020-05-27

36浏览

0评论

详解JavaScript对象的深浅复制

前言从层次上来看，对象的复制可以简单地分为浅复制和深复制，顾名思义，浅复制是指只复制一层对象的属性，不会复制对象中的对象的属性，对象的深复制会复制对象中层层嵌套的对象的属...

2020-05-27

59浏览

0评论

javascript中的面向对象

相信大家对javascript中的面向对象写法都不陌生，那还记得有几种创建对象的写法吗？相信大家除了自己常写的都有点模糊了，那接下来就由我来帮大家回忆回忆吧！1. 构造函数模式通过...

2020-05-27

72浏览

0评论

基于jquery实现二级联动效果

本文实例为大家分享了jquery实现二级联动的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>二级联动</title>...

2020-05-27

78浏览

0评论

基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )

概述使用Vue2进行的仿手机QQ的webapp的制作，在ui上，参考了设计师kaokao的作品，作品由个人独立开发，源码中进行了详细的注释。由于自己也是初学Vue2，所以注释写的不够精简，请见谅...

QQ

2020-05-27

63浏览

0评论

JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)

新学习JavaScript，就碰到这么一个需求，几乎网上的方法都试过了。写出了总结下使用的方法：clipboard插件下载地址：https://github.com/zenorocha/clipboard.js/tree/master引入插...

2020-05-27

71浏览

0评论

实例详解display:none与visible:hidden的区别

display:none与visible:hidden的区别
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:display:none ---不为被隐藏的对象保留其物理空间，即该对象在...

2020-05-27

46浏览

0评论

Bootstrap实现的经典栅格布局效果实例【附demo源码】

本文实例讲述了Bootstrap实现的经典栅格布局效果。分享给大家供大家参考，具体如下：先来看看效果图：具体代码如下（某管理系统的Bootstrap实现）：<!DOCTYPE html PUBLIC "-//W3C//DTD...

2020-05-27

56浏览

0评论

js利用for in循环获取一个对象的所有属性以及值的实例

实例如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/...

2020-05-27

68浏览

0评论

借助node实战JSONP跨域实例

一、前言：浏览器安全是基于同源策略的。所谓同源策略就是三相同：1、协议相同；2、域名相同；3、端口相同。但，凡事都是有利弊，同源策略也导致了我们想用AJAX跨域请求，但NO！！为了规避这...

2020-05-27

50浏览

0评论

jQuery实现Select下拉列表进行状态选择功能

场景：eg:在管理一篇博文时，因博文的管理有一列叫：状态的列，该列有诸多状态，如：正常，待审核，删除等... 此时，若使用Select下拉列表进行状态选择，并在选中具体项值后，通过Ajax异步提交，在...

2020-05-27

68浏览

0评论

jQuery源码解读之extend()与工具方法、实例方法详解

本文实例讲述了jQuery源码解读之extend()与工具方法、实例方法。分享给大家供大家参考，具体如下：使用jQuery的时候会发现，jQuery中有的函数是这样使用的：$.get();$.post();$.get...

2020-05-27

82浏览

0评论

Angular.JS中的指令引用template与指令当做属性详解

一、引用template
对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。指令要生效，那么html头里面要<html lang="en" ng-app="app">制定ng-...

2020-05-27

46浏览

0评论

JavaScript mixin实现多继承的方法详解

本文实例讲述了JavaScript mixin实现多继承的方法。分享给大家供大家参考，具体如下：mixin简单通俗的讲就是把一个对象的方法和属性拷贝到另一个对象上，注意这个继承还是有区别...

2020-05-27

79浏览

0评论

vue2.0实现倒计时的插件(时间戳刷新跳转都不影响)

我发现好多倒计时的插件，刷新都会变成从头再来，于是自己用vue2.0写了一个，测试通过，直接上代码如下是组件代码：<template> <span :endTime="endTime" :callback="callback" :end...

2020-05-27

68浏览

0评论

JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法

本文实例讲述了JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法。分享给大家供大家参考，具体如下：事件的执行顺序绝对是让人头疼的问题。...

2020-05-27

49浏览

0评论

Angular.js去除页面中显示的空行方法示例

一、前提
在开始本文之前先设定，从server取下来的内容是一个html格式的内容，那么如下显示：<div class="article-view-content col-md-12 col-sm-12 col-xs-12 no-padding-left...

2020-05-27

45浏览

0评论

JavaScript观察者模式(publish/subscribe)原理与实现方法

本文实例讲述了JavaScript观察者模式(publish/subscribe)原理与实现方法。分享给大家供大家参考，具体如下：观察者模式又叫做发布订阅模式，它定义了一种一对多的关系，让多个观察...

2020-05-27

54浏览

0评论

详解Angular.js数据绑定时自动转义html标签及内容

angularJS在进行数据绑定时默认是以字符串的形式数据，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止html标签的注入攻击，但有时候需要，特别是从数据库读...

2020-05-27

80浏览

0评论

Angular.JS去掉访问路径URL中的#号详解

本文目录 URL的#号问题找到错误原因静态网站的解决方案动态网站的解决方案
一、 URL的#号问题使用AngularJS的朋友都应该了解，AngularJS框架定义了自己的前端路由控...

2020-05-27

306浏览

0评论

JavaScript装饰器函数(Decorator)实例详解

本文实例讲述了JavaScript装饰器函数(Decorator)。分享给大家供大家参考，具体如下：装饰器函数(Decorator)用于给对象在运行期间动态的增加某个功能，职责等。相较通过继承的方式...

2020-05-27

58浏览

0评论

canvas绘制一个常用的emoji表情

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>装逼表情</title> <meta n...

2020-05-27

54浏览

0评论

Vuejs仿网易云音乐实现听歌及搜索功能

前言前端时间学了vue，一开始看了vue1.0，后来实在觉得技术总得实践，就直接上手vue2.0。然后花了将近一周时间做了一个网易云音乐的小项目。一开始觉得项目比较小，没必要用vuex所...

2020-05-27

51浏览

0评论

教你快速搭建Node.Js服务器的方法教程

前言
Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，也可以理解为服务器端运行的 JavaScript。JS 作为一门编程语言，是运行在称为 JS 运行时的虚拟机中的，而在 I/O 功能...

2020-05-27

46浏览

0评论

vue分类筛选filter方法简单实例

本文实例为大家分享了vue分类筛选filter方法的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="utf-8"> <title>filter</title> </head> <body> <div id=...

2020-05-27

43浏览

0评论

ES6中Proxy与Reflect实现重载(overload)的方法

本文实例讲述了ES6中Proxy与Reflect实现重载(overload)的方法。分享给大家供大家参考，具体如下：Proxy与Reflect实现重载(overload)从语法角度讲JavaScript不支持重载。原因很...

2020-05-27

42浏览

0评论

微信小程序中顶部导航栏的实现代码

微信小程序中顶部导航栏的实现实例代码：<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swich...

2020-05-27

41浏览

0评论

Angualrjs和bootstrap相结合实现数据表格table

AngularJS的数据表格需要使用angualarjs、bootstrap、dirPagination.js效果图：1.html部分<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app"><h...

2020-05-27

50浏览

0评论

Angularjs中使用指令绑定点击事件的方法

项目中，模板中的菜单是jQuery控制的，在Angularjs中就运行不到了，因为菜单项是ng-repeat之后的。如html
<ul id="main-menu"> <li class=""> <a href="javascript:;" rel="exte...

2020-05-27

热门文章