JavaScript - 教程之家

51浏览

0评论

angularjs ui-router中路由的二级嵌套

关于ui-router中嵌套路由中的问题1.首先我们的页面层次为

其中Main.html是我们的主页，我们要在main.html中对路由进行统一的管理。
main.html页面中有一个ui-view在这里...

2020-05-27

50浏览

0评论

基于Bootstrap框架实现图片切换

准备图片，把相关记录添加至数据库表中:　　
创建一个存储过程，获取所有记录：在ASP.NET MVC专案中，部署Bootstrap环境......然后创建一个model:using System;using System.Collec...

2020-05-27

63浏览

0评论

Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

轮播图可以通过点击按钮来跳到上一张或者下一张，在移动端我们常用的就是通过滑动来实现一些时间，那么如何实现呢。以下是通过bootstrap的Carousel和dropload.js（移动端上下拉动...

2020-05-27

101浏览

0评论

ThinkPHP+jquery实现“加载更多”功能代码

ThinkPHP+jQuery实现“加载更多”在很多web端界面中都会用到点击按钮加载最新几条数据的demo,下例为使用thinkphp+jquery实现实例：要实现的结果大致如下第一步模板文件
...

2020-05-27

64浏览

0评论

js原生Ajax的封装和原理详解

原理及概念AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是一种用于创建快速动态网页的技术。动态网页：是指可以通过服务器语言结合数据库随时修改数据的网...

2020-05-27

44浏览

0评论

基于Node.js的WebSocket通信实现

node的依赖包node中实现Websocket的依赖包有很多，websocket、ws均可，本文选取ws来实现，首先安装依赖npm install ws聊天室实例假如A,B,C,D用户均通过客户端连接到Websocket服务...

2020-05-27

88浏览

0评论

详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现

详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现snsapi_base与snsapi_userinfo属于微信网页授权获取用户信息的两种作用域snsapi_base只能获取access_token和o...

2020-05-27

70浏览

0评论

js鼠标跟随运动效果

本文实例为大家分享了js鼠标跟随效果展示的具体代码，供大家参考，具体内容如下
1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span
2、给span标签添加字...

2020-05-27

94浏览

0评论

JS实现简易刻度时钟示例代码

如图所示，利用JS实现简易的刻度时钟；
原理如下：利用60等份的li进行布局，li两两之间的间隔为6deg，把基点定在圆心上，使得li圆形分布。然后另外设置三条针线的样式的位置，基点同样定...

2020-05-27

56浏览

0评论

前端开发之CSS原理详解

前端开发之CSS原理详解　从事Web前端开发的人都与CSS打交道很多，有的人也许不知道CSS是怎么去工作的，写出来的CSS浏览器是怎么样去解析的呢？当这个成为我们提高CSS水平的一个瓶...

2020-05-27

47浏览

0评论

jquery mobile实现可折叠的导航按钮

本文实例为大家分享了jquery实现可折叠的导航按钮的具体代码，供大家参考，具体内容如下功能：
当功能较多时，创建可折叠分组导航按钮。只需指定 data-role=" collapsible "创建可...

2020-05-27

52浏览

0评论

jquery拼接ajax 的json和字符串拼接的方法

整理文档，搜刮出一个jquery拼接ajax 的json和字符串拼接的代码，稍微整理精简一下做下分享。jQuery拼接字符串ajax<form id="myForm" action="#"> <input name="name"/> <inp...

2020-05-27

51浏览

0评论

彻底学会Angular.js中的transclusion

前言AngularJS中指令的重要性是不言而喻的，指令让我们可以创建自己的HTML标记，它将自定义元素变成了一个一个的模块，极大的体现了前端开发中的模块化模式，并提高了代码的易读性...

2020-05-27

48浏览

0评论

纯js的右下角弹窗实例

这个弹窗是如下图的效果：打开网页的时候，这个弹窗会淡入，之后点击右上角的关闭按钮，其实就是一个& times;会淡出。采用淡入淡出是因为直接Jquery一个fadeIn与fadeOut省事。如果...

2020-05-27

91浏览

0评论

利用Node.js对文件进行重命名

前言最近把博客换了皮肤，今天早上起来就开始捣鼓文件命名问题。hexo的文章基本都是生成在_post文件夹下，若文章多了以后就不好管理，所就打算以【日期+文章标题】为文件名：
更改...

2020-05-27

49浏览

0评论

JavaScript中双符号的运算详解

一、双波浪号var i = 5.1;var j = 5.5;console.log(~~i); // 5console.log(~~j); // 5作用类似Math.floor。
类似的意思是在处理正数的时候，如果处理负数就它俩就不同了：~~-5....

2020-05-27

50浏览

0评论

Node.js调试技术总结分享

前言众所周知调试技术与开发技术构成了软件开发的基石。目前Nodejs作为新型的Web Server开发栈倍受开发者关注。总的来说Nodejs的应用程序主要有两部分：JavaScript编写的js模...

2020-05-27

56浏览

0评论

如何理解jQuery中的ajaxSubmit方法

刚刚学习中，使用到了ajaxSubmit，犹豫以前没有接触㢧这个，所以刚开始是一脸懵逼状态，最后通过查找资料的方式，解决了这个问题这个很兴奋，做到了页面的无刷新上传图片，送给看我...

2020-05-27

56浏览

0评论

jQuery中layer分页器的使用

layui给我们提供了分页器的组件，进行简单的配置就能做出分页的效果上代码：// 点击查询按钮开始显示表格内容// 如果查询内容不存在则显示为空$('#searchBtn').click(functio...

2020-05-27

63浏览

0评论

JS实现的简单拖拽功能示例

本文实例讲述了JS实现的简单拖拽功能。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>js实现拖拽</title...

2020-05-27

43浏览

0评论

jQuery实现页面倒计时并刷新效果

下面一段代码给大家分享基于jquery实现的页面倒计时并刷新效果，代码如下所示：var intDiff = parseInt(600);//倒计时总秒数量 function timer(intDiff){ window.setIn...

2020-05-27

59浏览

0评论

nodejs搭建本地http服务器教程

由于不做php相关的东西，懒得装apache，干脆利用nodejs搭建一个本地的服务器用于测试。nodejs这玩意儿吧，对做前端的介入后端简直就是一把利器。而且目前，nodejs也越来越有商用价...

2020-05-27

51浏览

0评论

H5实现中奖记录逐行滚动切换效果

本文实例为大家分享了H5逐行滚动切换效果的具体代码，供大家参考，具体内容如下前端页面需先引入jquery<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl...

2020-05-27

36浏览

0评论

使用openSpeDiv方法实现Ecshop登录弹窗框效果

在ECSHOP的目录/JS/common.js中有一个openSpeDiv方法是实现ECSHOP的弹窗效果的。如果我们想制作一个登录弹窗框，可以截取这个方法里的部分代码。//生成属性选择层 function o...

2020-05-27

108浏览

0评论

jsonp跨域请求实现示例

网上看了很多关于jsonp的资料，发现在本机运行后实现不了，有的是有错漏，有的是说的比较含糊，接合自己的情况，整了一个可运行的示例；前言：ajax请求地址：http://192.168.1.102:8080/car...

2020-05-27

67浏览

0评论

js从输入框读取内容,比较两个数字的大小方法

因为从输入框读取的内容是String类型的，所以直接比较的话，是用asc码来比较的，如果要比较数字的大小应该加上parseFloat，比如：if(parseFloat(amnt1) < parseFloat(amnt2)){}以上这...

2020-05-27

55浏览

0评论

JS实现直接运行html代码的方法

本文实例讲述了JS实现直接运行html代码的方法。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'/> <title>直接运行 h...

2020-05-27

42浏览

0评论

JS实现含有中文字符串的友好截取功能分析

本文实例讲述了JS实现含有中文字符串的友好截取功能。分享给大家供大家参考，具体如下：在显示字符串的时候，避免字符串过长往往会对字符串进行截取操作，通常会用到js 的 substr...

2020-05-27

45浏览

0评论

JS+html5 canvas实现的简单绘制折线图效果示例

本文实例讲述了JS+html5 canvas实现的简单绘制折线图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>...

2020-05-27

91浏览

0评论

JavaScript评论点赞功能的实现方法

通过分析评论功能的逻辑关系，学会如何使用JavaScript实现评论、回复、点赞等各种功能1.学会JavaScript处理日期和时间。2.掌握Dom操作中的添加/删除子节点方法。3.使用setTim...

2020-05-27

43浏览

0评论

jQuery简易时光轴实现方法示例

本文实例讲述了jQuery简易时光轴实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset='utf-8'> <title>timeLine</title> <style> bod...

2020-05-27

52浏览

0评论

深入理解Node.js中的进程管理

前言本文主要对 Node.js 中进程管理相关的东西做一个简单介绍，包括 process 对象、child_process 模块和cluster 模块，详细的 API 可以查看官方文档，下面来看看详细的介绍吧。P...

2020-05-27

62浏览

0评论

jquery.flot.js简单绘制折线图用法示例

本文实例讲述了jquery.flot.js简单绘制折线图用法。分享给大家供大家参考，具体如下：1、完整实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>折...

2020-05-27

69浏览

0评论

vue2.0嵌套路由实现豆瓣电影分页功能(附demo)

前言最近练习Vue，看到官方文档中的嵌套路由，不做不知道，实在是太坑了，网上资料demo少之又少，然后自己就做了一个demo,用了vue2.0嵌套路由实现豆瓣电影分页功能，供大家学习学习，写得...

2020-05-27

44浏览

0评论

原生js实现吸顶效果

实现思路如下：1. div初始居普通文档流中2. 给window添加scroll事件（可事件节流），获取div的offset的top值，滚动时scrollTop值和top比较，当到达top时给div添加一个fixed的class使其...

2020-05-27

47浏览

0评论

Javascript封装id、class与元素选择器方法示例

由于各个浏览器都支持的选择方法只有如下三种： 1、document.getElementById() 2、document.getElementsByName() 3、document.getElementsByTagName()所以在封装...

2020-05-27

45浏览

0评论

js实现手机发送验证码功能

效果图：代码如下：<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>发送验证码倒计时功能</title><style>@charse...

2020-05-27

58浏览

0评论

利用Javascript裁剪图片并存储的简单实现

前言就我而言，页面上的设计比较灵动的部分，其实不是很多，诸如滑动验证码，图片裁剪等比较好的交互设计。从刚开始工作的时候，我就想把这些东西了解下，无奈一直没这个需求，乘着今天的...

2020-05-27

44浏览

0评论

Javascript中字符串相关常用的使用方法总结

刚刚在看Javascript犀牛书，看到字符串这一节，平时工作接触到这方面的不多，想着整理下，以备不时只需。JavaScript的内置功能之一就是字符串连接，如果用‘+'连接两个数字，表示两数相...

2020-05-27

47浏览

0评论

Java与JavaScript中判断两字符串是否相等的区别

JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等直接用==,这与C++里的String类一样.而Java里的等号...

2020-05-27

42浏览

0评论

JavaScript 数据类型详解

一，数据类型以下内容基于ES5（ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型。）JavaScript是一种弱类型动态语言，定义变量时无需指...

2020-05-27

42浏览

0评论

干货!教大家如何选择Vue和React

两者之间的相同之处同样是基于组件开发的轻量级框架，同样是专注于用户界面的视图view层。如何选择1.1 如果喜欢用模板搭建应用（或者有这个想法）选择Vue
Vue应用默认的是把mark...

2020-05-27

34浏览

0评论

jQuery插件HighCharts实现气泡图效果示例【附demo源码】

本文实例讲述了jQuery插件HighCharts实现气泡图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts 气泡...

2020-05-27

68浏览

0评论

又一款MVVM组件构建自己的Vue组件（2）

前言：转眼距离上篇JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的时间，Vu...

2020-05-27

48浏览

0评论

JS正则表达式判断有效数实例代码

2020-05-27

43浏览

0评论

VUE实现日历组件功能

哈哈，就在昨天笔者刚刚在Github 上发布了一个基于VUE的日历组件。过去做日历都是需要引用 jquery moment 引用 fullCalendar.js 的。几者加起来体积庞大不说，也并不是很好使...

2020-05-27

33浏览

0评论

基于vue2.0+vuex的日期选择组件功能实现

calendar vue日期选择组件一个选择日期的vue组件基于vue2.0 + vuex原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了demo展示&&项...

2020-05-27

45浏览

0评论

jquery实现表单获取短信验证码代码

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery表单获取短信验证码代码</title> <script src="http://libs.baidu.com/jquery...

2020-05-27

41浏览

0评论

Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案

在项目中开始使用vue2来构建项目了，跟 vue1 很大的一处不同在于2 取消了props 的双向绑定，改成只能从父级传到子级的单向数据流，初衷当然是好的，为了避免双向绑定在项目中容易造...

2020-05-27

39浏览

0评论

常用的几个JQuery代码片段

1. 导航菜单背景切换效果在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式：//注意：代...

2020-05-27

热门文章