jstree使用小结(一)

项目中用到tree结构,使用了jstree做个笔记如下: 

1. 官网: http://www.jstree.com/    有时候打不开,那就只能等打得开的时候再看了...O(∩_∩)O

[PS: 一些灰常基本的我可能就略过了...]

2. 先看看效果: 

jstree使用小结(一)

(1)去官网下载jstree包,然后引入; 额外的样式文件(font-awesome.css):  到这个网址去下载  然后引入 http://fontawesome.io/license 

(2)添加jstree的容器

 <div id="tree1"></div>

(3)初始化jstree (全部代码如下)

  1 <!DOCTYPE html>

  2 <html lang="en">

  3 <head>

  4     <meta charset="UTF-8">

  5     <title></title>

  6     <link rel="stylesheet" type="text/css"  href="../../assets/global/plugins/jstree/dist/themes/default/style.min.css"/>

  7     <link href="font-awesome/font-awesome.css" rel="stylesheet" type="text/css"/>

  8     <style>

  9         /* Icon coloring begin*/

 10         .icon-state-default {

 11             color: #c6c6c6;

 12         }

 13 

 14         .icon-state-success {

 15             color: #45b6af;

 16         }

 17 

 18         .icon-state-info {

 19             color: #89c4f4;

 20         }

 21 

 22         .icon-state-warning {

 23             color: #ecbc29;

 24         }

 25 

 26         .icon-state-danger {

 27             color: #f3565d;

 28         }

 29         /* Icon coloring end*/

 30     </style>

 31 </head>

 32 <body>

 33     <div id="tree1"></div>

 34 

 35 <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

 36 <script src="../../assets/global/plugins/jstree/dist/jstree.js"></script>

 37 <script>

 38     $(function(){

 39         //初始化jstree

 40         $("#tree1").jstree({

 41             "core": {

 42                 "themes": {

 43                     "responsive": false

 44                 },

 45                 // so that create works

 46                 "check_callback": true,

 47                 //data为后台返回的数据,这里我先伪造一点数据

 48                 'data': [{

 49                     "text": "物料",//根节点名称

 50                     "children": [

 51                         {

 52                             "text": "标准件",//节点名称

 53                             "icon": "fa fa-folder icon-state-danger" //节点样式

 54                         },

 55                         {

 56                             "text": "通用件",

 57                             "icon": "fa fa-folder icon-state-danger"

 58                         },

 59                         {

 60                             "text": "专用件",

 61                             "state": {

 62                                 "opened": true//为true表示打开子节点

 63                             },

 64                             "children": [

 65                                 {

 66                                     "text": "2 零件",

 67                                     "icon": "fa fa-folder icon-state-danger"

 68                                 },

 69                                 {

 70                                     "text": "3成品件",

 71                                     "icon": "fa fa-folder icon-state-danger"

 72 

 73                                 },

 74                                 {

 75                                     "text": "...",

 76                                     "icon": "fa fa-folder icon-state-danger"

 77                                 }]

 78                         },

 79                         {

 80                             "text": "原材料",

 81                             "state": {

 82                                 "opened": true

 83                             },

 84                             "children": [

 85                                 {

 86                                     "text": "1.1 黑色金属",

 87                                     "icon": "fa fa-folder icon-state-danger"

 88 

 89                                 },

 90                                 {

 91                                     "text": "1.2 有色金属",

 92                                     "state": {

 93                                         "selected": true,

 94                                     },

 95                                     "icon": "fa fa-folder icon-state-danger"

 96 

 97                                 },

 98                                 {

 99                                     "text": "1.3 非金属",

100                                     "icon": "fa fa-folder icon-state-danger"

101 

102                                 },

103                                 {

104                                     "text": "...",

105                                     "icon": "fa fa-folder icon-state-danger"

106                                 }]

107                         }]

108                 }]

109             },

110             //types表示文件类型,不同类型设置不同的样式 也就是icon的值

111             "types": {

112                 "default": {

113                     "icon": "fa fa-folder icon-state-warning icon-lg"

114                 },

115                 "file": {

116                     "icon": "fa fa-file icon-state-warning icon-lg"

117                 }

118             },

119             //plugins 要使用的插件,jstree内部集成了一些插件比如 contextmenu:右键菜单

120             "plugins": ["contextmenu", "dnd", "state", "types"]

121         });

122     });

123 </script>

124 </body>

125 </html>
jstree基本

 

以上为基本操作,最好先去看官网的文档

 

你可能感兴趣的:(jstree)

  • python：xml.etree，用 xmltodict 转换为json数据，生成jstree所需的文件 belldeep pythonxmletreexmltodictjinja2python
    请参阅：java:pdfbox读取PDF文件内书签或者python：从PDF中提取目录请注意：书的目录.txt编码：UTF-8，推荐用Notepad++转换编码。xml是python标准库，在D:\Python39\Lib\xml\etreepipinstallxmltodict;python用xml.etree.ElementTree，用xmltodict转换为json数据，jinja2生成js
  • node.js 读目录.txt文件，用 xml2js 转换为json数据，生成jstree所需的文件 belldeep nodejsjavascriptnode.jselementtreejsonxml2jsejs
    请参阅：java:pdfbox读取PDF文件内书签请注意：书的目录.txt编码：UTF-8，推荐用Notepad++转换编码。npminstallelementtree;npminstallxml2js;node.js用elementtree读目录.txt文件，用xml2js转换为json数据，ejs生成jstree模板所需的文件。编写txt_etree_json.js如下//读目录.txt文件，
  • python：lxml 读目录.txt文件，用 xmltodict 转换为json数据，生成jstree所需的文件 belldeep pythonjavascriptpythonlxmletreexmltodictjinja2
    请参阅：java:pdfbox读取PDF文件内书签请注意：书的目录.txt编码：UTF-8，推荐用Notepad++转换编码。pipinstalllxml;lxml-5.1.0-cp310-cp310-win_amd64.whl(3.9MB)pipinstallxmltodict;lxml读目录.txt文件，用xmltodict转换为json数据，生成jstree模板所需的文件。编写txt_etr
  • PHP企业物资管理系统源码带文字安装教程 依星net188.com php开发语言
    PHP企业物资管理系统源码带文字安装教程技术架构主要框架:PHP7.0+laravel5.4+mysql5.5.36+composer1.3.2(依赖管理)前端:jquery+bootstrap+jstree（树形结构）+echart（图表）+layer（弹出层）企业物资管理系统就是利用计算机技术使复杂、繁锁的工作，变得更加的规范，更易于操作，对企业的管理效率、增加收入发挥着不可取代的作用。主要对
  • JQuery之jsTree树形插件 段ヤシ. jquery前端javascript
    1、plugins代码示例"plugins":["checkbox","contextmenu","dnd","massload","search","sort","state","types","unique","wholerow","changed","conditionalselect"]2、plugins中常用插件dnd：提供拖放功能，重现整理树checkbox:标记多选contextme
  • 【开发实践】使用jstree实现文件结构目录树 枫蜜柚子茶 开发实践java前端vue.jshtmlsql
    一、需求分析因开发系统的需要，维护服务端导出文件的目录结构。因此，需要利用jstree，实现前端对文件结构目录的展示。【预期效果】：二、需求实现【项目准备】：jstree在线文档：jstree在线文档地址前端需要的json数据格式：{"id":"顶级目录1","text":"顶级目录1","icon":"fafa-folder","children":[{"id":"二级目录1","text":"
  • jstree 刷新数据 大乔是个美少女
    $().ready(function(){vartree=$('#tree');tree.jstree({'core':{data:null}});$("#xreload").on("click",null,function(e){//e.preventDefault();varurl=$(this).attr("data-url");//+"?"+Math.random();ajax.get(u
  • jstree使用和右键功能菜单及回显 zip it.
    $(document).ready(function(){$("#jstree_demo_div").jstree({'core':{"data":[{"id":"0","parent":"#","state":{"disabled":false,"opened":true,"selected":false},"text":"示例档案树"},{"id":"69","parent":"0","tex
  • 【JavaScript】jstree使用以及本地化 sunriver2000 #JavaScriptjstree介绍例子本地化
    概述jstree是一个基于jQuery的强大的树形结构插件，用于在网页中创建交互式的树形视图。它提供了丰富的功能和灵活的配置选项，可以用于展示层级结构的数据，例如文件系统、组织结构、导航菜单等。例子以下是一个简单的使用jstree的例子：jstreeExample$(function(){//创建jstree$('#jstree').jstree({'core':{'data':[
  • jstree树形结构的使用 深山猿 前端jstree
    1js和css的下载和引入下载地址：http://www.jstree.com/，api：https://www.jstree.com/api/#/?q=(事件监听：https://www.jstree.com/api/#/?q=.jstree%20Event&f=deselect_all.jstree翻译好的参考：https://blog.csdn.net/m0_37355951/article
  • 前端jsTree树形结构使用以及复选框怎样默认选中 hehuan8363 前端JavaScript前端JSJSTreeJavaScript树形结构
    前端jsTree树形结构使用以及复选框怎样默认选中引入//css文件//js文件//JS代码片段$(function(){$("#jstree").on('changed.jstree',function(e,data){//获取复选框选中的idvarids=data.selected;varidsstr='';$.each(ids,function(i,v){vards=i==0?'':',';
  • jstree树形结构 blingbling_123 前端jqueryjstree树形结构
    jstree树形结构效果图需要引用的文件设置容器元素.js代码效果图初始化效果节点展开后文件夹右击事件文件右击事件需要引用的文件设置容器元素.js代码$(function(){//当DOM准备好时创建一个jstree实例$('#jstree').jstree({//core存储核心的所有默认值'core':{//如果保留为false，则防止创建、重命名、删除、移动或复制等操作"check_call
  • jstree树形结构Api 水势年华 前端优化插件jstree树形结构
    1.jsTree核心功能（corefunctionality）1.1.$.jstree包含所有jstree相关的函数和变量，包括用于创建、访问、维护实例的类和方法。+1.2.$.jstree.versionjstree的版本号+1.3.$.jstree.defaults包含用于创建新实例的默认配置+1.4.$.jstree.defaults.plugins默认是[]。+配置实例中使用的插件。是一个
  • jquery jstree的懒加载 sunyin.liu javascriptjquery前端javascript
    效果如下使用jquery的jstree组件1.前端准备工作1.1引入jstree样式和js1.2编写代码，实现懒加载1.2.1配置jstree//获取部门树配置参数vardepTreeOptions=function(type,status){varoptions={types:{default:{icon:'fa-building-o'}},//search:{//show_only_match
  • elementui tree 支持虚拟滚动和treeLine （上） 爱分享的Martin、 VUE爬坑elementuivue.jsjavascript
    背景：在使用elementui+vue2.x进行项目开发时，有用到el-tree组件，但是在数据很多时会卡顿基于以上背景elementui提供的el-tree组件无法满足需求。期间在网上调研了很多相关的tree组件，例如：vue-treeszTreesjsTrees发现以上组件，要么无法支持虚拟滚动。要么是api不够完善，定制化功能不强。最终在查阅相关资料时，发现github有一个大佬使用vue-
  • jstree Api 中文翻译文档 jason_renyu jqueryjstreejstreeapijstree中文文档
    jstreejstreeApi原网站https://www.jstree.com/转载于http://blog.csdn.net/qq_24472595/article/details/70053863Bala...bala...这段就不翻译了.jstree就是个基于JQUERY的树形控件.12jsTreeisjqueryplugin,thatprovidesinteractivetrees.It
  • jquery树形控件jstree 听书先生
    1、需求分析JQuery在做树形时，存在着一个难点，那就是jquery中想要获取到动态生成的dom元素节点，需要先定位到一个初始容器节点（也就是一个根元素，这个是固定不会变化的），由于开发时间有限，这一问题只得空闲时间去思考解决，查阅到jstree树形控件，便引入开始架构使用。2、下载jstree从官网[https://github.com/vakata/jstree/zipball/3.3.3(
  • jstree的使用 wangxia34
    所需资源下载：jstree资源下载JStree官网：jstree官网1.需要包含的资源a.需要jstress定义的样式样式文件在dist/themes/default/style.min.css中，所以html页面中需要添加代码需要包含CDNJS的css文件：b.需要使用jQuery1.9.0以上：c.包含JStree的js文件：使用CDNJS的代码为：2.一个例子jstree配置项core.da
  • JBolt平台里的JStree换图标方法 山东小木
    三个截图搞定哈image.pngimage.png/***自定义jstreetypesicon*/functionprocessTreeTypes(){vartypes={"root":{//根节点"icon":"fafa-users",},"root_opened":{//根节点打开样式"icon":"fafa-users",},"parent":{//父节点"icon":"fafa-users
  • Vue实现流程图，借鉴vue-tree-color 实现流程框架技术 【FBL】佛伯乐 Vue.jsvue.js流程图javascript
    Vue实现流程图，借鉴vue-tree-color实现流程框架技术文章目录Vue实现流程图，借鉴vue-tree-color实现流程框架技术借鉴鸣谢演示效果引入依赖添加全局组件的二次封装步骤1创建组件目录Vuenode.jstree.less使用组件引入使用数据结构案例借鉴鸣谢实现组织架构图(vue-org-tree)如果向使用原来的依赖可以使用这个人的，因为我也是根据这个博客大佬仿照Vue-or
  • jsTree学习笔记 huanglihui1007 jsjstree学习笔记树形结构前端
    以下实现在HTML数据初始化实现jsTree整行选中状态设置$("#tree").jstree({"plugins":["wholerow"]});#tree是jstree的id，plugins是jstree的参数选项jsTree搜索实现$("#tree").jstree({"plugins":["wholerow","search"]});to=false;$(.v_oper_click_qui
  • jsTree如何自定义节点的icon iplaycodex
    最近在项目中使用了JStree来展示树形结构的数据,需求方提了一个小需求.要更换node的icon.翻看jstree的API,找了一会也没有找到.蛋疼...遂翻墙开始在stackoverflow上找.终于还是找到了,有很多人提供了很多种的解决方案:现在提供URL如下所示:http://stackoverflow.com/questions/7162272/how-to-change-icon-in
  • 在项目中集成应用jsTree，自定义右键菜单 winzhyming
    1.jsTree官方地址：www.jstree.com2.在界面中引用jsTree的css和js3.界面应用js的两种方式：3-1.先用模板生成HTML结构数据，再用JS去应用HTML数据已经生成以后，再应用JS注意：jsTree的插件会改变原来的HTML界面元素，可能会破坏数据绑定关系（如果你用了Vue或者AngularJS或者Backbone什么的框架的话）3-2用JS直接去生成用JS直接去生
  • jstree树插件的使用 bornfreekiss
    jstree--使用JSON数据组装成树资源下载：http://download.csdn.net/detail/u012954072/9670907JStree官网：https://www.jstree.com1.使用：a.需要jstress定义的样式样式文件在dist/themes/default/style.min.css中，所以html页面中需要添加代码需要包含CDNJS的css文件：b.
  • JStree 关联修改 河马的节操 jquery源码jstree
    根据业务需求，需要更改JStree源码，以下为记录使用1.修改选中父级时不自动选中子级，选中子级时直接选中父级并存储父级id.on(this.settings.checkbox.tie_selection?'select_node.jstree':'check_node.jstree',$.proxy(function(e,data){varobj=data.node,m=this._model.
  • JsTree树不出来 报Uncaught TypeError: Cannot read property 'children' of undefined wengyupeng Java
    1、问题JsTree树不出来，从chromeconsole看到UncaughtTypeError:Cannotreadproperty'children'ofundefined2、code和后台json数据问题出自黄色部分---------------------------------------Code---------------------------------------------v
  • 树形组件使用 vue-jstree 文档中心 百度网盘 Embrace924 vuetree前端javascriptvue.js
    github:https://github.com/zdy1988/vue-jstree示例：https://zdy1988.github.io/vue-jstree/左侧是树形菜单右侧是百度网盘的样式基本用法示例网站已经清楚了关键解决当我点击右侧文件夹触发左侧的菜单切换和展开的问题//右侧内容区域文件夹点击asyncfolderClick(id){//设置选中和展开this.getMykey(t
  • 商品的页面 Edith.Liu Angular.js项目
    商品的页面实际上也只有列表页，添加页，编辑页，查看页。在商品里面好好研究了一下jstree控件和ui-options=”validateOptions”表单提交控件。这也是我第一次模仿源码写插件。写出想要的效果之后我真的非常高兴，哈哈。1、jstree//树$scope.jstreeOption={'plugins':["json_data","ui","tri-state","types","c
  • jstree 使用-层次-搜索 当富网络 javaweb
    jstree中文帮助文档：http://blog.csdn.net/qq_24472595/article/details/70053863#search创建后的没有层次的树如下树的源码和树的结构如下：@At@Ok("json")@RequiresPermissions("o2omarket.ProcurementCar")publicObjecttree(@Param("pid")Stringp
  • 学习记录，动态生成树状图jstree weixin_37365539 js
    学习记录，动态生成树状图jstreejstree官网地址https://www.jstree.com.cn项目功能：1.城市带选框树状展示2.全选/取消全选所有节点3.收起/展开所有节点4.搜索节点名称基于bootstrap做的项目，但是这里只有样式有影响。需要引的文件/jquery.min.js/dist/themes/default/style.min.css/dist/jstree.min.
  • Dom 周华华 JavaScripthtml
    <!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&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他