JavaScript - 教程之家

149浏览

0评论

jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码

心血来潮想为自己的小项目做一个提醒系统，譬如私信，评论等消息都能及时传递过来。由于道行尚浅，网上那些长轮询对于我略微复杂，于是觉得还是自己写一写试试比较好。我的思路是，单...

2020-05-27

50浏览

0评论

详解angular中通过$location获取路径(参数)的写法

我最近在研究angular中通过$location获取路径(参数)的写法，在网上搜索了很多的资料，正好今天有时间，就整理一下！
以下获取与修改的 URL 以 ( http://172.16.0.88:8100/#/homePa...

2020-05-27

55浏览

0评论

bootstrap IE8 兼容性处理

bootstrap IE8 兼容性处理<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n...

2020-05-27

57浏览

0评论

Bootstrap警告（Alerts）的实现方法

Bootstrap 所提供的用于警告的 class，可以通过创建一个 <div>，并向其添加一个 .alert class 和四个上下文 class（即 .alert-success、.alert-info、.alert-warning、.alert-dan...

2020-05-27

40浏览

0评论

JavaScript 批量创建数组的方法

JavaScript有许多批量创建数组的方法，为了衡量它们的性能，我分别使用不同的方法创建一个长度为100000的数组，且键和值相等。同时，我定义了下面这个函数用来测量创建数组所耗费的...

2020-05-27

43浏览

0评论

javascript实现滑动解锁功能

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style type="text/css"> * { margin: 0; padding: 0; } #slider-box { width: 300px; heig...

2020-05-27

54浏览

0评论

Bootstrap页面标题Page Header的实现方法

本文实例为大家分享了Bootstrap页面标题展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>Bootstrap 页面标题（Page Header）</title> <meta char...

2020-05-27

65浏览

0评论

JS+DIV实现的卷帘效果示例

本文实例讲述了JS+DIV实现的卷帘效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>...

2020-05-27

38浏览

0评论

Bootstrap缩略图的创建方法

Bootstrap 创建缩略图的步骤如下：
1、在图像周围添加带有 class .thumbnail 的 <a> 标签.
2、这会添加四个像素的内边距（padding）和一个灰色的边框。
有了一个基本的缩略图，我们...

2020-05-27

47浏览

0评论

Bootstrap超大屏幕的实现代码

本文实例为大家分享了Bootstrap超大屏幕展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>Bootstrap-超大屏幕（Jumbotron）</title> <meta charse...

2020-05-27

36浏览

0评论

Bootstrap如何激活导航状态

本文实例为大家分享了Bootstrap激活导航状态的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>Bootstrap-激活导航状态</title> <meta cha...

2020-05-27

51浏览

0评论

Angular2实现自定义双向绑定属性

整理文档，搜刮出一个Angular 2实现自定义双向绑定属性的代码，稍微整理精简一下做下分享。import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core...

2020-05-27

42浏览

0评论

Vue计算属性的学习笔记

本文为大家分享了Vue计算属性的学习笔记，供大家参考，具体内容如下①模板内的表达式实际上只用于简单的运算，对于复杂逻辑，使用计算机属性。
②基础例子：
<div id = "example"> <...

2020-05-27

61浏览

0评论

JS简单封装的图片无缝滚动效果示例【测试可用】

本文实例讲述了JS简单封装的图片无缝滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtm...

2020-05-27

53浏览

0评论

discuz表情的JS提取方法分析

本文实例讲述了discuz表情的JS提取方法。分享给大家供大家参考，具体如下：discuz将应用的表情生成了一个js文件，在forumdata/cache/下，叫smilies_var.js，这个文件是根据后台数据库...

2020-05-27

51浏览

0评论

JavaScript实现星星等级评价功能

本文实例为大家分享了js星星等级评价的具体代码，供大家参考，具体内容如下效果图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2020-05-27

53浏览

0评论

js+canvas实现动态吃豆人效果

效果图：代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>吃豆人V01</title></head><body><canvas id="canvas" width="500px" height="500px"...

2020-05-27

58浏览

0评论

js中的DOM模拟购物车功能

效果图：代码如下：<!DOCTYPE html><html> <head> <title> new document </title> <meta charset="utf-8"> <style> table{ border:1px solid #000; border-collapse:collapse;...

2020-05-27

69浏览

0评论

tab栏切换原理

本文是我学习tab栏切换时的笔记，步骤很详细。比较适用于JavaScript初学者1.基础 - 排他思想如图，点击任意一个按钮，当前按钮应该显示橘色，其他显示默认颜色灰色。代码运行步骤：利...

2020-05-27

50浏览

0评论

javascript实现多张图片左右无缝滚动效果

结构：box包含ul，ul包含4个li；ul绝对定位。复制li-1、li-2到第li-4后面，为了区分于li-1、li-2，内容改为li-5、li-6，颜色不变。此时ul包含6个li。需要注意的是，移动的是ul这个大盒子...

2020-05-27

40浏览

0评论

JavaScript中清空数组的三种方式

方式1，splicevar ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 []，空数组，即被清空了方式2，length赋值为0 这种方式很有意思，其它语言如Java，其数组的...

2020-05-27

40浏览

0评论

js实现自动图片轮播代码

本文实例为大家分享了轮播的具体代码，自动轮播，居中显示，供大家参考，具体内容如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #d...

2020-05-27

46浏览

0评论

js弹出窗口简单实现代码

本文实例为大家分享了js弹出窗口展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> bod...

2020-05-27

47浏览

0评论

jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】

本文实例讲述了jQuery插件FusionCharts绘制ScrollColumn2D图效果。分享给大家供大家参考，具体如下：1、index.html页面代码：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Tran...

2020-05-27

39浏览

0评论

10道典型的JavaScript面试题

问题1: 作用域（Scope）考虑以下代码：(function() { var a = b = 5;})();console.log(b);控制台（console）会打印出什么？答案：5如果严格模式开启，那么代码就会报错 ” Uncaught Refere...

2020-05-27

35浏览

0评论

原生JS京东轮播图代码

本文实例为大家分享了JS轮播图的具体代码，供大家参考，具体内容如下
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="styles...

2020-05-27

44浏览

0评论

JavaScript登录记住密码操作(超简单代码)

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><ti...

2020-05-27

39浏览

0评论

jQuery轻松实现无缝轮播效果

这个无缝轮播和那个图片平滑滚动的原理差不多。原理：ul向左滚动，滚动一次，第一个li向ul插入，然后在让怎个ul的left值为0，也就是初始状态，这个状态太快我们无法看到，所以才会有平滑...

2020-05-27

47浏览

0评论

JavaScript中在光标处插入添加文本标签节点的详细方法

正确的方法是正确运用Selection对象和Range对象，实现在光标当前位置插入文本或结点。但是这两个对象在IE和标准的DOM方式的运用方法是不同的。思路：首先获得用户的选区（光标当...

2020-05-27

44浏览

0评论

jquery实现图片平滑滚动详解

本文实例为大家分享了jquery图片平滑滚动效果的具体代码，供大家参考，具体内容如下
随便写了个DOM，没有美观性，见谅原理：
1、定义两组ul列表放图，第一个ul放5张图，第二个ul为空
2、...

2020-05-27

48浏览

0评论

Javascript实现登录记住用户名和密码功能

话不多说，请看代码：　　<script type="text/javascript"> $(document).ready(function () { $("#UserAccount").focus(); //记住用户名和密码 $('#remebers').click(fu...

2020-05-27

54浏览

0评论

canvas实现环形进度条效果

昨下午睡着了，晚上打开手机才发现朋友给我发了一个QQ消息，问我这个怎么实现？这里就选canvas来简单写一下先上代码，然后在说一说需要注意的点：<!DOCTYPE html><html><head> <meta...

2020-05-27

44浏览

0评论

angularJS深拷贝详解

在了解angular深拷贝之前，首先看下边的代码。var a = 1;var b = a;b = 2;console.log(a + " " + b);很显然，输出的a的值是1，b的值是2。接下来再看一段代码。var a = [1,2,3,4];...

2020-05-27

68浏览

0评论

如何给ss bash 写一个 WEB 端查看流量的页面

由于刚毕业的穷大学生，和朋友合租了一台服务器开了多个端口提供 ss 服务，懒得配置 ss-panel，就使用了 ss-bash 来监控不同端口的流量，但每次都要等上服务器才能看到流量使用情况...

2020-05-27

53浏览

0评论

javascript实现圣旨卷轴展开效果（代码分享）

效果图：代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><script type="text/javascript" src="jQuery 3.1.1.js"></script><title>诏书</title><style...

2020-05-27

46浏览

0评论

jQuery插件Echarts实现的渐变色柱状图

效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts柱状图</title> </head><body>  <di...

2020-05-27

42浏览

0评论

js中toString()和String()区别详解

我们知道String()与 .toString()都是可以转换为字符串类型，但是String()与 .toString()的还是有区别的1、.toString()可以将所有的的数据都转换为字符串，但是要排除null 和 un...

2020-05-27

51浏览

0评论

深入学习 JavaScript中的函数调用

定义可能很多人在学习 JavaScript 过程中碰到过函数参数传递方式的迷惑，本着深入的精神，我想再源码中寻找些答案不过在做这件事之前，首先明确几个概念。抛弃掉值传递、引用传递...

2020-05-27

82浏览

0评论

JS中SetTimeout和SetInterval使用初探

一切尽在代码截图中，愿意和大家一起成长！可以喷，毕竟是菜鸟！好了，废话不多说了，看具体实例代码吧！<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...

2020-05-27

42浏览

0评论

jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionWidgets实现的Cylinder图效果。分享给大家供大家参考，具体如下：1、数据源Cylinder.xml：<?xml version="1.0" encoding="UTF-8"?><chart...

2020-05-27

48浏览

0评论

jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】

本文实例讲述了jQuery插件FusionWidgets实现的Bulb图效果。分享给大家供大家参考，具体如下：1、数据源提供Bulb.xml：<?xml version="1.0" encoding="UTF-8"?><chart low...

2020-05-27

51浏览

0评论

jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionWidgets实现的AngularGauge图效果。分享给大家供大家参考，具体如下：1、设置AngularGauge图的数据源AngularGauge.xml：<?xml version="1.0"...

2020-05-27

59浏览

0评论

Vue 2.X的状态管理vuex记录详解

记住上述的顺序情况：想要改变state，只能通过Mutation，虽然action可以直接改变state，这样会使每个状态可以方便的跟踪和记录（用Devtools跟踪）vue Method ---> Actions ---> Mut...

2020-05-27

61浏览

0评论

Vue.Js中的$watch()方法总结

前言最近公司用vue框架写交互，之前没怎么写过，但是很多数据双向绑定的东东跟angular很像！所以上手很快！哈哈
今天就碰到一个vue的问题啊！！产品需求是，datetimepick时间选择器一更改...

2020-05-27

49浏览

0评论

面试常见的js算法题

我们去面试一般都有笔试，笔试题一般都会涉及到很多算法的东西。不管你用的多不多，反正就是要会。不然笔试很难过。就算是直接面试的，有时候也会遇到面试官直接叫你当场写个算法...

2020-05-27

53浏览

0评论

JS实现两周内自动登录功能

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>两周内自动登录</title...

2020-05-27

71浏览

0评论

js手机号4位显示空格，银行卡每4位显示空格效果

开发有时候会遇到输入手机号和银行卡号，按照每4位显示一个空格的需求，方便用户阅读，如果是纯展示，就很容易实现，如果是一边输入一边展示则有点难度有人用两个input实现，一个负责输...

2020-05-27

46浏览

0评论

vue.js实现含搜索的多种复选框（附源码）

前言最近在重构一个复选框组件，原型是select2这个jQuery插件，有兴趣的可以去搜下，封装的很好，但是并不能满足业务所有需求，最要命的是jquery插件这种以dom驱动数据的库，并不能和v...

2020-05-27

48浏览

0评论

JQuery 进入页面默认给已赋值的复选框打钩

效果：　　　　JQuery代码：$("#menuTree").find("div span").click(function () { currmenuid = this.id; var currmenuname = LoadCurrMenuName(); $('#authName'...

2020-05-27

48浏览

0评论

Javascript面试经典套路reduce函数查重

今天在偶然间查看到了一段代码，代码使用了很短的篇幅完成了字符串统计相同字符次数这个经典面试题，其中用到了reduce这个方法，网上查了查，没有查到什么有价值的东西，导致浪费了我...

2020-05-27

热门文章