JavaScript - 教程之家

65浏览

0评论

javascript实现下雨效果

效果图：代码如下：<!doctype html><html> <head> <meta charset="UTF-8"> <title>梦柯教育-锤子老师</title> <style type="text/css"> *{margin:0;padding:0;list-style-type:...

2020-05-27

58浏览

0评论

JS数组搜索之折半搜索实现方法分析

本文实例讲述了JS数组搜索之折半搜索实现方法。分享给大家供大家参考，具体如下：一. 方法原理：当从一个给定的序列数组arr中, 查找某个特定值value时, 折半搜索法是这样做的:1....

2020-05-27

79浏览

0评论

JavaScript无缝滚动效果的实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...

2020-05-27

60浏览

0评论

vue 2.0组件与v-model详解

前言大家可能乍一看这个标题，可能会有疑问：v-model和组件也能扯到一起？在打算写这篇文章的时候，也是这么想的。咱们按简历的那一套STAR法则来梳理一下这篇文章：情景【Situation】...

2020-05-27

77浏览

0评论

JS闭包用法实例分析

本文实例讲述了JS闭包用法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script typ...

2020-05-27

63浏览

0评论

Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能

最终实现效果：
index.html<!DOCTYPE html><html> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//ajax.go...

2020-05-27

63浏览

0评论

基于JavaScript实现焦点图轮播效果

　不管是高校的网站还是电商的页面，焦点图的切换和轮播应该是一项不可或缺的应用。今天把焦点图轮播制作的技术要点做下笔记，以供日后查看。一、结构层（HTML）　　焦点图的H...

2020-05-27

59浏览

0评论

BootStrap中jQuery插件Carousel实现轮播广告效果

轮播广告在网站中的应用实在是太常见了，下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果，下图为最终效果：具体实现方法请看下面的代码：<div class="carousel sl...

2020-05-27

57浏览

0评论

JS简单实现数组去重的方法示例

本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xht...

2020-05-27

59浏览

0评论

JS字符串统计操作示例【遍历,截取,输出,计算】

本文实例讲述了JS字符串统计操作。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-stri...

2020-05-27

60浏览

0评论

基于JavaScript实现移动端无限加载分页

本文实例为大家分享了js实现移动端无限加载分页的具体代码，供大家参考，具体内容如下原理：当滚动条到达底部时，执行下一页内容。判断条件需要理解三个概念：
1.scrollHeight 真...

2020-05-27

76浏览

0评论

AngularJS前端页面操作之用户修改密码功能示例

本文实例讲述了AngularJS前端页面操作之用户修改密码功能。分享给大家供大家参考，具体如下：最近在做前端设计，主要使用的知识有AngularJS和nodejs来进行页面显示和数据请求、处...

2020-05-27

119浏览

0评论

js实现抽奖效果

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机抽奖</title> <style> *{margin: 0;padding: 0;} body{ backgro...

2020-05-27

66浏览

0评论

Vue中的v-cloak使用解读

v-cloak 的作用和用法
用法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到...

2020-05-27

71浏览

0评论

利用NPM淘宝的node.js镜像加速nvm

NVM 加速安装 Node.js 一般都是用 nvm但是安装之后使用体验就不咋地了，由于某些不可变原因，国内网络就不好吐槽了；就连执行一下 nvm ls-remote 都要很久。当然“道”高一尺“魔...

2020-05-27

69浏览

0评论

angular2+nodejs实现图片上传功能

在使用angular2进行图片上传的时候，遇到了各种各样的问题。在多番尝试之后最终成功上传图片，下面将我的方法分享给大家：nodejs 后台代码var express = require("express");//网...

2020-05-27

51浏览

0评论

详解从Node.js的child_process模块来学习父子进程之间的通信

child_process模块提供了和popen(3)一样的方式来产生自进程，这个功能主要是通过child_process.spawn函数来提供的：
const spawn = require('child_process').spawn; const ls...

2020-05-27

60浏览

0评论

vue2.0获取自定义属性的值

最近在项目中使用了vue.js。在爬坑的路上遇到了很多问题。这里都会给记录下来，今天要说的是怎么获取自定义属性的值。HTML<!DOCTYPE html><html><head><script src="http://v...

2020-05-27

66浏览

0评论

js实现下拉框效果（select）

效果图：代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...

2020-05-27

68浏览

0评论

js实现多行文本框统计剩余字数功能

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js统计文本框剩余字数</title> <style type="text/css"> #area{ width:...

2020-05-27

60浏览

0评论

JavaScript实现经纬度转换成地址功能

在webAPP开发过程中，需要将返回的经纬度转换成中文地址，一番折腾后得以实现，总结如下原理分析：百度地图API提供了一个JS库，我们只需要用这个接口就可以实现转换功能，这里我写一个...

2020-05-27

65浏览

0评论

Web前端框架Angular4.0.0 正式版发布

前言angular4.0.0正式版现在可以使用了。这是自我们宣布angular改版后，首次发布的专业版本。它向下兼容，支持所有使用了angular2.x.x版本的应用程序。我们很高兴和大家分享这...

2020-05-27

96浏览

0评论

bootstrap table实现单击单元格可编辑功能

要使bootstrap-table实现可编辑，需要配合使用x-editable插件。
先在页面上导入必要的css和js文件<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta...

2020-05-27

56浏览

0评论

Vue.js 60分钟快速入门教程

vuejs是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.j...

2020-05-27

58浏览

0评论

Restify中接入Socket.io报Error:Can’t set headers的错误解决

发现问题在restify的官方文档中，接入socket.io的代码是酱汁的： http://restify.com/#socketiovar server = restify.createServer();var io = socketio.listen(server);// ......

2020-05-27

81浏览

0评论

TypeScript入门-基本数据类型

大致介绍TypeScript是由C#语言之父Anders Hejlsberg主导开发的一门编程语言，TypeScript本质上是向JavaScript语言添加了可选的静态类型和基于类的面向对象编程，它相当于是Java...

2020-05-27

91浏览

0评论

Node.js设置CORS跨域请求中多域名白名单的方法

CORS说到CORS，相信前端儿都不陌生，这里我就不多说了，具体可以看看这篇文章。CORS，主要就是配置Response响应头中的 Access-Control-Allow-Origin 属性为你允许该接口访问的域名...

2020-05-27

60浏览

0评论

JavaScript实现分页效果

效果图：代码如下：<html> <head> <style> *{padding:0;margin:0} ul,li{list-style:none} .left{float:left} .right{float:left} .page_container{height: 30px; l...

2020-05-27

78浏览

0评论

nodejs模块nodemailer基本使用-邮件发送示例(支持附件)

nodemailer是nodejs中的邮件发送模块,本文使用的版本为2.5.0--下载模块
npm install nodemailernpm下载模块后,在项目中引入就可以使用: var nodemailer = require('nodemai...

2020-05-27

74浏览

0评论

使用JavaScriptCore实现OC和JS交互详解

JavaScriptCoreJavaScriptCore是webkit的一个重要组成部分，主要是对JS进行解析和提供执行环境。iOS7后苹果在iPhone平台推出，极大的方便了我们对js的操作。首先创建webView,读...

2020-05-27

75浏览

0评论

关于Node.js中Buffer的一些你可能不知道的用法

前言在大多数介绍 Buffer 的文章中，主要是围绕数据拼接和内存分配这两方面的。比如我们使用fs模块来读取文件内容的时候，返回的就是一个 Buffer：fs.readFile('filename', funct...

2020-05-27

78浏览

0评论

NodeJS测试框架mocha入门教程

NodeJS里最常用的测试框架估计就是mocha了。它支持多种node的assert libs，同时支持异步和同步的测试，同时支持多种方式导出结果，也支持直接在browser上跑Javascript代码测试。...

2020-05-27

72浏览

0评论

NodeJs测试框架Mocha的安装与使用

Mocha是运行在nodejs和浏览器下的JavaScript的单元测试框架，官方文档在https://mochajs.org/，相当的容易上手和好用，单元测试框架其实都差不多，基本都包含下面内容：用于写测试用...

2020-05-27

57浏览

0评论

jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的2D帕累托图效果。分享给大家供大家参考，具体如下：1、了解帕累托图的特性以及和其他图的共性2、设计帕累托图页面中引入图的类型以...

2020-05-27

65浏览

0评论

jquery实现静态搜索功能(可输入搜索文字)

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery实现静态搜索功能</title>  <link rel="s...

2020-05-27

66浏览

0评论

Angular2开发——组件规划篇

本文集中讲讲笔者目前使用ng2来开发项目时对其组件的使用的个人的一些拙劣的经验。先简单讲讲从ng1到ng2框架下组件的职责与地位：ng1中的一大特色——指令，分为属性型、标签型...

2020-05-27

64浏览

0评论

AngularJS中$http的交互问题

这篇文章，主要是通过我们熟悉的jquery中ajax和jsonp的类型方式，总结一下$http的使用。$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。
1. angular中的ajax写...

2020-05-27

69浏览

0评论

整理关于Bootstrap表单的慕课笔记

整理自慕课笔记基础表单表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选...

2020-05-27

59浏览

0评论

Angular2入门--架构总览

大致介绍在3月23日，Angular4正式发布（没有3）。似乎现在学Angular2又晚了，又晚一步-_-||。Angular2在Angular1的基础上有了较大的改变。之前向一个同学（之前学过Angular1）问一个Ang...

2020-05-27

54浏览

0评论

Vue.js实现移动端短信验证码功能

现在的短信验证码一般为4位或6位，则页面中会相应的显示4个或6个文本框，如图所示当点击注册进入到输入验证码页面的时候，第一个框自动获取光标，依次输入，不可直接输入第三个或第四...

2020-05-27

58浏览

0评论

jQuery插件之validation插件

前面的话最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。Validation是历史最悠久的jQuery插件...

2020-05-27

82浏览

0评论

Angular2平滑升级到Angular4的步骤详解

前言Angular4终于在两天前发布了正式版本，那么怎么升级呢?其实Angular2和Angular4之间属于平滑过渡，并不像1和2之间颠覆性的重写代码。Angular4现已发布 https://www.jb5...

2020-05-27

73浏览

0评论

nodejs实现邮件发送服务实例分享

前段时间，想用python实现发送邮件的服务，用的是smtp，但是不知道为什么一直没有成功，于是想用nodejs尝试下，意外的简单容易。先安装模块：
npm install nodemailer --save
然后是...

2020-05-27

75浏览

0评论

整理关于Bootstrap模态弹出框的慕课笔记

整理自慕课笔记
插件的源文件：modal.js。
在 Bootstrap 框架中把模态弹出框统一称为 Modal。这种弹出框效果在大多数 Web 网站的交互中都可见。比如点击一个按钮弹出一个框...

2020-05-27

66浏览

0评论

整理关于Bootstrap过渡动画的慕课笔记

整理自慕课笔记动画过渡（Transitions）: 源文件：transition.jsBootstrap框架默认给各个组件提供了基本动画的过渡效果，如果要使用，有两种方法：* 调用统一编译的bootstrap.js；
* 调...

2020-05-27

56浏览

0评论

Vue.js 插件开发详解

前言随着 Vue.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的 vue-router、vuex 等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶...

2020-05-27

193浏览

0评论

整理关于Bootstrap列表组的慕课笔记

整理自慕课笔记
列表组是Bootstrap框架新增的一个组件，可以用来制作列表清单、垂直导航等效果，也可以配合其他的组件制作出更漂亮的组件。基础列表组基础列表组，看上去就是去...

2020-05-27

73浏览

0评论

Vue2组件tree实现无限级树形菜单

一直打算偷懒使用个现成的树组件，但是在github上找了一大圈没有找到真正满足应用开发的树组件，所以没办法只能自己写了一个，开源出来希望可以帮助到需要的人，同时如果大家觉得好...

2020-05-27

55浏览

0评论

jquery实现tab键进行选择后enter键触发click行为

这种使用场景为当首页有几个链接需要选择的时候，使用键盘就可以进行触发行为复制下来放本地用吧网页上直接测试有问题效果图：下面是demo代码<!DOCTYPE html><html lang="en">...

2020-05-27

110浏览

0评论

js实现一个简单的数字时钟效果

效果图：代码如下：<!DOCTYPE HTML><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>一个简单的数字时钟</title> <script t...

2020-05-27

热门文章