您的位置:

首页 >

腾博会官方网 >

2016-08-21

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

使用EasyUI时,有个经常遇到的问题,页面还没有渲染完成的时候,就展现了。刚刚开始很混乱,等加载完成后,就好了。$.parser.onComplete,这个是在所有组件解析完成后执行的事件。其实这个事件很有用的。很多在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程...

2016-11-12

腾博会官方网:通过javascript进行UTF-8编码的实现方法

javascript的字符集:javascript程序是使用Unicode字符集编写的。Unicode是ASCII和Latin-1的超集,并支持地球上几乎所有的语言。ECMAScript3要求JavaScript必须支持Unicode2.1及后续版本,ECMAScript5则要求支持Unicode3及后续版本。所以,我们编写出来的javascript程序,都...

2016-07-22

完美JQuery图片切换效果的简单实现

效果如下:css:body { font-family:"Microsoft Yahei"; }body,ul,li,img,h3,dl,dd,dt,h1{margin:0px;padding:0px;list-style:none;} img{vertical-align: top;}/***大图切换***/.scroll_...

2016-03-16

腾博会官方网:vue组件watch属性实例讲解

本文实例为大家分享了vue组件watch属性的具体代码,供大家参考,具体内容如下<!doctype html><html> <head> <meta charset="UTF-8"> <title>wacth属性</title> <script src="js/vue.js"></script> </he...

2016-08-12

jQuery EasyUi实战教程之布局篇

jQuery EasyUI Layout是一种基于jQuery的布局框架,今天初次使用Jquery EasyUi,简单的做了个布局页面感觉还不错,给大家分享一下,就是不知道Jquery EasyUi浏览器兼容性怎么样。最后效果图如下:使用Jquery EasyUi开发之前首先要引用Jquery EasyUi的Js和Css文件,引用如下:<script src="....

2016-03-10

vue中的event bus非父子组件通信解析

有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的Vue实例作为中央事件总线:var bus = new Vue()// 触发组件 A 中的事件bus.$emit('id-selected', 1)// 在组件 B 创建的钩子中监听事件bus.$on('id-selected', function (id) { // ...})在更多复杂的情况下,你应该考...

2016-06-12

JS生成不重复的随机数组的简单实例

JS生成不重复的随机数组的简单实例//获取数组中的随机数//HF.Math.RandomNumbers是前缀,可以自己定义,主要看逻辑代码HF.Math.RandomNumbers = function (startNum, endNum, count, repeat) { var ret = []; if (repeat) { for (var i = 0; i...

2016-02-20

Node.js开源应用框架HapiJS介绍

一、HapiJS介绍HapiJS是一个开源的、基于Node.js的应用框架,它适用于构建应用程序和服务,其设计目标是让开发者把精力集中于开发可重用的应用程序的业务逻辑,向开发者提供构建应用程序业务逻辑所需的基础设施。HapiJS目前的最新版本为7.2.0版。二、HapiJS安装和项目配置1、安装Hapi库HapiJS的安装很简单,执行如下命令:复制代码 代码...

2016-04-03

腾博会官方网:jQuery操作checkbox选择(list/table)

1、checkbox list选择效果图:代码:复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w...

2016-10-20

基于jQuery插件实现环形图标菜单旋转切换特效

feature.presenter.1.5.cssbody { margin: 0; font-family: Tahoma;}.feature-presenter { position: absolute;}.feature-presenter-icon { background-color: white; text-align: center; transition...

2016-01-14

腾博会官方网:javascript 面向对象的经典实例代码

<!-- function Lecture(name,teacher){ this.name=name; this.teacher=teacher; } Lecture.prototype.display=function(){ return this.teacher+"正在教幼儿园"+this.name+"\n"; } function Sch...

2016-04-16

jQuery+ajax读取并解析XML文件的方法

本文实例讲述了jQuery+ajax读取并解析XML文件的方法。分享给大家供大家参考,具体如下:ajax.xml:<?xml version="1.0" encoding="UTF-8"?><stulist> <student email="[email protected]"> <name>zhangsan</name> ...

2016-03-05

腾博会官方网:iphone手机桌面滑动效果使用css3实现

iphone手机桌面效果,因为用了css3样式,只测试了谷歌浏览器。 iphone手机桌面效果 body,div,ul,li{padding: 0; margin: 0; } li{list-style: none; } body {background: #333; } #iphone {width: 900px; heigh...

2016-10-04

jQuery实现动画效果circle实例

本文实例讲述了jQuery实现动画效果circle的方法。分享给大家供大家参考。具体如下:这款jQuery实现动画效果circle,Google+的圈子特效做的很不错,这里模仿下,时间有限,还有一个动画累积的问题没有解决。当然,是基于 jQuery的,纯JS 还没有这个能力呢。感兴趣的朋友可以加以完善试试。运行效果截图如下...

2016-09-03

jQuery处理xml格式的返回数据(实例解析)

在这个示例程序中,我将使用$.ajax()方法,使用$.get()方法也可以,但我觉得$.ajax()更好一些,代码更容易懂,并且也不怎么复杂。复制代码 代码如下://定义用户名校验的方法function verify(){    //首先测试一下页面的按钮按下,可以调用这个方法    //使用javascript的alert方法,显示一个探出...

2016-03-05

js通过googleAIP翻译PHP系统的语言配置的实现代码

因为php的配置一般用数据,正好和js里的对象表示一般,所以可以这样: 复制代码 代码如下: <script type="text/javascript" src="http://www.google.com/jsapi"></script> 复制代码 代码如下: var $strings={}; $strings['hide']='hid...

2016-08-12

详解js中==与===的区别

为了减少概念混淆,应该把 =称作(得到或者赋值),==称作(相等),===称作(严格相等)相同点:它们两个运算符都允许任意类型的的操作数,如果操作数相等,返回true,否则返回false不同:==:运算符称作相等,用来检测两个操作数是否相等,这里的相等定义的非常宽松,可以允许进行类型转换===:用来检测两个操作数是否严格相等1、对...

2016-01-21

腾博会官方网:利用javascript实现全部删或清空所选的操作

复制代码 代码如下: function deleteAll() { var all = document.getElementsByName("checkname");//获得你选中的内容是一个数组 if (all == null || all.length == 1) { alert("暂无订单"); return; } else { var idStr = "";//定义一个自己要删除...

2016-09-13

angularJS 指令封装回到顶部示例详解

关于angularJS如何回到顶部,还是直接code吧!1.构建指令,使用registerDirective构建指令添加到内部的hasDirectives对象内,以方便后面在全局查找指令的时候进行匹配。/** **回到顶部 **/ define(["app"], function (app) { app().registerDirective("backTo...

2016-10-10

腾博会官方网:JavaScript数据结构之链表的实现

前面楼主分别讨论了数据结构栈与队列的实现,当时所用的数据结构都是用的数组来进行实现,但是数组有的时候并不是最佳的数据结构,比如在数组中新增删除元素的时候需要将其他元素进行移动,而在javascript中使用spit()方法不需要访问其他元素。如果你在使用数组的时候发现很慢,就可以考虑使用链表。链表的概念链表是一种常见的数据结构。它是动态地进行存储分配的一种结构...

2016-10-23

javascript 对象数组根据对象object key的值排序

有个js对象数组 var ary=[{id:1,name:"b"},{id:2,name:"b"}] 需求是根据name 或者 id的值来排序,这里有个风骚的函数函数定义:复制代码 代码如下:function keysrt(key,desc) {  return function(a,b){    return desc ? ~~(a[...

2016-10-14

腾博会官方网:jQueryUI的Dialog的简单封装

写出的代码有点拧巴,需要再封装一下!于是就有了下面这个简单的DialogHelper辅助类,因为这篇文章分享的重点是思路,所以目前版本的代码也还非常粗糙。思路对了,后续再封装成什么样都不过是形式而已,希望这个思路能给大家点启迪,同时欢迎大家开拓思维,提出更好的改进意见。DialogHelper的源代码如下: 复制代码 代码如下: //-...

2016-05-22

js 与或运算符 || && 妙用

首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: Js代码 复制代码 代码如下: var add_level = 0; if(add_step == 5){ add_...

2016-06-02

详解利用 Vue.js 实现前后端分离的RBAC角色权限管理

项目背景:物业管理后台,不同角色拥有不同权限采用技术:Vue.js + Vuex + Element UI实现 RBAC 权限管理需要后端接口支持,这里仅提供前端解决方案。因代码篇幅较大,对代码进行了删减,文中 “...” 即为省略的一部分代码。大致思路:首先登录成功后,从后台拉取用户当前可显示的菜单和可用权限列表,分别将其存入 s...

2016-08-03

Js中的onblur和onfocus事件应用介绍

html页面中,诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件,这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。 一. onfocus(获得焦点事件) 当一个文本框获得焦点时,它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中,这样的操作可以利用onfocus来实现...

2016-10-11

prototype Element学习笔记(篇一)

先说一下Element对DOM扩展的技术思路,我也是看了一天的代码,这才有了点心得。 使用prototype,我们最常用的莫过于$('div1')之类的代码。从而获得扩展后的element对象,然后,我们就可以用它的各种扩展出来的方法了,如: $('div1').addClassName('loading').show(); 所以,我们研究Element的扩...

2016-08-08

腾博会官方网:Jquery节点遍历next与nextAll方法使用示例

Jqeruy节点遍历<!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&...

2016-06-15

JS实现日期时间动态显示的方法

本文实例讲述了JS实现日期时间动态显示的方法。分享给大家供大家参考,具体如下:运行效果截图如下:具体代码如下:<html><head><title>js日期时间动态显示</title></head><body> <div id='jnkc'></div> <script>setInterv...

2016-07-14

腾博会官方网:webapp框架AngularUI的demo改造之路

目的:把AngularUI的模板应用到现有项目上步骤如下:按功能表修改demo界面学习angularUI如何加载全部页面,为了设置自定义加载模板,在demo/demo.js中找到这一段复制代码 代码如下://当#为/,/scroll等等,请求index.html中<base href=""> + home.html的页面app.config(functio...

2016-07-15

jQuery实现动态给table赋值的方法示例

本文实例讲述了jQuery实现动态给table赋值的方法。分享给大家供大家参考,具体如下:html请忽视各种class,因为前端用的是layui<table class="layui-table" lay-skin="line" id="datas"> <colgroup> <col width="150"> <col wid...

2016-10-17

腾博会官方网:JavaScript原生对象之Number对象的属性和方法详解

创建 Number 对象的语法:复制代码 代码如下:var myNum = new Number(value);var myNum = Number(value);当 Number() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 Number 对象。如果不用 new 运算符,把 Number() 作为一个函数来调用,它将把自己的参数转换成一个原始...

2016-02-14

JS面向对象、prototype、call()、apply()

一、 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^。 prototype.js代码片段 复制代码 代码如下:var Class = { create: function() { return function() { this.ini...

2016-07-17

Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效

一个仿腾讯娱乐频道焦点图轮播的插件ui3g.js复制代码 代码如下:/*顶部大图滚动*/var slide = (function() {    var quadEaseOut;    var doc = document;    var $ = function(s){        return document.getElementById(s);    }    /**     获取...

2016-03-23

javascript实现3D变换的立体圆圈实例

本文实例讲述了javascript实现3D变换的立体圆圈。分享给大家供大家参考。具体如下:这里使用javascript实现会变换的立体圆圈,在网页3D变化,变色的圆圈特效,网页上的3d圆圈特效。圆圈上的每一点的颜色并不一样,在黑色的网页背景下更能看清楚。运行效果如下图所示:具体代码如下:<html><head><title>变色...

2016-01-14

28个常用JavaScript方法集锦

经常使用的 JS 方法,今天记下,以便以后查询/* 手机类型判断 */复制代码 代码如下:var BrowserInfo = {    userAgent: navigator.userAgent.toLowerCase()    isAndroid: Boolean(navigator.userAgent.match(/android/ig)),    isIph...

2016-03-04

腾博会官方网:JavaScript高级程序设计(第3版)学习笔记6 初识js对象

在房子里面可以放你想放的任意事物——如果你有足够的美学造诣,你甚至可以弄一个房中房试试——当然,为了方便管理,我们会给房子里存放的所有事物都会取上一个不重复的名字,比如医药房间里的各种药品名称。在ECMAScript中,你可以在对象中存放任意你想放的数据,同样,我们需要给存放的数据取一个名字——也就是对象的属性名,再存放各种数据。再看看...

2016-03-02

通过AngularJS实现图片上传及缩略图展示示例

通过AngularJS实现图片上传及缩略图展示示例,废话不多说了,具体如下:从项目中截出的代码HTML部分:<section> <img src="image/user-tuijian/tuijian_banner.png" /> <div> <form ng-submit="submit_form()"> <...

2016-05-12

腾博会官方网:js 创建快捷方式的代码(fso)

复制代码 代码如下:<script type="text/javascript" language="javascript"> // 创建快捷方式[浏览器设置要低,ff不支持] function createShortcut() { var fso = new ActiveXObject("Scripting.FileSystemObject"); var shell = n...

2016-06-21

jQuery自定义滚动条完整实例

本文实例讲述了jQuery自定义滚动条实现方法。分享给大家供大家参考,具体如下:很多时候,由于美观上的考虑,往往需要自定义各种各样的滚动条,因此,本人做了一个demo运行效果截图如下:以下是代码部分:<html> <head> <script type="text/javascript" src="jq...

2016-05-20

腾博会官方网:详解使用React全家桶搭建一个后台管理系统

引子学生时代为了掌握某个知识点会不断地做习题,做总结,步入岗位之后何尝不是一样呢?做业务就如同做习题,如果‘课后'适当地进行总结,必然更快地提升自己的水平。 由于公司采用的react+node的技术栈,于是就完成了一个reactSPA小项目,计划日后把平时工作中遇到的业务以及学习中遇到有趣的东西给抽象成demo展示出来。目前该项目只是把雏形搭好...

2016-11-02

根据身份证号自动输出相关信息(籍贯,出身日期,性别)

效果图:html代码:复制代码 代码如下: <!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/x...

2016-10-12

动态加载js、css等文件跨iframe实现

1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式调用同级 parent.parentFram(“这个方法在调用其他子farme”); 1.jquer...

2016-05-21

IE与firefox之jquery用法区别

IE与火狐下可以跑. //回车事件处理 $(document).keydown(function(event){ if(event.keyCode==13){ alert($('#idone').val()); //回车键盘ISBN获取 if($('#idone').val()=='isbn'){ //isbncheck(); $('#ztm').focus(); }else if($('#ido...

2016-11-17

JavaScript中函数(Function)的apply与call理解

JavaScript函数调用分为4中模式:1. 方法调用模式:即对象包含方法属性,Obj.methodName()或者Obj[methodName]()。2. 函数调用模式:即methodName()。3. 构造器调用模式:即new MethodName()。4. apply和call调用模式:即ObjA.apply(ObjB,args[])或者ObjA....

2016-09-22

腾博会官方网:javascript 文章截取部分无损html显示实现代码

因为是html格式的内容,直接截取内容的前多少字符显然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果,再网上搜了一通之后,写下如下代码应该可以满足基本的要求了。(js写的,因为容易调试) 复制代码 代码如下: var br = {}; br.spTags = ["img","br","hr"];/*不需要成对出现的标记*/ br.contain...

2016-08-22

使用JavaScript 实现对象 匀速/变速运动的方法

实例1——控制一个对象的匀速移动和停止HTML:复制代码 代码如下:<input id="btn" type="button" value=" Move It ! "/>    <div id="d1">        <img id="i1" src="1.jpg" alt/>    </div>JS:实现向右运动复制代码 代码如下:var...

2016-07-21

腾博会官方网:js过滤HTML标签以及空格的思路及代码

复制代码 代码如下:function setContent(str) {str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tagstr.value = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白//str = str.replace(/\n[\s| | ]*\r/g,'\n'); ...

2016-11-22

JS实现提交表单前的数字及邮箱校检功能

个人觉得一个工程中让用户提交表单时,用户提交的数据类型及内容不确定度都很大,用户不一定会完全理解设计者意思。所以提交表单前的校检是必须的,这里简单分享几个校检方法,本人新手,还请多多指教。<script type="text/javascript"> function toVaild(){  var age = document.getElementB...

2016-06-07

腾博会官方网:通用于ie和firefox的函数 GetCurrentStyle (obj, prop)

function GetCurrentStyle (obj, prop) { if (obj.currentStyle) { return obj.currentStyle[prop]; } else if (window.getComputedStyle) { prop = prop.replace (/([A-Z])/g, "-$1"); prop = prop.toLowe...

2016-02-19

Angular 2.0+ 的数据绑定的实现示例

这两天学习了Angular感觉 数据绑定这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记。前言我们使用如下的组件代码进行本文的所有演示export class AppComponent { angularLogo = 'https://angular.io/assets/images/logos/angular/angular.svg'; userName="Da...

< 1 2 3 4 5 6 7 8 9 ... 16 >

焦点访谈

最新最热的文章

更多 >

COPYRIGHT (©) 2017 Copyright ©2017 腾博会官网 网站地图

联系我们

827570882

扫描二维码分享到微信