本文实例讲述了Vue.js添加组件操作。分享给大家供大家参考,具体如下: <!DOCTYPE HTML> <html><head><title>vue.js hello world</title><script src="../vue.js"></script></head> <body><div id="example"><my-component v-on:click="cao"></my-component></div><script>// 定义var MyComponent = Vue.extend({template: <div>A custom component!</div>});// 注册Vue.component(my-component, MyComponent);// 创建根实例new Vu...
本文实例讲述了JavaScript实现的简单加密解密操作。分享给大家供大家参考,具体如下: JavaScript实现对内容的加密和解密。加密,转成编码。解密则是编码转字符串。 <html> <head> <meta charset="utf-8" /> <title>www.gxlcms.com JS加密解密</title> </head> <body><h1> 加密解密 </h1><input type="text" id="secret" /> <input type="button" value="加密" onclick="encode()"><input type="button" value="解密" onclick="dec...
本文实例讲述了JS常见DOM节点操作。分享给大家供大家参考,具体如下: DOM含义:DOM是文档对象模型(Document Object Model,是基于浏览器编程的一套API接口,是W3C出台的推荐标准。其赋予了JS操作节点的能力。当网页被加载时,浏览器就会创建页面的文档对象模型。 节点:根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 1、整个文档时一个文档节点。 2、每个HTML元素是元素节点。 3、HTML元素内的文本是文本节点。 4、...
本文实例讲述了JS实现的base64加密解密操作。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>js base64加密解密</title> </head> <body> <script> // 创建Base64对象 var Base64 = {_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode: function(e) {var t = "";var n, r, i, s, o, u, a;var f = 0;e = Base64._utf8_encode(e);while (f < ...
本文实例讲述了JS实现的DOM插入节点操作。分享给大家供大家参考,具体如下: 一 介绍 插入节点通过使用insertBefore()方法来实现。 insertBefore()方法将在另一个子节点前插入新的子节点。 obj.insertBefore(new,ref) new:表示新的子节点。 ref:指定一个节点,在这个节点前插入新的节点。 二 应用 插入节点,本示例在页面的文本框中输入需要插入的文本,然后通过单击“前插入”按钮将文本插入到页面中。 三 完整示例代码: <!DOC...
本文实例讲述了JS实现DOM删除节点操作。分享给大家供大家参考,具体如下: 一 介绍 删除节点通过使用removeChild()方法来实现。 removeChild()方法用来删除一个子节点。 obj. removeChild(oldChild) oldChild:表示需要删除的节点。 二 应用 删除节点,本示例将通过DOM对象的removeChild()方法,动态删除页面中所选中的文本。 三 代码 <!DOCTYPE html> <html> <head> <title>www.gxlcms.com 删除节点</title> <script language="ja...
本文实例讲述了JS实现数组简单去重及数组根据对象中的元素去重操作。分享给大家供大家参考,具体如下: js数组简单去重 var arr1 = [1, 2, 3, 4, 5, 6, 3, 4, 3]; function arrayUnique1(arr) {var result = [], hash = {};for (var i = 0, elem; (elem = arr[i]) != null; i++) {if (!hash[elem]) {result.push(elem);hash[elem] = true;}}return result; } console.log(arrayUnique1(arr1));结果:js数组根据对象中的元素去重 va...
本文实例讲述了JS实现简单表格排序操作。分享给大家供大家参考,具体如下: <!DOCTYPE> <html> <head><meta http-equiv="Content-type" content="text/html" charset="utf-8"><title>sort table</title><style>*{margin:0px;padding:0px;}body{background:#ccc;}table{width:350px;margin:0 auto;background-color:#eee;}table th{cursor:hand;padding:5px 0;background-color:#999;}table td{background-color:#fff;font-size:16p...
本文实例讲述了JS实现的Unicode编码转换操作。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Unicode编码转换</title> </head> <body> <script> /* *js Unicode编码转换 */ var decToHex = function(str) {var res=[];for(var i=0;i < str.length;i++)res[i]=("00"+str.charCodeAt(i).toString(16)).slice(-4);return "\\u"+res.join("\\u"); } var hexToDec = funct...
本文实例讲述了JS实现的添加弹出层并完成锁屏操作。分享给大家供大家参考,具体如下: 上图:代码: <html> <head><title>弹出层</title><style type="text/css">*{padding:0px;margin:0px;}.up{width:500px;height: 400px;border:1px solid silver;position: absolute;display: none;z-index: 9999;background:#fff; /* top:50%;left: 50%;*/ /* margin-left: -250px;margin-top: -200px;*/}.up h2{background-color: #f2f2f2...
本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下: JS封装获取元素 js的获取元素: ID:document.getElementById(); class:document.getElementsByName()[]; Tag:document.getElementsByTagName()[] 现在我们要简单的封装这个 1. 函数写法: function $(id){return document.getElementById(); }其他类同 使用方法: $(id) /$(tagname)[0]2. 对象写法: var Base={getId:function(id){return documen...
本文实例讲述了JS字符串统计操作。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>JS字符串</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script> var str = "aaddaabbcdddefg"; console.log(str.charAt(7)); //b 没有返回空不是null console.log(s...
本文实例讲述了jQuery插件zTree实现的基本树与节点获取操作。分享给大家供大家参考,具体如下: 1、实现代码: <!DOCTYPE html> <html> <head><title>zTree实现基本树</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><link rel="stylesheet" type="text/css" href="zTree_v3/css/demo.css" rel="external nofollow" ><link rel="stylesheet" type="text/css" href="zTree_v3/css/zTreeStyle/zTreeSty...
本文实例讲述了JS基于正则截取替换特定字符之间字符串操作。分享给大家供大家参考,具体如下: 示例1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <script type="text/javascript" language=...
本文实例讲述了Yii框架实现对数据库的CURD操作。分享给大家供大家参考,具体如下: 首先要对数据库进行操作,需要创建一个和数据库表名相同的model,放在models文件夹下 user.php <?php namespace app\models; use yii\db\ActiveRecord; //继承ActiveRecord实现CURD操作 class user extends ActiveRecord { }后面的代码中命名空间都已经省略 namespace app\controllers; use yii\web\Controller; use app\models\user;1.查询 第一种...