JS生成UUID的方法实例
<!DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script>var id...
JS表单验证类HTML代码实例
以前用的比较多的一个JS表单验证类，对于个人来说已经够用了，有兴趣的可以在此基础上扩展成ajax版本。本表单验证类囊括了密码验证、英文4~10个 字符验证、 中文非空验证、大于10小于100的数字、浮点数验证、日期验证、邮件检查、网址验证、固定电话和手机号码验证、IP地址验证、邮编和QQ号码验证、 ...
raphael.js 流程图实例
<html><head> <title>raphael流程图-http://my.oschina.net/lichaoqiang/</title> <script src="js/jquery.min.js"></sc...
js确认框confirm()用法实例详解
先为大家介绍javascript确认框的三种使用方法，具体内容如下 第一种方法：挺好用的，确认以后才能打开下载地址页面。原理也比较清晰。主要用于删除单条信息确认。 ? 1 ...
JS应用实例2：轮播图
在学习轮播图之前，要先会切换图片：找三张图片，命名1.jpg,2.jpg,3.jpg示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...
node.js和socket.io纯js实现的即时通讯实例分享
在这个例子中，其实node.js并没有真正起到服务器的作用，因为我们这里可以直接运行client.html文件，而不用输入url请求，当 然，要想输入url请求页面内容还需要加入请求静态文件的代码。这个实例中node.js最重要的作用就是将服务端迁移到了js，实现了客户端和服务端语 言上的统一，我们...
js正则标志/g /i /m的用法，以及实例
js正则标志/g /i /m的用法，以及实例 正则的思想都是一样的，但是具体的写法会有所不同，在这里提到的/g,/i,/m在其他的地方也许就不能用了。一，js正则标志/g,/i,/m说明1，/g 表示该表达式将用来在输入字符串中查找所有可能的匹配，返回的结果可以是多个。如果不加/g最多只会匹配一个2...
JS中的回调函数实例浅析
本文实例讲述了JS中的回调函数。分享给大家供大家参考，具体如下：在说回调函数之前，不妨先看一段代码，相信有点js基础的同学都能明白他的含义:?123document.getElementById('demo').click=function(){ alert(1);};这段代码其实就是一段事件回调...
字符串截取指定长度字节数（Java方法实例，注：同样思路js也适用）
可能之前是习惯了上网查看其他人的资料，当我遇到这样的问题的时候，我第一时间想到的就是上网查个现成的方法直接用；可是查阅网上各大论坛以及其他资料之后，发现大部分人都是照搬其他人的，这种情况很严重，而且个人感觉很不利于个人技术的成长；当然更重要的原因是，我感觉网上的大部分方法都把问题给复杂化了，无论...
Next.js+React聊天室|Next仿微信桌面端|next.js聊天实例
一、项目介绍next-webchat 基于Next.js+React.js+Redux+Antd+RScroll+RLayer等技术构建的PC桌面端仿微信聊天项目。实现了消息/表情发送、图片/视频预览、拖拽/粘贴图片发送、红包/朋友圈等功能。二、技术实现技术框架：next.js+react.js+r...
JS实现表单全选以及取消全选实例
实现效果：全选按钮：点击全选按钮所有的小按钮都会被选中；点掉全选按钮，所有按钮取消选中；小按钮：只有全部被选中，全选按钮才会被选中思路分析：1、全选和取消全选做法：让下面所有复选框的 checked属性（选中状态）跟随全选按钮即可使用 this.checked 可以获得当前复选框的状态，如果是tru...
vue.js学习之入门实例
之前一直看过vue.js官网api，但是很少实践，这里抽出时间谢了个入门级的demo，记录下一些知识点，防止后续踩坑，牵扯到的的知识点：vue、vue-cli、vue-router、webpack等。 首先看下实现的效果： 源码下载戳这里：源码 1、使用vue-cli脚手架创建项目 vue i...
Vue.js 2.0从入门到放弃---入门实例（二）
前面一篇博客介绍了从零开始准备Vue.js所需的一些环境和工具。这片博客就来跟大家探讨一下Vue.js 2.0中的一些特性，以及一个小实例，通过实例来跟大家分享，想必更容易理解。 先来看一下，看完这篇博客，你会做出什么样的效果吧。 就是这样的一个小的demo，其中主要用到了vue-router 2...
Vue.js—组件快速入门及Vue路由实例应用
上次我们学习了Vue.js的基础，并且通过综合的小实例进一步的熟悉了Vue.js的基础应用。今天我们就继续讲讲Vue.js的组件，更加深入的了解Vue,js的使用。首先我们先了解一下什么是Vue.js的组件，组件其实就是页面组成的一部分，它是一个具有独立的逻辑和功能或页面，组件可以扩展 HTML 元...
vue.js 2.0和vue-router入门实例
自学vue.js的旅程中，没有实际项目可以操作，模仿APP一些简单的操作，所以自己边学边做了一个移动端的小实例 用到的技术： 1.vue.js 2.vue-router 3.axios 4.vue-awesome-swiper 5.webpack 项目的结构 可以理解为两部分，一部分H...
vue.js实例对象+组件树
vue的实例对象 首先用js的new关键字实例化一个vue el: vue组件或对象装载在页面的位置，可通过id或class或标签名 template: 装载的内容。HTML代码/包含指令或者其他组件的HTML片段，template将是我们使用的模板 **data:** 数据通过data引入到...
Vue.js 实例和内置组件 入门
首先来看看实例的概述： 实例就是在构造器外部操作操作构造器内部的属性和方法。 实例的作用就是给Vue提供与其它js及其框架结合使用的接口。 进入实例阶段： 首先来看 Vue.js 搭配 jQuery 使用： <!DOCTYPE html><html lang="en">&l...
实例：使用puppeteer headless方式抓取JS网页
puppeteer google chrome团队出品的puppeteer 是依赖nodejs和chromium的自动化测试库，它的最大优点就是可以处理网页中的动态内容，如JavaScript，能够更好的模拟用户。 有些网站的反爬虫手段是将部分内容隐藏于某些javascript/ajax请求中，致使...
JS：九宫格抽奖转盘实例
工作需要，所以做了个抽奖转盘的插件，当然这里只做最简单的演示。可以用于取代一些flash抽奖程序。机制说明：1、通过定义lottery-unit来控制节点的个数及索引；2、通过设置lottery.crcle来定义需要转动的基本次数，在这个次数内，定时器的时间间隔不断递减，知道某个具体的数值；3、当外...
js中使用function定义类、实例化，函数的调用方法
function Test002(name, age){ name, age, this.printInfo = function(){ //定义的公有方法 ...