如何使用Bootstrap 按钮实例详解
Bootstrap 按钮本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式...
2020-05-27
JS变量及其作用域
1、 变量及其作用域：变量分为“全局变量”和“局部变量”，“全局变量”申明在函数外部，可供所有函数使用，而“局部变量”申明在函数体内部，只能在定义该变量的函数体内使用。 （备...
2020-05-27
Angular动态添加、删除输入框并计算值实例代码
Angular动态添加、删除输入框并计算值实例代码摘要: 在学习群中交流时，有人分享了一个动态添加输入框的方法，我在其基础上进行了一些改进
这个功能本身并不复杂，但还是要注意，每...
2020-05-27
基于JavaScript实现瀑布流效果
本文实例为大家分享了js实现瀑布流效果的具体代码，供大家参考，具体内容如下
前端内容：使用JavaScript和四个div，将照片放入四个div中<!DOCTYPE html><html lang="en"><head> <me...
2020-05-27
如何编写jquery插件
前面的话编写插件的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，提高开发效率和方便后期维护。本文将详细介绍如何编写jQuery插件类型jQuery的插件主...
2020-05-27
TypeScript入门-接口
大致介绍在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口例子： function printLabel(labelledObj: { label: string }) { console.lo...
2020-05-27
JS+html5制作简单音乐播放器
本教程为大家分享了JS音乐播放器的具体代码，供大家参考，具体内容如下
1.HTML
<audio> 标签定义声音，比如音乐或其他音频流。其主要属性有src:要播放的音频的 URL,controls:如果...
2020-05-27
js a标签点击事件
当我们在处理a标签上的点击事件时发现即使href=""里面为空，点击事件的效果也不明显，这种情况该如何处理呢?常见的处理方法有以下几种：1.a href="javascript:void(0);" rel=...
2020-05-27
js图片放大镜效果实现方法详解
由项目需要，原生写了个详情页图片放大镜的效果，扔上代码供学习分享，也作为日常笔记...效果如图(例子中偷偷链了张天猫的图片，希望没啥事 -。-)：实现过程教简单，但我们还是从css开...
2020-05-27
ECMAScript6--解构
大致介绍解构：就是将声明的一组变量和与相同结构的数组或者对象的元素数值一一对应，并将变量相对应元素进行赋值数组解构例子： let [a,b,c] = [1,2,3]; console.log(a); //1 co...
2020-05-27
JavaScript如何一次性展示几万条数据
有一位同事跟大家说他在网上看到一道面试题：“如果后台传给前端几万条数据，前端怎么渲染到页面上？”，如何回答？ 于是办公室沸腾了， 同事们讨论开了， 你一言我一语说出自己的方案。...
2020-05-27
JavaScript实现弹出广告功能
废话不多说了，直接给大家贴代码了，具体代码如下所示：<span style="white-space:pre"> </span>var i=0;//记录次数 var timer;//定时器id //设置弹出广告 onload=function...
2020-05-27
jquery中关于bind()方法的使用技巧分享
.bind()方法可使用.on()方法来代替
on()方法提高代码易读性，如下$("input").bind("click", { foo: "hello" }, handler);$("input").on("click", { foo: "hello" }, handler)...
2020-05-27
js实现不提示直接关闭网页窗口
项目需要，用户在关闭当前页面时，可以点击页面中的按钮直接关闭网页窗口，但是不需要提示用户是否关闭窗口。在网上找了下，使用添加一句如下代码即可：window.open(‘','_self');
fu...
2020-05-27
详解JavaScript对象的深浅复制
前言从层次上来看，对象的复制可以简单地分为浅复制和深复制，顾名思义，浅复制是指只复制一层对象的属性，不会复制对象中的对象的属性，对象的深复制会复制对象中层层嵌套的对象的属...
2020-05-27
javascript中的面向对象
相信大家对javascript中的面向对象写法都不陌生，那还记得有几种创建对象的写法吗？相信大家除了自己常写的都有点模糊了，那接下来就由我来帮大家回忆回忆吧！1. 构造函数模式通过...
2020-05-27
基于jquery实现二级联动效果
本文实例为大家分享了jquery实现二级联动的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>二级联动</title>...
2020-05-27
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
概述使用Vue2进行的仿手机QQ的webapp的制作，在ui上，参考了设计师kaokao的作品，作品由个人独立开发，源码中进行了详细的注释。 由于自己也是初学Vue2，所以注释写的不够精简，请见谅...
2020-05-27
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
新学习JavaScript，就碰到这么一个需求，几乎网上的方法都试过了。写出了总结下使用的方法：clipboard插件下载地址：https://github.com/zenorocha/clipboard.js/tree/master引入插...
2020-05-27
实例详解display:none与visible:hidden的区别
display:none与visible:hidden的区别
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:display:none ---不为被隐藏的对象保留其物理空间，即该对象在...
2020-05-27
Bootstrap实现的经典栅格布局效果实例【附demo源码】
本文实例讲述了Bootstrap实现的经典栅格布局效果。分享给大家供大家参考，具体如下：先来看看效果图：具体代码如下（某管理系统的Bootstrap实现）：<!DOCTYPE html PUBLIC "-//W3C//DTD...
2020-05-27
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
借助node实战JSONP跨域实例
一、前言： 浏览器安全是基于同源策略的。所谓同源策略就是三相同：1、协议相同；2、域名相同；3、端口相同。但，凡事都是有利弊，同源策略也导致了我们想用AJAX跨域请求，但NO！！为了规避这...
2020-05-27
jQuery实现Select下拉列表进行状态选择功能
场景：eg:在管理一篇博文时，因博文的管理有一列叫：状态的列，该列有诸多状态，如：正常，待审核，删除等... 此时，若使用Select下拉列表进行状态选择，并在选中具体项值后，通过Ajax异步提交，在...
2020-05-27
jQuery源码解读之extend()与工具方法、实例方法详解
本文实例讲述了jQuery源码解读之extend()与工具方法、实例方法。分享给大家供大家参考，具体如下：使用jQuery的时候会发现，jQuery中有的函数是这样使用的：$.get();$.post();$.get...
2020-05-27
Angular.JS中的指令引用template与指令当做属性详解
一、引用template
对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。指令要生效，那么html头里面要<html lang="en" ng-app="app">制定ng-...
2020-05-27
JavaScript mixin实现多继承的方法详解
本文实例讲述了JavaScript mixin实现多继承的方法。分享给大家供大家参考，具体如下：mixin简单通俗的讲就是把一个对象的方法和属性拷贝到另一个对象上，注意这个继承还是有区别...
2020-05-27
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
我发现好多倒计时的插件，刷新都会变成从头再来，于是自己用vue2.0写了一个，测试通过，直接上代码如下是组件代码：<template> <span :endTime="endTime" :callback="callback" :end...
2020-05-27
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
本文实例讲述了JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法。分享给大家供大家参考，具体如下：事件的执行顺序绝对是让人头疼的问题。...
2020-05-27
Angular.js去除页面中显示的空行方法示例
一、前提
在开始本文之前先设定，从server取下来的内容是一个html格式 的内容，那么如下显示：<div class="article-view-content col-md-12 col-sm-12 col-xs-12 no-padding-left...
2020-05-27
JavaScript观察者模式(publish/subscribe)原理与实现方法
本文实例讲述了JavaScript观察者模式(publish/subscribe)原理与实现方法。分享给大家供大家参考，具体如下：观察者模式又叫做发布订阅模式，它定义了一种一对多的关系，让多个观察...
2020-05-27
详解Angular.js数据绑定时自动转义html标签及内容
angularJS在进行数据绑定时默认是以字符串的形式数据，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止html标签的注入攻击，但有时候需要，特别是从数据库读...
2020-05-27
Angular.JS去掉访问路径URL中的#号详解
本文目录 URL的#号问题 找到错误原因 静态网站的解决方案 动态网站的解决方案
一、 URL的#号问题使用AngularJS的朋友都应该了解，AngularJS框架定义了自己的前端路由控...
2020-05-27
JavaScript装饰器函数(Decorator)实例详解
本文实例讲述了JavaScript装饰器函数(Decorator)。分享给大家供大家参考，具体如下：装饰器函数(Decorator)用于给对象在运行期间动态的增加某个功能，职责等。相较通过继承的方式...
2020-05-27
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
Vuejs仿网易云音乐实现听歌及搜索功能
前言前端时间学了vue，一开始看了vue1.0，后来实在觉得技术总得实践，就直接上手vue2.0。然后花了将近一周时间做了一个网易云音乐的小项目。一开始觉得项目比较小，没必要用vuex所...
2020-05-27
教你快速搭建Node.Js服务器的方法教程
前言
Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，也可以理解为服务器端运行的 JavaScript。JS 作为一门编程语言，是运行在称为 JS 运行时的虚拟机中的，而在 I/O 功能...
2020-05-27
vue分类筛选filter方法简单实例
本文实例为大家分享了vue分类筛选filter方法的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="utf-8"> <title>filter</title> </head> <body> <div id=...
2020-05-27
ES6中Proxy与Reflect实现重载(overload)的方法
本文实例讲述了ES6中Proxy与Reflect实现重载(overload)的方法。分享给大家供大家参考，具体如下：Proxy与Reflect实现重载(overload)从语法角度讲JavaScript不支持重载。原因很...
2020-05-27
微信小程序中顶部导航栏的实现代码
微信小程序中顶部导航栏的实现实例代码：<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swich...
2020-05-27
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
Angularjs中使用指令绑定点击事件的方法
项目中，模板中的菜单是jQuery控制的，在Angularjs中就运行不到了，因为菜单项是ng-repeat之后的。如html
<ul id="main-menu"> <li class=""> <a href="javascript:;" rel="exte...
2020-05-27
JS解决移动web开发手机输入框弹出的问题
在移动web开发中和pc端不同的是，手机的输入是软键盘，这样就会有个问题，那就是当有输入的时候，键盘弹起来，整个页面难免会发生变化1、页面提高背景会出现不够用的现象，解决方法，在bo...
2020-05-27
ES6使用let命令更简单的实现块级作用域实例分析
本文实例讲述了ES6使用let命令更简单的实现块级作用域。分享给大家供大家参考，具体如下：let 带来了更简单的块级作用域1. ES6新增了let命令，用于声明变量。其与var的不同在于，用...
2020-05-27
nodejs使用express创建一个简单web应用
Express 在初始化一个项目的时候需要指定模板引擎，默认支持Jade和ejs。这里我们使用ejs模板引擎：（关于ejs的介绍可以先从百科里面了解一个大概）
EJS是一个JavaScript模板库，用来...
2020-05-27
Node.js使用Express创建Web项目详细教程
序：如果你还不知道Node.js是什么，那么你可以先看看这篇：Node.js 究竟是什么？或者任何关于它的介绍。一、安装Node.js1.进入Node.js官网下载并安装2.启动cmd输入命令查看node及np...
2020-05-27
基于AGS JS开发自定义贴图图层
1.前言假设一个景区有多张图片需要在地图上展示，并且随着地图的缩放而缩放（不是单纯的以气泡来展示）。如果利用传统方案，则是我们首先将图片纠正赋予地理信息，然后根据地图级别进...
2020-05-27
ES6新数据结构Map功能与用法示例
本文实例讲述了ES6新数据结构Map功能与用法。分享给大家供大家参考，具体如下：新数据结构MapJavaScript中对象的本质是键值对的集合，但是键只能是字符串。为了弥补这种缺憾，ES6带...
2020-05-27
ES6新数据结构Set与WeakSet用法分析
本文实例讲述了ES6新数据结构Set与WeakSet用法。分享给大家供大家参考，具体如下：新数据结构Set与WeakSet1. SetSet类似于数据，但是成员值都是唯一的。生成Set的方式如下。var s...
2020-05-27
ES6新特性之Object的变化分析
本文实例讲述了ES6新特性之Object的变化。分享给大家供大家参考，具体如下：Object的变化1. ES6允许在对象中只写属性名，不写属性值，属性值为属性名对应的变量值。var a = 'hi';va...
2020-05-27
