js组件

JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

前言：最近项目里面需要用到表格的冻结列功能，所谓“冻结列”，就是某些情况下表格的列比较多，需要固定前面的几列，后面的列滚动。遗憾的是，bootstraptable里自带的fixedcolumn功能有一点bug，于是和同事讨论该如何解决，于是就有了这篇文章。一、起因回顾最近项目里面有一个表格需求，该表格列是动态产生的，而且列的数量操作一定值以后就会出现横向滚动条，滚动的时候需要前面几列固定。也就是所
懒得安分·2016-01-27 16:00

封装属于自己的JS组件

一、扩展已经存在的组件1、需求背景很多时候，我们使用jquery.ajax的方式向后台发送请求，型如$.ajax({type:"post",url:"/User/Edit",data:{data:JSON.stringify(postdata)},success:function(data,status){if(status=="success"){toastr.success('提交数据成功')
懒得安分·2016-01-27 14:01

JS组件系列——不用一句js代码初始化组件

前言：最近使用bootstrap组件的时候发现一个易用性问题，很多简单的组件初始化都需要在JS里面写很多的初始化代码，比如一个简单的select标签，因为仅仅只是需要从后台获取数据填充到option里面，可是从后台取数据就需要js的初始化，所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码，看着很闹心。于是想起bootstraptable里面的data属性来，如果能够直接在html里面
懒得安分·2016-01-26 13:00

JS组件Bootstrap Select2使用方法详解

在介绍select组件的时候，之前分享过一篇JS组件中bootstrapmultiselect两大组件较量的文章，这两个组件的功能确实很强大，本文分享下select组件的一些用法和特性。
懒得安分·2016-01-26 11:54

JS组件中bootstrap multiselect两大组件较量

两个这种组件，大体样式和功能基本相同，本文就来带领大家看看这两个组件的用法。一、组件说明以及API1、第一个组件――multiple-select。这个组件风格简单、文档全、功能强大。但是觉得它选中的效果不太好。关于它的效果展示，我们放在后面。2、第二个组件――bootstrap-multiselect。这个组件风格和第一个非常相似，文档也挺全面。二、Multiple-select组件1、组件说明
懒得安分·2016-01-26 09:37

JS组件Form表单验证神器BootstrapValidator

本文为大家分享了JS组件Form表单验证神器BootstrapValidator，供大家参考，具体内容如下1、初级用法来看bootstrapvalidator的描述：AjQueryformvalidatorforBootstrap3
懒得安分·2016-01-26 09:21

腾讯对外分享组件接口文档

open.mobile.qq.com/api/component/share组件地址http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js
黑客PK·2016-01-22 13:00

基于jQuery仿淘宝产品图片放大镜特效

放大镜效果常用的js组件jquery.imagezoom，jquery.jqzoom，jquery.zoom等这些组件大同小异。大家感兴趣的话可以去百度一下。本文主要是使用非组件方法来做放大镜效果。
史林枫·2016-01-22 08:33

ReactJS组件间沟通的一些方法

1.组件间的关系1.1父子组件ReactJS中数据的流动是单向的，父组件的数据可以通过设置子组件的props传递数据给子组件。如果想让子组件改变父组件的数据，可以在父组件中传一个callback(回调函数)给子组件，子组件内调用这个callback即可改变父组件的数据。varMyContainer=React.createClass({ getInitialState:function(){ re
小哥哥·2016-01-21 14:00

ReactJS组件间沟通的一些方法

刚入门React可能会因为React的单向数据流的特性而遇到组件间沟通的麻烦，这篇文章主要就说一说如何解决组件间沟通的问题。1.组件间的关系1.1父子组件ReactJS中数据的流动是单向的，父组件的数据可以通过设置子组件的props传递数据给子组件。如果想让子组件改变父组件的数据，可以在父组件中传一个callback(回调函数)给子组件，子组件内调用这个callback即可改变父组件的数据。var
zpf644792799·2016-01-20 16:00

JS组件系列——分享自己封装的Bootstrap树形组件：jqTree

看过博主博客的园友应该记得之前分享过一篇树形菜单的使用JS组件系列——Bootstrap树控件使用经验分享，这篇里面第一个JqueryTree，只是用简单样式和js去实现了效果，没有给出一个系统的封装，
懒得安分·2016-01-19 16:00

JS组件系列——封装自己的JS组件，你也可以

前言：之前分享了那么多bootstrap组件的使用经验，这篇博主打算研究下JS组件的扩展和封装，我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想扩展一个
懒得安分·2016-01-17 19:00

Kettle REST Client生成经纬度

正好好长时间没有用过kettle了，所以用Kettle又做了一遍先上个图：主要用到的组件：excel输入、javascript、RESTClient、Json输入、文本输出、过滤记录都是一些常用的组件，主要说下两个JS
_假象·2016-01-13 18:56

JS组件系列——Bootstrap 树控件使用经验分享

前言：很多时候我们在项目中需要用到树，有些树仅仅是展示层级关系，有些树是为了展示和编辑层级关系，还有些树是为了选中项然后其他地方调用选中项。不管怎么样，树控件都是很多项目里面不可或缺的组件之一。今天，博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享，希望能帮大家找到最合适的控件。还是那句话：控件没有最好，只有最合适。一、JQuery树形控件Jquery树形控件是一款基于JQu
懒得安分·2016-01-12 17:00

知识累积——这些年写过的博文（博客目录索引）

一、JavaScript系列1、Bootstrap组件系列JS组件系列——表格组件神器：bootstraptab
懒得安分·2016-01-06 23:00

JS组件系列——Bootstrap Select2组件使用小结

前言：在介绍select组件的时候，博主之前分享过一篇JS组件系列——两种bootstrapmultiselect组件大比拼，这两个组件的功能确实很强大，只可惜没有图文结合的效果（也就是将图片放入到select
懒得安分·2016-01-05 18:00

Js组件的一些写法

首先看下Prototype里的写法： varClass={ create:function(){ returnfunction(){this.init.apply(this,arguments);} } } varA=Class.create(); A.prototype={ init:function(msg){ this.msg=msg; }, fn:function(){
创业男生·2015-12-30 11:00

ReactJS 实战

作为面向View的解决方案，其遵循的是组件化的思想，这意味着我们可以一步一步在已有项目中使用ReactJS组件来展现部分UI。而其需要的成本和带来的风险都可以控制在很小的范
王沛·2015-12-22 00:00

JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享（你值得拥有）

前言：最近园子里多了许多谈语言、谈环境、谈逼格（格局）的文章，看看笑笑过后，殊不知其实都是然并卵。提升自己的技术才是王道。之前博主分享过多篇bootstrap组件的文章，引起了很多园友的关注和支持，看样子这种风格还是受到很多园友青睐的。本着不辜负园友们的支持的原则，应群友们的要求，今天来分享下项目中使用Ace模板的菜单样式和基于iframe的Tab页效果。Ace模板地址：http://code.g
懒得安分·2015-12-20 16:00

前端CSS规范大全

通用的CSS文件，放在如下目录中：基本样式库/css/core通用UI元素样式库/css/libJS组件相关样式库/css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书/css/book
木西梧·2015-12-19 17:00

reactjs前端开发

总体架构前端主架构reactjs+jquery+bootstrap使用jquery.i18n.properties进行多国语言开发使用bootstrap进行页面布局reactjs组件开发分页组件Pagination
fgwf1·2015-12-14 23:00

reactjs前端开发

总体架构前端主架构reactjs+jquery+bootstrap使用jquery.i18n.properties进行多国语言开发使用bootstrap进行页面布局reactjs组件开发分页组件Pagination
cauiot·2015-12-14 00:00

JS组件系列——Form表单验证神器： BootstrapValidator

前言：做Web开发的我们，表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证，搜到的结果大部分都是文中的主题：bootstrapvalidator。今天就来看看它如何使用吧。一、源码及API地址介绍它之前，还是给出它的源码以及API的地址吧。bootstrapvalidator源码：https://github.com/nghuuphuoc/bootst
懒得安分·2015-12-10 17:00

js组件开发-移动端地区选择控件mobile-select-area

移动端地区选择控件mobile-select-area由于之前的[js开源组件开发]js手机联动选择地区仿ios开源git 很受欢迎，于是我又对其进行了一些优化，包括可选的范围变大了，添加了默认空首地址的功能，也添加了更多api参数,首先我们先来看下这次的效果图.它的github地址请点击https://github.com/tianxiangbing/mobile-select-area它的de
想兵·2015-12-09 17:00

JS组件系列——开源免费图表组件：Chart.js

前言：最近被开源免费得有点上火了，各种组件首先想到的就是是开源否、是否免费、是否和bootstrap风格一致。想着以后做报表肯定要用到图表组件的，于是在Bootstrap中文网上面找到了Chart.js，总的来说，这个组件不能说最好，但是对于一般不太复杂的报表是够用了。今天就来看看它如何使用吧。一、组件比较以及选用其实说起报表组件，网上一搜一大把，各种让人眼花缭乱的组件，但貌似比较出名一点的都是收
懒得安分·2015-12-09 12:00

JS组件Bootstrap Table表格多行拖拽效果实现代码

前言：前天刚写了篇JS组件BootstrapTable表格行拖拽效果，今天接到新的需要，需要在之前表格行拖拽的基础上能够同时拖拽选中的多行。用了半天时间研究了下，效果是出来了，但是感觉不尽如人意。
懒得安分·2015-12-08 10:50

JS组件Bootstrap Table表格行拖拽效果实现代码

一、业务需求及实现效果项目涉及到订单模块，那天突然接到一个需求，说是两种不同状态的订单之间要实现插单的效果，页面上呈现方式是：左右两个Table，左边Table里面是状态为1的订单，右边Table里面是状态为2订单，左边Table里面的行数据拖动到右边Table里面指定行的位置，拖动完成后，左边表格减少一行，右边表格增加一行。除此之外，还需要撤销操作(相当于Ctrl+Z操作)，能够返回到上一步的状
懒得安分·2015-12-08 09:13

JS组件Bootstrap实现弹出框和提示框效果代码

前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用，如果你的系统有一个友好的弹出提示框，自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件，这章来看看bootstrap里面弹出框和提示框的处理。总的来说，弹出提示主要分为三种：弹出框、确
懒得安分·2015-12-08 09:20

JS组件系列——Bootstrap寒冬暖身篇：弹出框和提示框效果以及代码展示

前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用，如果你的系统有一个友好的弹出提示框，自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件，这章来看看bootstrap里面弹出框和提示框的处理。总的来说，弹出提示主要分为三种：弹出框、确
懒得安分·2015-12-06 17:00

JS组件系列——两种bootstrap multiselect组件大比拼

记得在项目开始之前，博主项目组几个同事就使用哪些js组件展开过讨论，其中就说到了select组件，由于项目的整体风格使用的bootstrap风格，所以在选用select组件的时候优先考虑和bootstrap
懒得安分·2015-12-03 11:00

reactjs做组件时html元素重叠的方法

元素重叠有多种方法1，使用z-index2，使用css的position属性，父relative-子absolute搭配3，使用css的float方法4，其他在编写reactjs组件时，希望这个组件内所有内容是一个整体
fgwf1·2015-12-02 14:00

JS组件系列——Bootstrap文件上传组件：bootstrap fileinput

前言：之前的三篇介绍了下bootstraptable的一些常见用法，发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能，前端使用原始的inputtype='file'这种标签，效果不忍直视，于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源，那么社区肯定有很多关于它的组件，肯定也有这种常见的上传组件吧。经过一番查找，功夫不负有心人，还是被博主找到了这个组件
懒得安分·2015-11-30 17:00

JS组件系列——表格组件神器：bootstrap table（三：终结篇，最后的干货福利）

bootstraptable系列：JS组件系列——表格组件神器：boo
懒得安分·2015-11-29 22:00

JS组件系列——表格组件神器：bootstrap table（二：父子表和行列调序）

前言：上篇 JS组件系列——表格组件神器：bootstraptable 简单介绍了下BootstrapTable的基础用法，没想到讨论还挺热烈的。
懒得安分·2015-11-25 12:00

上周热点回顾（11.16-11.22）

Apollo.NET）· 这个功能很简单，要做多久（五加乘）· 程序员的那些事儿--高级程序员买衣服（GG2014）· .Net中的反应式编程(ReactiveProgramming)（richieyang）· JS
博客园团队·2015-11-23 08:00

JS组件系列——表格组件神器：bootstrap table

前言：之前一直在忙着各种什么效果，殊不知最基础的BootstrapTable用法都没有涉及，罪过，罪过。今天补起来吧。上午博主由零开始自己从头到尾使用了一遍BootstrapTable，遇到不少使用方面的问题，也做了一部分笔记，在此分享出来供需要使用的园友参考。还记得前两天有园友加群问我BootstrapTable的使用问题，呵呵，巧了，今天博主也遇到同样的问题了，在此还是要表示抱歉，没有将这篇提
懒得安分·2015-11-19 16:00

JS组件系列——表格组件神器：bootstrap table

前言：之前一直在忙着各种什么效果，殊不知最基础的BootstrapTable用法都没有涉及，罪过，罪过。今天补起来吧。上午博主由零开始自己从头到尾使用了一遍BootstrapTable，遇到不少使用方面的问题，也做了一部分笔记，在此分享出来供需要使用的园友参考。还记得前两天有园友加群问我BootstrapTable的使用问题，呵呵，巧了，今天博主也遇到同样的问题了，在此还是要表示抱歉，没有将这篇提
懒得安分·2015-11-19 16:00

JS组件系列——JsPlumb流程图及相关效果详解（二：附源码）

前言：上篇JS组件系列——JsPlumb流程图及相关效果详解介绍了下JsPlumb在浏览器里面画流程图的效果展示，以及简单的JsPlumb代码示例。这篇还是接着来看看各个效果的代码说明。
懒得安分·2015-11-17 14:00

前端 CSS 规范

通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件
·2015-11-13 16:42

SilverlightComponent for ExtJS

下面这两幅图是最终效果： Silverlight控件很容易的嵌入Ext.Window 支持Silverlight控件被HTML覆盖 使用方法也很简单，和ExtJS组件其它组件的
·2015-11-13 13:46

JS组件系列——JsPlumb流程图及相关效果详解

前言：之前项目里面用到了Web里面的拖拽流程图的技术JsPlumb，其实真不算难，不过项目里面用HTML做的一些类似flash的效果，感觉还不错，在此分享下。Jsplumb官网：https://jsplumbtoolkit.comGitHub：https://github.com/sporritt/jsplumb/一、效果图展示 1、从左边拖动元素到中间区域，然后连线 2、连线类型可以自定义：这里
懒得安分·2015-11-13 12:00

前端CSS规范整理

通用的CSS文件，放在如下目录中： 基本样式库 /css/core  通用UI元素样式库 /css/lib  JS组件相关样式库 
·2015-11-13 09:13

Jq-滚动条插件写法(一)

最近这水平越来越退步，想写个js组件，但一直担搁，退而求次之，搞个jq插件还是可以滴。没想到，想半天不得其法，没办法，只能参考一个吧。以下看客不要太认真全是抄来的。
·2015-11-13 05:34

css规范大全

通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ul 业务类的CSS是指和具体产品相关的文件
·2015-11-13 04:56

Extjs组件树形结构图

Ext的组件模式,很好的规范了组件设计,用Manager的统一管理,也是很好的方式.下面简单分析一下Ext的组件结构. Ext的所有组件都是扩展于Ext.Component, 而后子类扩展和集成形成了一个单根的组件树.Ext中使用组件的方式很不一样,可以看一个例子. js 代码   var formPanel = new Ext.f
·2015-11-12 17:36

EXTJS4自学手册——EXT对象选择

一、Ext对象分为3种：htm控件，EXTJS元素，EXTJS组件 二、Ext选择对象的方法： 　　选择html控件：Ext.getDom(对象的ID) 　　选择EXT元素：Ext.get(对象的
·2015-11-12 15:25

前端CSS命名规范大全

通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /
·2015-11-12 13:28

前端CSS规范整理

通用的CSS文件，放在如下目录中： 基本样式库 /css/core  通用UI元素样式库 /css/lib  JS组件相关样式库 /css
·2015-11-12 13:00

js组件的写法

工作之中的不足，报了js培训班，因为工作加班原因缺了几天课（js组件开发），现在拾起来补补 <!
·2015-11-12 12:21

前端css规范

通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui
·2015-11-11 10:29
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他