JavaScript - 教程之家

85浏览

0评论

BootStrap注意事项小结（五）表单

1.基本实例单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。将 la...

2020-05-27

65浏览

0评论

js实现产品缩略图效果

效果图:代码如下：<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery...

2020-05-27

61浏览

0评论

C#微信小程序服务端获取用户解密信息实例代码

C#微信小程序服务端获取用户解密信息实例代码实现代码：using AIOWeb.Models; using Newtonsoft.Json; using Newtonsoft.Json.Linq; using System; using System.Collection...

2020-05-27

64浏览

0评论

JS中利用localStorage防止页面动态添加数据刷新后数据丢失

非常不多说了，直接给大家贴代码了，具体代码如下所示：<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,i...

2020-05-27

64浏览

0评论

利用Angular+Angular-Ui实现分页（代码加简单）

今天我们来看看一种只实现分页没有查询的例子吧，先看效果：采用了Angular-UI中的分页组件，关于Angular-UI如何使用请移步这里https://angular-ui.github.io/bootstrap/中的boots...

2020-05-27

78浏览

0评论

常用的js方法合集

数组及对象深拷贝var arr = [1,'2',{a:1,b:[1,2]}];function deepCopy(p, c) {　　　　 var c = c || {};　　　　 for (var i in p) {　　　　　　 if (typeof p[i] === 'o...

2020-05-27

74浏览

0评论

微信小程序向左滑动删除功能的实现

微信小程序向左滑动删除功能的实现实现效果图：实现代码：1、wxml touch-item元素绑定了bindtouchstart、bindtouchmove事件<view class="container"> <view class="touch-item...

2020-05-27

66浏览

0评论

jquery实现的table排序功能示例

本文实例讲述了jquery实现的table排序功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="...

2020-05-27

76浏览

0评论

JS实现的自动打字效果示例

本文实例讲述了JS实现的自动打字效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>js typing</title> </head> <body> <...

2020-05-27

85浏览

0评论

Vue.js之slot深度复制详解

前言在Vue中，slot是一个很有用的特性，可以用来向组件内部插入一些内容。slot就是“插槽”的意思，用大白话说就是：定义组件的时候留几个口子，由用户来决定插入的内容。例如我们定...

2020-05-27

76浏览

0评论

jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D带有Legend的饼图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Hig...

2020-05-27

83浏览

0评论

Angular多选、全选、批量选择操作实例代码

在前台开发过程中，列表批量选择是一个开发人员经常遇到的功能，列表批量选择的实现方式很多，但是原理基本相同，本文主要来讲AngularJs如何简单的实现列表批量选择功能。首先来看h...

2020-05-27

79浏览

0评论

AngularJS之页面跳转Route实例代码

AngulagJs的页面使用Route跳转1.除了引用AngularJs.js外，还要引用路由JS, "~/Scripts/angularjs/angular-route.js"2.通过$routeProvider定义路由，示例var testModule = angul...

2020-05-27

55浏览

0评论

jQuery实现扑克正反面翻牌效果

效果图：代码如下：<!DOCTYPE><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>【JQuery插件】扑克正反面翻牌效果</title> <sty...

2020-05-27

63浏览

0评论

微信小程序 MD5的方法详解及实例代码

微信小程序 MD5的方法详解生成的文件可以放在 utils文件中哦！！！/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as de...

2020-05-27

117浏览

0评论

Web纯前端“旭日图”实现元素周期表

一、什么是旭日图旭日图是在Excel 2016中新增的一种图表。有些类似饼图，饼图的优势是可以显示占比。但是饼图只能显示单级数据。旭日图用来表示多层级数据的占比。旭日图以一...

2020-05-27

117浏览

0评论

微信小程序手势操作之单触摸点与多触摸点

前言
手势对于一些效果是比较重要的，在canvas、交互等中应用非常广，看一下微信小程序手势是如何的。Demo
为了研究小程序是否支持多手指，需要使用touchstart,touchmove,touch...

2020-05-27

63浏览

0评论

AngularJS ui-router (嵌套路由)实例

我们都知道，如果使用原生路由的话，Angular的视图是通过ng-view这个指令进行加载的。比如这样：<div ng-view></div>。一般，我们都会把这个指令放在index.html这个文件里面，然后，通...

2020-05-27

64浏览

0评论

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

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

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

2020-05-27

63浏览

0评论

基于Bootstrap框架实现图片切换

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

134浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

58浏览

0评论

基于Node.js的WebSocket通信实现

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

2020-05-27

111浏览

0评论

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

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

2020-05-27

83浏览

0评论

js鼠标跟随运动效果

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

69浏览

0评论

前端开发之CSS原理详解

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

69浏览

0评论

彻底学会Angular.js中的transclusion

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

2020-05-27

61浏览

0评论

纯js的右下角弹窗实例

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

63浏览

0评论

JavaScript中双符号的运算详解

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

2020-05-27

66浏览

0评论

Node.js调试技术总结分享

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

2020-05-27

72浏览

0评论

如何理解jQuery中的ajaxSubmit方法

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

2020-05-27

73浏览

0评论

jQuery中layer分页器的使用

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

72浏览

0评论

nodejs搭建本地http服务器教程

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

124浏览

0评论

jsonp跨域请求实现示例

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

102浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

热门文章