JavaScript - 教程之家

59浏览

0评论

jQuery实现获取table中鼠标click点击位置行号与列号的方法

本文实例讲述了jQuery实现获取table中鼠标click点击位置行号与列号的方法。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head lang="e...

2020-05-27

50浏览

0评论

js+html5生成自动排列对话框实例

最近用js和html5写出的弹出多个对话框，并且可以自动排列，占满屏幕时会自动从新开始，话不多说直接上图：
用起来还是十分方便的，如果你感兴趣，代码在后面首先是Html页面
<!DOCTYPE h...

2020-05-27

70浏览

0评论

NodeJs通过async/await处理异步的方法

场景远古时代我们在编写express后台，经常要有许多异步IO的处理。在远古时代，我们都是用chunk函数处理，也就是我们最熟悉的那种默认第一个参数是error的函数。我们来模拟一个Mon...

2020-05-27

75浏览

0评论

ES6中的Promise代码详解

废话不多说了，直接给大家贴代码了，具体如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script>var a=0var test=fun...

2020-05-27

52浏览

0评论

JS实现中文汉字按拼音排序的方法

本文实例讲述了JS实现中文汉字按拼音排序的方法。分享给大家供大家参考，具体如下：代码1，拼音排序：var array = ['武汉', '北京', '上海', '天津'];var resultArray = array.sort...

2020-05-27

81浏览

0评论

浅谈node的事件机制

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.
在nodejs的官方文档中，明确写出了node的一个特性是event-driven（事件驱动...

2020-05-27

68浏览

0评论

移动端效果之Swiper详解

写在前面
最近在做移动端方面运用到了饿了么的vue前端组件库，因为不想单纯用组件而使用它，故想深入了解一下实现原理。后续将会继续研究一下其他的组件实现原理，有兴趣的可以关...

2020-05-27

70浏览

0评论

JS中Attr的用法详解

具体代码如下所示：<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#btn")...

2020-05-27

73浏览

0评论

详解使用Typescript开发node.js项目（简单的环境配置）

最近在学习typescript的过程中，想到也许可以使用ts来开发node.js项目。在网上搜了一下，其实已经有很多开发者实践了这方面的内容。这里，我记录一下自己搭建开发环境的简单过程...

2020-05-27

57浏览

0评论

input 标签实现输入框带提示文字效果(两种方法)

方法一：html5配合css3实现带提示文字的输入框(摆脱js)；webkit特有的一个css，可以控制里面的文字样式，配合css3的动画效果和伪类，我们就可以很容易做出一个带动画的输入框，在系统登...

2020-05-27

68浏览

0评论

JS实现预加载视频音频/视频获取截图（返回canvas截图）

#load-media.js/** * Create by Capricorncd 2017 */// 同域资源实现视频截图，可上传的图片数据格式// 非同域资源实现canvas截图预览// 提示码const CODES = { 0: 'success...

2020-05-27

57浏览

0评论

Angular2监听页面大小变化的解决方法

一、现象全屏页面中的图表，在很多的时候需要 resize 一把，以适应页面的大小变化二、解决1、引入：import { Observable } from 'rxjs';2、使用(在ngOnInit方法中)：ngOnInit() {...

2020-05-27

45浏览

0评论

Vue组件之全局组件与局部组件的使用详解

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组...

2020-05-27

61浏览

0评论

聊聊Vue.js的template编译的问题

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址：https://github.com/answershuto...

2020-05-27

60浏览

0评论

基于对象合并功能的实现示例

前言jQuery 中的 $.extend() 是经常使用到工具函数，多用于合并参数（对象），具体用法在这里不过多赘述，可通过传参控制合并过程中是否使用深度拷贝；而ES2015中新增的 Object.assign(...

2020-05-27

78浏览

0评论

详解Nodejs 通过 fs.createWriteStream 保存文件

工作中难免会遇到处理大文件的时候，有这种stream的处理方式，就不需要一次处理太大的文件，从而导致内存不够用，或者内存占用太多。fs.createWriteStream 似乎不会自己创建不存在...

2020-05-27

59浏览

0评论

React中上传图片到七牛的示例代码

之前有写过类似的一篇文章，有位同学突然找来解惑，发现自己采用了另外的一个方法，这里也分享下，希望对使用reactjs的同学有帮助。逻辑思路是这样子的，在componentDidMount中实现更...

2020-05-27

78浏览

0评论

使用Dropzone.js上传的示例代码

本文介绍了使用Dropzone.js上传的示例代码，分享给大家，具体如下：说明：后台用的python的flask框架，后台对你理解这篇文章没什么影响，你可以使用php
form作为上传区引入Dropzone.js...

2020-05-27

67浏览

0评论

JavaScript如何获取到导航条中HTTP信息

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下
1、style中带有注释的部分为获取HTTP中的信息2、body中显示效果为：1）、打开页面是自动弹出输入...

2020-05-27

61浏览

0评论

认识jQuery的Promise的具体使用方法

先前了解了ES6的Promise对象，来看看jQuery中的Promise，也就是jQuery的Deferred对象。打开浏览器的控制台先。<script> var defer = $.Deferred(); console.log(defer);</scr...

2020-05-27

75浏览

0评论

利用JS hash制作单页Web应用的方法详解

前言本文主要给大家介绍了关于利用JS hash制作单页Web应用的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。一、何为hash这里要讲的hash（也叫哈希），指...

2020-05-27

51浏览

0评论

seajs中模块依赖的加载处理实例分析

本文实例讲述了seajs中模块依赖的加载处理。分享给大家供大家参考，具体如下：最近在做项目的时候发现一些关于模块依赖问题，特记录下:比如现有3个文件：/*init.js*/define(functio...

2020-05-27

67浏览

0评论

基于vue的换肤功能的示例代码

最近在做的一个几月vue的移动端小demo,其中有一块是实现各个页面的统一换肤功能的。想着写一篇文章，来写一写实现过程中遇到的一些问题。
项目github地址项目github地址一先...

2020-05-27

73浏览

0评论

seajs模块压缩问题与解决方法实例分析

本文实例讲述了seajs模块压缩问题与解决方法。分享给大家供大家参考，具体如下：在优化整理项目代码时，想使用seajs来把代码模块化。看了下官方5分钟上手教程，觉得很不错，也没多想...

2020-05-27

70浏览

0评论

vue.js如何将echarts封装为组件一键使用详解

前言本文主要给大家介绍了关于vue.js将echarts封装为组件一键使用的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。说明
做项目的时候为了让数据展...

2020-05-27

60浏览

0评论

SeaJS中use函数用法实例分析

本文实例讲述了SeaJS中use函数用法。分享给大家供大家参考，具体如下：有了 define 等模块定义规范的实现，我们可以开发出很多模块。但光有一堆模块不管用，我们还得让它们能跑起来...

2020-05-27

64浏览

0评论

seajs中最常用的7个功能、配置示例

本文实例讲述了seajs中最常用的7个功能、配置。分享给大家供大家参考，具体如下：1. seajs.configseajs.config({ // 设置路径，方便跨项目调用 paths: { 'path1': '....', 'pat...

2020-05-27

63浏览

0评论

vue.js实现简单轮播图效果

学习了vue.js也有一段时间了，做了个小demo来熟悉一下，很常见的demo，-------轮播图，没学vue之前的轮播图用JavaScript或者jquery都非常简单，发现用vue来写也挺有意思的。说下简单...

2020-05-27

60浏览

0评论

JavaScript中错误正确处理方式小结你用对了吗

JavaScript的事件驱动范式增添了丰富的语言，也是让使用JavaScript编程变得更加多样化。如果将浏览器设想为JavaScript的事件驱动工具，那么当错误发生时，某个事件就会被抛出。理...

2020-05-27

41浏览

0评论

JS实现websocket长轮询实时消息提示的效果

效果图如下：参考代码如下：jsp代码：<%@ page contentType="text/html;charset=UTF-8" language="java"%><div class="page-header navbar navbar-fixed-top"> <div class="page...

2020-05-27

65浏览

0评论

jQuery实现的form转json经典示例

本文实例讲述了jQuery实现的form转json功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1...

2020-05-27

60浏览

0评论

JS实现合并json对象的方法

本文实例讲述了JS实现合并json对象的方法。分享给大家供大家参考，具体如下：一、问题：求json对象合并的方法var a ={"a":"1","b":"2"}var b ={"c":"3","d":"4","e":"5"}想得到结...

2020-05-27

63浏览

0评论

JavaScript实现计数器基础方法

本文实例为大家分享了js实现计数器的具体代码，供大家参考，具体内容如下通过使用 JavaScript，设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。称之为计时事件。...

2020-05-27

70浏览

0评论

AngularJS中控制器函数的定义与使用方法示例

本文实例讲述了AngularJS中控制器函数的定义与使用方法。分享给大家供大家参考，具体如下：HTML正文:<body ng-app="myApp" ng-controller="myCtrl"><h2>AngularJS函数绑定</h2>...

2020-05-27

48浏览

0评论

AngularJS中table表格基本操作示例

本文实例讲述了AngularJS表格基本操作。分享给大家供大家参考，具体如下：css内容：table, td { border: 1px solid grey; border-collapse: collapse; padding: 5px;}HTML正文：<bo...

2020-05-27

45浏览

0评论

template.js前端模板引擎使用详解

本文介绍了template.js前端模板引擎使用，分享给大家，具体如下：
下载地址：https://github.com/yanhaijing/template.js作者编写的文档：https://github.com/yanhaijing/template.js...

2020-05-27

60浏览

0评论

JS判断数组那点事

面试题中有个这样题目如何判断数组大家都知道哪些方法其实有时候明明知道哪些方法但在关键时候就是说不上来typeof运算符typeof会返回这个类型的字符串 var a = '123' c...

2020-05-27

57浏览

0评论

Vue实现数字输入框中分割手机号码的示例

需求
在移动端弹出系统数字键盘，输入手机号码的时候，使用344形式分割。分析：首先，如果要在移动端弹出数字键盘，并且还可以有空格，那么就要使用type="phone"的input框如果要实...

2020-05-27

45浏览

0评论

防止页面url缓存中ajax中post请求的处理方法

防止页面url缓存中ajax中post请求的处理方法一般我们在开发中经常会用到Ajax请求，异步发送请求，然后获取我们想要的数据，在Ajax中使用Get请求数据不会有页面缓存的问题，而使...

2020-05-27

72浏览

0评论

详解ionic本地相册、拍照、裁剪、上传（单图完全版）

网络上已有的ionic图片选择上传博客碎片化过于严重，功能残缺或者引入了一些不必要的插件。这次以项目为契机，把ionic的图片选择、裁剪、上传整合一下，多图上传请戳ionic选择多...

2020-05-27

63浏览

0评论

ionic选择多张图片上传的示例代码

在上一篇博客ionic本地相册、拍照、裁剪、上传（单图完全版）中，跟大家分享了ionic项目选择本地图片、拍照、裁剪、上传到服务器的内容，但是上一节的内容由于使用了Cordova的Came...

2020-05-27

53浏览

0评论

angular2 ng2 @input和@output理解及示例

angular2 @input和@output理解先做个比方，然后奉上代码
比如：<talk-cmp [talk]="someExp" (rate)="eventHandler($event.rating)">input， [talk]="someExp" 这个标签可以理解为...

2020-05-27

69浏览

0评论

vue router自动判断左右翻页转场动画效果

前段时间做了一个移动端spa项目，技术基于 :vue + vue-router + vuex + mint-ui因为使用了vue-cli脚手架的webpack模版，所有页面都以.vue为后缀的文件作为一个组件最近公司项目...

2020-05-27

68浏览

0评论

详解vue中使用express+fetch获取本地json文件

自己在做个vue小demo的时候，想模拟从服务器获取json数据的过程，一开始的想法是使用fetch直接获取本地的json文件，无论是install了json-loader还是把json文件放在index.html的目...

2020-05-27

71浏览

0评论

React根据宽度自适应高度的示例代码

有时对于响应式布局，我们需要根据组件的宽度自适应高度。CSS无法实现这种动态变化，传统是用jQuery实现。
而在React中无需依赖于JQuery,实现相对比较简单，只要在DidMount后更改...

2020-05-27

53浏览

0评论

解决JQuery全选/反选第二次失效的问题

最近在项目中，遇到一个问题，测试全选/反选功能时，第一次对母框进行选中/非选中时，能同步子框的全选/反选状态，之后再点击母框，子框就没反应了。原代码大致结构关键如下：function se...

2020-05-27

57浏览

0评论

js处理包含中文的字符串实例

场景：js中String类型自带的属性length获取的是字符串的字符数目，但是前端经常会需要限制字符串的显示长度，一个中文字符又大概占两个英文小写字符的显示位置，所以中英文混合的情...

2020-05-27

73浏览

0评论

JavaScript for循环 if判断语句(学习笔记)

今天学习了JavaScript里面的for循环以及if的判断语句for(初始值；循环条件；操作){　　满足条件要执行的代码语句
}初始值：循环前的初始化变量，通常为赋值表达式：建议用var赋值，可以...

2020-05-27

51浏览

0评论

AngularJS实现表单元素值绑定操作示例

本文实例讲述了AngularJS实现表单元素值绑定操作。分享给大家供大家参考，具体如下：ng-disabled:绑定控件的disabled属性
ng-show:显示或者隐藏元素：ms-visible
ng-hide:和ng-...

2020-05-27

53浏览

0评论

Bootstrap Tooltip显示换行和左对齐的解决方案

今天在使用Bootstrap的Tooltip功能时遇到2个小问题：换行丢失，文字不是左对齐。然后经过百度和Bing找到了解决方案。先看一下Bootstrap中展示Tooltip的代码：<link href="bootstr...

2020-05-27

热门文章