JavaScript - 教程之家

110浏览

0评论

Vue.js 2.0 移动端拍照压缩图片上传预览功能

在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到了...

2020-05-27

74浏览

0评论

js正则表达式验证表单【完整版】

效果图：图（1）初始图图（2）填入信息校验代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>完整验证表单</title> <style type="text/css"> *{margin:...

2020-05-27

51浏览

0评论

vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

一、前言　　三年.net开发转前端已经四个月了，前端主要用webpack+vue，由于后端转过来的，前端不够系统，希望分享下开发心得与园友一起学习。　　图片的上传之前都是用的插件(ajax...

2020-05-27

164浏览

0评论

Javascript中引用类型传递的知识点小结

JS里面哪些类型是引用类型?
Object类型都是引用类型.(function,array,date,regexp..)JS哪些类型是值传递?
基本类型都是值传递.值传递就是重新copy一个副本进行传递...

2020-05-27

36浏览

0评论

Bootstrap组合上、下拉框简单实现代码

本文实例为大家分享了Bootstrap组合上下拉框的具体代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge">...

2020-05-27

53浏览

0评论

Bootstrap按钮组简单实现代码

本文实例为大家分享了Bootstrap按钮组的具体代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta...

2020-05-27

64浏览

0评论

jquery获取select,option所有的value和text的实例

想想学习jQuery也有几天了，然后今天由于工作需要，我需要把select对应下的option所有的value和text获取出来，然后拼接，导入到xml文件中，结果搞了一下午，终于搞出来了。下面是对应的...

2020-05-27

72浏览

0评论

Vue.js 2.0中select级联下拉框实例

在网上搜索了Vuejs2.0 动态级联select许久未果，决定自己总结一下自己的经验，有关select在Vue.js 2.0版本中的应用。首先我先说一下的我使用的技术，我参考了网上成熟的经验，选...

2020-05-27

72浏览

0评论

jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】

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

2020-05-27

46浏览

0评论

jQuery在header中设置请求信息的方法

jquery是js的类库，js本身不能操作header，因为js是在浏览器加载页面过程中才开始执行的header需要服务器端执行操作如果是ajax，是可以设置header$.ajax({ url: "", data: {},...

2020-05-27

51浏览

0评论

jQuery简单实现遍历单选框的方法

本文实例讲述了jQuery简单实现遍历单选框的方法。分享给大家供大家参考，具体如下：1、问题背景：有四个单选框，分别为一年四季，现在需要判断是否选中，如果选中这个单选框，就将其值赋...

2020-05-27

60浏览

0评论

jQuery Validate 相关参数及常用的自定义验证规则

Jquery Validate 相关参数
//定义中文消息var cnmsg = {required: “必选字段”,remote: “请修正该字段”,email: “请输入正确格式的电子邮件”,url: “请输入合法的网址...

2020-05-27

67浏览

0评论

jQuery.cookie.js使用方法及相关参数解释

cookie操作需要上传到服务器才能查看到结果本地不行一个轻量级的cookie 插件，可以读取、写入、删除 cookie。jquery.cookie.js 的配置首先包含jQuery的库文件，在后面包含 jque...

2020-05-27

43浏览

0评论

jQuery实现遍历复选框的方法示例

本文实例讲述了jQuery实现遍历复选框的方法。分享给大家供大家参考，具体如下：1、问题背景：这里有10个复选框，根据选择的复选框获取其值，并将其值用“——”连接，插入到div中2、实...

2020-05-27

54浏览

0评论

JavaScript函数参数的传递方式详解

JavaScript使用一个变量对象来追踪变量的生存期。基本类型值被直接保存在变量对象内；而引用类型值则作为一个指针保存在变量对象内，该指针指向实际对象在内存中的存储位置。基...

2020-05-27

200浏览

0评论

一道面试题引发的对javascript类型转换的思考

最近群里有人发了下面这题：实现一个函数，运算结果可以满足如下预期结果：add(1)(2) // 3add(1, 2, 3)(10) // 16add(1)(2)(3)(4)(5) // 15对于一个好奇的切图仔来说，忍不住动手尝...

2020-05-27

53浏览

0评论

jQuery实现获取h1-h6标题元素值的方法

本文实例讲述了jQuery实现获取h1-h6标题元素值的方法。分享给大家供大家参考，具体如下：1、问题背景：查找到h1-h6，并遍历它们，打印出内容2、实现代码：<!DOCTYPE html><html> <head...

2020-05-27

174浏览

0评论

Vue 2.x教程之基础API

本文主要介绍的是关于Vue 2.x之基础API的相关内容，主要内容如下模板语法（文本插值、属性绑定、JS表达式、过滤器、指令） Vue实例（viewModal(属性+函数)、生命周期）计算属性...

2020-05-27

69浏览

0评论

jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】

本文实例讲述了jQuery插件FusionCharts实现的2D面积图效果。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><h...

2020-05-27

64浏览

0评论

js中的面向对象入门

什么是对象我们先来看高程三中是如何对对象进行定义的"无序属性的集合，其属性可以包括基本值、对象或者函数"，对象是一组没有特定顺序的的值。对象的没个属性或方法都有一个俄...

2020-05-27

50浏览

0评论

nodejs根据ip数组在百度地图中进行定位

利用node接收到的ip数组组装url后对百度地图api发送请求并返回请求结果数组给前端1. 前端代码部分（jquery）重要步骤：1> 引用百度地图2> 实例化百度地图，添加相关缩放控件，设置主...

2020-05-27

108浏览

0评论

vue模板语法-插值详解

1.文本数据绑定最常见的形式就是使用‘Mustache'语法（双打括号）的文本插值：<span>message:{{msg}}</span>使用v-once指令，也能执行一次性的插值，当主句改变时，插值处的内容不会更...

2020-05-27

64浏览

0评论

JS实现颜色动态淡化效果

效果图：代码如下：<html><head><title>颜色变换</title><style type="text/css">div{width:100px;height:100px;margin:100px auto;border:1px solid white;border-radius:50%;...

2020-05-27

206浏览

0评论

纯JS实现弹性导航条效果

效果图：代码如下：<!doctype html><html><head> <meta charset="UTF-8"> <title>Title</title><style>*{margin:0; padding:0; list-style:none;}ul{ overflow:hidden; backgro...

2020-05-27

51浏览

0评论

jQuery滚动监听实现商城楼梯式导航效果

话不多说，上局部效果图：html结构，左侧定位的导航需要一个ul，中间内容，我是直接截得图片，为了效果省事，也是用的ul，最后你们要用的话也可以用ul，或者div，但是每个区域得是一个div，例如，...

2020-05-27

53浏览

0评论

canvas仿iwatch时钟效果

效果图：图（1）图（2）代码如下：<!doctype html><html><head> <meta charset="UTF-8"> <title>Title</title><style>*{margin:0; padding:0;}body{ background:#000; text-align:cente...

2020-05-27

61浏览

0评论

VUE开发一个图片轮播的组件示例代码

本人刚学习vue,用vue做了个图片轮播，下面我来记录一下,有需要了解VUE开发一个图片轮播的组件的朋友可参考。希望此文章对各位有所帮助。
完成效果图如下：vue开发的思路主要是...

2020-05-27

50浏览

0评论

js常用的继承--组合式继承

组合继承有时候也叫伪经典继承，指的是将原型链和借用构造函数技术组合到一块，从而发挥二者之长的一种继承模式，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用...

2020-05-27

50浏览

0评论

浅析vue component 组件使用

component 使用
component的注册
1.全局注册
使用用Vue.component('componentName',{template:'<div class="tem1">hello world</div>'})在初始化实例之前。
componentName...

2020-05-27

41浏览

0评论

原生JS中slice()方法和splice()区别

slice()方法和splice()方法都是原生js中对数组操作的方法。那么他两种有什么区别呢？今天通过本文教程给大家简单介绍下。slice()，返回一个新的数组，该方法可从已有的数组中返回...

2020-05-27

55浏览

0评论

js实现下一页页码效果

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } .scroll-tool{ position: relative;...

2020-05-27

61浏览

0评论

js上下视差滚动简单实现代码

前言：项目中让实现一个简单的上下视差滚动，就是当页面滑动到某一固定位置时，让上下两页面出现叠加效果，恢复时，展开恢复。功能技术实现方式：元素定位，鼠标事件思路1：一开始想着设置...

2020-05-27

70浏览

0评论

AngularJS的Filter的示例详解

贴上几个有关Filter使用的几个示例。1. 首先创建一个表格<body ng-app="app"> <div class="divAll" ng-controller="tableFilter"> <input type="text" placeholder="输入...

2020-05-27

43浏览

0评论

JQuery查找子元素find()和遍历集合each的方法总结

1.HTML代码<div name="students" school="HK"> <input type="boy" name="ZhangSan" value="206"> <input type="girl" name="Lisi" value="108"> </div> 2.jquer...

2020-05-27

56浏览

0评论

Node.js读取文件内容示例

Node.js读取文件内容包括同步和异步两种方式。1、同步读取，调用的是readFileSyncvar rf=require("fs"); var data=rf.readFileSync("test","utf-8"); console.log(data); con...

2020-05-27

63浏览

0评论

jQuery设计思想

前面的话在深入了解jQuery的各个细节之前，需要对jQuery的设计思想有一个大致的了解。在遇到问题时，知道应该使用jQuery的哪一个功能，然后迅速从手册中找到具体的用法。本文将...

2020-05-27

130浏览

0评论

js判断手机系统是android还是ios

话不多说，请看代码：<script type="text/javascript">var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var...

2020-05-27

44浏览

0评论

JQuery中Ajax的操作完整例子

Java软件开发中，后台中我们可以通过各种框架，像SSH等进行对代码的封装，方便我们对Java代码的编写，例如，Struts,SpringMVC对从前台到action的流程进行封装控制，使我们只需要进行一...

2020-05-27

49浏览

0评论

angularjs+bootstrap菜单的使用示例代码

需求背景：使用yo angular生成的项目默认主页是这样的：body部分涉及具体的业务内容，后续研究。这里主要研究菜单项、页眉的处理。页脚处理：自动生成的项目中，菜单和页脚设置都是在...

2020-05-27

49浏览

0评论

无法获取隐藏元素宽度和高度的解决方案

在实际开发中会遇到确实需要获取隐藏元素的宽高，这儿所说的隐藏元素是display为none的元素。可使用jQuery Actual Plugin插件来完成，其源码如下：;( function ( $ ){ $.fn.addBa...

2020-05-27

50浏览

0评论

详解JS异步加载的三种方式

一：同步加载我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></script><script src="http://yourdomain.com/script.js"></script>同步模式，又...

2020-05-27

62浏览

0评论

jQuery模拟下拉框选择对应菜单的内容

先给大家展示下效果图：下面一段代码给大家分享基于jquery实现的模拟下拉框选择对应菜单的内容，具体代码如下所示：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UT...

2020-05-27

47浏览

0评论

Node.js查找当前目录下文件夹实例代码

整理文档，搜刮出Node.js查找当前目录下文件夹实例代码，稍微整理精简一下做下分享。
var http = require("http");var fs = require("fs");var server = http.createServer(fun...

2020-05-27

50浏览

0评论

JavaScript实现替换字符串中最后一个字符的方法

本文实例讲述了JavaScript实现替换字符串中最后一个字符的方法。分享给大家供大家参考，具体如下：1、问题背景在一个输入框中，限制字符串长度为12位，利用键盘输入一个数字，会将字...

2020-05-27

57浏览

0评论

微信小程序开发之入门实例教程篇

前言近日，在工作闲暇之余，阅读了一些关于微信小程序的文章，忍不住，想动手试他一试。本文就以“我的第一个微信小程序”为例，简单的介绍下，微信小程序的入门级用法。一、注册小程序...

2020-05-27

61浏览

0评论

AngularJS监听路由变化的方法

使用AngularJS时，当路由发生改变时，我们需要做某些处理，此时可以监听路由事件，常用的是$routeStartChange, $routeChangeSuccess。完整例子如下：<!DOCTYPE html><html><head> <me...

2020-05-27

57浏览

0评论

JavaScript和JQuery获取DIV值的方法示例

本文实例讲述了JavaScript和JQuery获取DIV值的方法。分享给大家供大家参考，具体如下：1、示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://ww...

2020-05-27

56浏览

0评论

js 获取图像缩放后的实际宽高,位置等信息

项目中遇到图片实际显示尺寸的判定问题,图片可能被缩放过,所以实际显示的宽高无法通过常见的各种width,height拿到(都是得到图像的自然宽度或者字面宽度,并非实际显示结果)...

2020-05-27

65浏览

0评论

jQuery基于事件控制实现点击显示内容下拉效果

本文实例讲述了jQuery基于事件控制实现点击显示内容下拉效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""...

2020-05-27

57浏览

0评论

jQuery中Chosen三级联动功能实例代码

Chosen 是一个JavaScript插件，它能让丑陋的、很长的select选择框变的更好看、更方便,不仅如此，它更扩大了，增长了主动筛选的功能。本文介绍Chosen联动，具体代码如下：var addressR...

2020-05-27

热门文章