JavaScript - 教程之家

52浏览

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

42浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

47浏览

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

56浏览

0评论

TypeScript入门-基本数据类型

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

46浏览

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

64浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

66浏览

0评论

NodeJS测试框架mocha入门教程

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

51浏览

0评论

Angular2开发——组件规划篇

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

2020-05-27

50浏览

0评论

AngularJS中$http的交互问题

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

46浏览

0评论

Angular2入门--架构总览

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

39浏览

0评论

jQuery插件之validation插件

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

41浏览

0评论

Vue.js 插件开发详解

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

2020-05-27

175浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

47浏览

0评论

Mongoose经常返回e11000 error的原因分析

发现问题最近在工作中遇到了一个问题，在定义了schema之后，每一次save都会报E11000，但是db.xxx.find()里面根本就没有冲突的条目，什么情况呢？问题分析可能问题出在定义的schema的...

2020-05-27

53浏览

0评论

JS实现侧边栏鼠标经过弹出框+缓冲效果

可能这个标题起得不够恰当，简单来说就是：当鼠标移到最左侧时，移出一个框。首先，我们用两个div来简单布局以下页面：<div id="box"> <div id="share">分享到</div></div>这个分享...

2020-05-27

52浏览

0评论

Vue.js展示AJAX数据简单示例讲解

最近琢磨了一下vue.js，并在项目中进行了运用，感觉非常好用，强烈推荐。　　当通过AJAX方式取回数据后，使用vue.js可以完美地按一定逻辑在页面上的展示数据，代码简单、优美、自然，而...

2020-05-27

49浏览

0评论

浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结

1.map有返回值，返回一个新的数组，每个元素为调用func的结果。let list = [1, 2, 3, 4, 5];let other = list.map((d, i) => { return d * 2;});console.log(other);// print:...

2020-05-27

64浏览

0评论

移动端利用H5实现压缩图片上传功能

此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能，最近有了点空闲时间，所以就实践了一下。demo效果链接在文章底部贴出。在做移动端图片上传的时候，用户传的都是手...

2020-05-27

73浏览

0评论

javascript 中Cookie读、写与删除操作

javascript 中Cookie读、写与删除操作前言：在这个前端横行的时候，页面之间的交互需要数据的传递，有的数据通过url传参的形式可以很好地解决，但是对于部分需要改变的参数，你如说...

2020-05-27

44浏览

0评论

整理关于Bootstrap导航的慕课笔记

整理自慕课笔记基础样式导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，可以便于用户查找网站所提供的各项功能服务。导航的制作方法也是千奇百...

2020-05-27

63浏览

0评论

jQuery实现字体颜色渐变效果的方法

本文实例讲述了jQuery实现字体颜色渐变效果的方法。分享给大家供大家参考，具体如下：jQuery不允许css属性值为非数字的属性进行动画处理，比如.animate(color:'red',500)或是.ani...

2020-05-27

39浏览

0评论

node.js程序作为服务并在windows下开机自启动（用forever）

前言最近项目中有一块服务是用node.js实现的，运行环境是windows server 2008 R2，刚开始着手实现这块功能的时候时间很紧迫，随便写了个console程序就部署上去了……启动方式就是...

2020-05-27

74浏览

0评论

整理关于Bootstrap警示框的慕课笔记

整理自慕课笔记
在网站中，网页总是需要和用户一起做沟通与交流。特别是当用户操作上下文为用户提供一些有效的警示框，比如说告诉用户操作成功、操作错误、提示或者警告等。如...

2020-05-27

45浏览

0评论

详解如何在Vue2中实现组件props双向绑定

Vue学习笔记-3 前言Vue 2.x相比较Vue 1.x而言，升级变化除了实现了Virtual-Dom以外，给使用者最大不适就是移除的组件的props的双向绑定功能。
以往在Vue1.x中利用props的twoWay...

2020-05-27

67浏览

0评论

Javascript 详解封装from表单数据为json串进行ajax提交

摘要: js封装from表单数据为json串进行ajax提交
json封装代码function getFormJson(frm) { //frm：form表单的id var o = {}; var a = $("#"+frm).serializeArray();...

2020-05-27

69浏览

0评论

微信小程序实现带刻度尺滑块功能

摘要: 与自带的slider不同的是，它是通过手势滑动标尺得到取值，而不是通过滑动滑块本身。效果图场景当一屏显示不下，例如年龄体重选择，金额选择等大区间需要的选择器，相比自带的pi...

2020-05-27

34浏览

0评论

JS简单获取当前日期时间的方法(如：2017-03-29 11:41:10 星期四)

本文实例讲述了JS简单获取当前日期时间的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD...

2020-05-27

52浏览

0评论

js实现华丽的九九乘法表效果

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>span实现的乘法表</title> <style type="text/css"> .wrap { width: 800px; ma...

2020-05-27

52浏览

0评论

详解如何使用Vue2做服务端渲染

花费了一个月时间，终于在新养车之家项目中成功部署了vue2服务端渲染（SSR），并且使用上了Vuex 负责状态管理，首屏加载时间从之前4G网络下的1000ms，提升到了现在500-700ms之间，SSR的优...

2020-05-27

67浏览

0评论

jQuery实现的手风琴侧边菜单效果

本文实例讲述了jQuery实现的手风琴侧边菜单效果。分享给大家供大家参考，具体如下：动手做了一个简单手风琴菜单，上图：点击 B 可收缩 C 列表，点击 C 改变自身和父节点 B 的样式，悬浮...

2020-05-27

43浏览

0评论

jQuery实现简单漂亮的Nav导航菜单效果

本文实例讲述了jQuery实现简单漂亮的Nav导航菜单效果。分享给大家供大家参考，具体如下：自己写的一个简单的导航菜单，先看效果：鼠标悬浮时菜单项向上移动成蓝底白字，点击之后底部...

2020-05-27

热门文章