插件(Plugin)也成为 jQuery 扩展(Extension),是一种遵循一定规范的应用程序接口编写出来的程序。目前 jQuery 插件已超过几千种,由来自世界各地的开发者共同编写、验证和完善。而对于jQuery开发者而言,直接使用这些插件将快速稳定架构系统,节约项目成本。 一. 插件概述 插件是以 jQuery 的核心代码为基础,编写出复合一定规范的应用程序。也就是说,插件也是 jQuery 代码,通过 js 文件引入的方式植入即可。 插件的种类很多,主...
引用类型是JavaScript中很重要的内容。引用类型是一种数据结构,用于将数据和功能组织在一起。它描述的是一类对象所具有的属性和方法。Object是一个基础类型,Array是数组类型,Date是日期类型,RegExp是正则表达式类型,等。拥抱JavaScript曾经名不经传的JavaScript随着AJAX的流行而身价倍增,现在JavaScript不再仅仅是WEB开发中一个可有可无的辅助工具,甚至有了专门属于它的职位“JavaScript工程师”,那怕你仅仅是一名WEB后台开...
ECMAscript 中有5种简单的数据类型,也被称为基本数据类型:Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型——Object。 Undefined 类型 在使用var 声明变量但未对其进行初始化时,这个变量的值就是undefined。如:var number; document.write(number); //undefined如果没有声明变量则会出现下面这种错误。如:document.write(str); //错误但是用typeof对其进行执行时,不管有没有声明都会返回undefined 值。如...
一、v-bind 缩写Button Button二、v-on 缩写三、过滤器{{ message | capitalize }}四、条件渲染v-if Yes No 0.5">SorryNot sorrytemplate-v-if TitleParagraph 1Paragraph 2v-show Hello!五、列表渲染 forv-for {{ item.message }}var example1 = new Vue({el: '#example-1',data: {items: [{ message: 'Foo' },{ message: 'Bar' }]} });{{ parentMessage }} - {{ $index }} - {{ item.message }}var example2 = new Vue({el: '#ex...
JavaScript作为一个面向对象语言(JS是基于对象的),可以实现继承是必不可少的,但是由于本身并没有类的概念,所以不会像真正的面向对象编程语言通过类实现继承,但可以通过其他方法实现继承。实现继承的方法很多,下面就只是其中的几种。 一. 原型链继承function Person() { //被继承的函数叫做超类型(父类,基类)this.name=mumu;this.age=18;}Person.prototype.name=susu;//当属性名相同时需就近原则,先在实例里面查找,没找...
本文实例讲述了JS学习笔记之贪吃蛇小游戏demo实例。分享给大家供大家参考,具体如下:最近跟着视频教程打了一个贪吃蛇,来记录一下实现思路,先上代码 静态页 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" /><title>贪吃蛇</title> </head> <style> *{margin: 0;padding: 0; }.map{width:800px;height: 600px;background-color: #ccc;position:relative;}</style> <body> <!-- 画出地图,设置样式 --><div class="m...
本文实例讲述了JS学习笔记之原型链和利用原型实现继承。分享给大家供大家参考,具体如下:原型链 原型链是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的 实例对象中有__proto__,是对象,叫原型,不是标准的属性,浏览器使用,并且有的游览器不支持 构造函数中有prototype属性,也是对象,叫原型注意 原型中的方法是可以互相访问的 实例代码function Animal(name,age){this.name=name;thia.age=age;}//在原...
本文实例讲述了JS学习笔记之闭包小案例。分享给大家供大家参考,具体如下: 直接上代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" /><title>Document</title> </head> <style type="text/css">*{list-style:none;}ul{display:flex;flex-wrap:wrap;}li{width: 20%;text-align: center;}img{width: 90%;padding:5%;border:1px solid #ccc;border-radius:5px;} </style> <body> <ul><li><img src="http://www.ni...
本文实例讲述了JS学习笔记之数组去重实现方法。分享给大家供大家参考,具体如下:操作的数组let arr=[0,1,23,1,4,2,8,5,5,6,9,asdasd,5]1、 利用ES6 的set 来进行数组去重console.time("set")let type1=new Set(arr)console.log(type1)type1=[...type1]console.log(type1)console.timeEnd("set")2、 利用indexof和forEach 多次遍历来搜索是否有相同的值console.time("indexOf")let type2=[]arr.forEach(function(item,index){if(...
本文实例讲述了node读写文件与开启第一个web服务器操作。分享给大家供大家参考,具体如下: 读取文件 Node中的js 具有文件操作的能力 使用require 方法加载fs核心模块* require是一个方法 * 他的作用就是用来加载模块的 * 在Node中,模块有三种: * 具名的核心模块,列如 fs、http * 用户自己编写的文件模块 * 相对路径必须加./ * 在Node中 ,没有核心作用域,只有模块作用域 * 外部访问不到内部 ...
表单类控件承载了一个网页数据的录入与交互,本章将介绍如何使用指令v-model完成表单的数据双向绑定。 6.1 基本用法 表单控件在实际业务较为常见,比如单选、多选、下拉选择、输入框等,用它们可以完成数据的录入、校验、提交等。 Vue.js提供了v-model指令,用于在表单类元素上双向绑定数据,例如在输入框上使用时,输入的内容会实时映射到绑定的数据上。 例如下面的例子: <div id="app"><input type="text" v-model="message" pl...
实现物体的旋转、跳动以及场景阴影的开启与优化 本程序将创建一个场景,并实现物体的动画效果 运行的结果如图:运行结果 完整代码如下:<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Three.js</title><script src="../../../Import/three.js"></script><script src="../../../Import/stats.js"></script><script src="../../../Import/Setting.js"></script><script src="../../../Import/OrbitControls....
本文实例讲述了Vue入门基本概念与使用。分享给大家供大家参考,具体如下: 1. Vue.js是什么? 1). 一位华裔前Google工程师(尤雨溪)开发的前端js库 2). 作用: 动态构建用户界面 3). 特点:* 遵循MVVM模式 * 编码简洁, 体积小, 运行效率高, 移动/PC端开发 * 它本身只关注UI, 可以轻松引入vue插件和其它第三库开发项目4). 与其它框架的关联:* 借鉴angular的模板和数据绑定技术 * 借鉴react的组件化和虚拟DOM技术5). vue包含一系列的扩展...
今天早上来到公司,没事看了一下别人的博客,然后试了一下,发现的确是可以的,在此记录一下,方便自己日后查阅。 首先新建一个文件夹:commonFunction ,然后在里面建立 一个文件common.js建立好之后,在main.js里面引入这个公共方法最后是调用这个公共方法测试一下,我在公共方法里面写了一个简单的一段代码如下: export default{login:function(){console.log("1111");} }如何在我的login.vue里面控制台输出了:1111,那就说明了...
本文实例讲述了微信小程序学习笔记之获取位置信息操作。分享给大家供大家参考,具体如下: 前面介绍了微信小程序文件上传、下载操作。这里分析一下获取位置信息操作。【获取当前位置信息】wx.getLocation() getlocation.wxml: <view><button bindtap="getlocation">获取位置</button> </view>getlocation.js: Page({getlocation: function () {wx.getLocation({type: wgs84, //wgs84返回gps坐标,gcj02返回国测局坐标success: fu...