Yoson_He
Yoson_He

layui-tree实现Ajax异步请求后动态添加节点

最近在弄一个产品分类管理，是一个树形菜单的形式，用的是layui-tree ,由于它并没有动态添加节点，所以只能自己刚了。

                                                                                                        layui-tree实现Ajax异步请求后动态添加节点_第1张图片大概效果如左图

    具体的实现是当我鼠标移入“长袖”这个分类时，出现三个icon (如图)，按“增加”按钮，会发送ajax异步请求到后台，在数据库库中增加以“长袖”为父类id 的一个子分类，成功后返回到前台，然后相应的节点下动态添加子节点，主要是通过append 来增加html元素

[html] view plain copy

  1. >  
  2. <html lang="en">  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>多级分类管理title>  
  6. <meta name="renderer" content="webkit">  
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
  8. <meta name="format-detection" content="telephone=no">  
  9. <link rel="stylesheet" type="text/css"  
  10.     href="layui/css/layui.css" media="all">  
  11.   
  12. head>  
  13.   
  14. <style>  
  15. .panel {  
  16.     margin-bottom: 0;  
  17. }  
  18.  i{  
  19.       
  20.     cursor: pointer !important ;   
  21.     cursor: hand !important;  
  22.  }   
  23.  body{  
  24.   
  25.  }  
  26.   
  27.   a:hover{  
  28.     background-color:#E6E6E6 ;  
  29.  }   
  30.   
  31. .active{  
  32.     background:#E6E6E6;  
  33. }  
  34. .hide{  
  35.     display:none;  
  36. }  
  37.   
  38. style>  
  39. <body style="height:100%;">  
  40.   
  41.   
  42.   
  43.     <div    style="height:100%;">  
  44.                 <div class="panel panel-default"  
  45.                     style=" position:fixed;   width: 250px; height:800px;   overflow:auto;">  
  46.                     <div class="panel-body"  style=" ">  
  47.                         <h4 style="text-align: center;">分类管理h4>  
  48.                         <ul unselectable="on" id="demo"  
  49.                             style="margin-top: 30px; -moz-user-select: none; -webkit-user-select: none;"  
  50.                             onselectstart="return false;"  >ul>  
  51.                             <button  id="addcate" class="layui-btn  layui-btn-primary"  style="margin-top:20px; margin-left:28px; width:70%;">添加分类button>  
  52.                     div>  
  53.     div>  
  54.           
  55.       
  56.   
  57.     div>  
  58.   
  59.   
  60.     <script type="text/javascript" src="layui/layui.js">script>  
  61.     <script type="text/javascript">  
  62.     layui.use(['jquery','layer','element','form','tree'],function(){  
  63.           window.jQuery = window.$ = layui.jquery;  
  64.           window.layer = layui.layer;  
  65.           var form  =  layui.form;  
  66.           var elem = layui.element;  
  67.           var topcateid=0;  //为模拟顶级分类id用  
  68.   
  69.           //初始化layer.tree  
  70.            var tree = layui.tree({  
  71.               elem: '#demo',  
  72.               nodes:[]     //这里可以通过后台获取（如ThinkPHP框架则可以通过后台拼接好，再生成模板变量类似{$tree}就可以）  
  73.             });   
  74.             
  75.             window.onload=function(){  
  76.   
  77.                  //删除layui-tree 自带的样式      
  78.                   $("i.layui-tree-branch").remove();  
  79.                   $("i.layui-tree-leaf").remove();  
  80.                   //添加操作的图标(即鼠标划过时显示的添加，修改，删除的按钮组)  
  81.                   $("ul#demo").find("a").after("<i class='layui-icon add select hide ' )'>i>"+  
  82.                                                "<i class='layui-icon edit select hide'>i>"+  
  83.                                                "<i class='layui-icon del select hide'>i>");  
  84.             }  
  85.   
  86. //添加顶级分类  
  87.     $("#addcate").on("click",function(){  
  88.         layer.prompt({title: '输入分类名称，并确认', formType:0}, function(text, index){  
  89.               layer.close(index);  
  90.            //TODO 可以ajax到后台操作，这里只做模拟  
  91.            layer.load(2);  
  92.            setTimeout(function(){     
  93.            layer.closeAll("loading");  
  94.            //手动添加节点，肯定有更好的方法=.=！这里的方法感觉有点LOW  
  95.            // li里面的pid属性为父级类目的id,顶级分类的pid为0  
  96.            topcateid= topcateid+1;  
  97.             $("ul#demo").append("<li  pid='0' id="+(topcateid)+">"+  
  98.                                "<a ><cite>"+text+"cite> a>"+  
  99.                                "<i class='layui-icon select hide add'>i>"+  
  100.                                "<i class='layui-icon edit select hide'>i>"+  
  101.                                "<i class='layui-icon del select hide'>i>"+  
  102.                                "li>");  
  103.            },1000)  
  104.             });   
  105. })  
  106.       
  107. //显示/隐藏 分类的操作栏  
  108. $("ul#demo").on({  
  109.     mouseover: function(event) {  
  110.       event.stopPropagation();  
  111.       $(this).children(".select").removeClass("hide")  
  112.     },  
  113.       
  114.     mouseout: function(event) {   
  115.      event.stopPropagation();   
  116.      $(this).children(".select").addClass("hide")  
  117.     },   
  118.   
  119. },"li","a")  
  120.   
  121. //添加子分类  
  122. $("ul#demo ").on("click","li .add",function(){  
  123.       
  124.      var pid = $(this).closest("li").attr("id");//将父级类目的id作为父类id  
  125.      var that= $(this).closest("li");  
  126.     layer.prompt({title: '输入子分类名称，并确认', formType:0}, function(text, index){  
  127.           layer.close(index);  
  128.             
  129.            //TODO 可以ajax到后台操作，这里只做模拟  
  130.            layer.load(2);  
  131.            setTimeout(function(){     
  132.            layer.closeAll("loading");  
  133.            topcateid= topcateid+1;  
  134.            if(that.children("ul").length == 0){  
  135.                          //表示要新增   i 以及 ul 标签  
  136.                          that.prepend('<i class="layui-icon layui-tree-spread">i>')  
  137.                          that.append("<ul class='layui-show'><li  pid="+pid+"   id="+(topcateid)+"><a    ><cite>"+text+"cite> a><i  class='layui-icon select hide add' )'>i> <i    class='layui-icon edit select hide'>i> <i    class='layui-icon del select hide'>i>li>ul>")  
  138.                      }else{  
  139.                         that.children("ul").append("<li pid="+pid+"    id="+(topcateid)+"><a  ><cite>"+text+"cite> a><i  class='layui-icon select hide add' )'>i> <i    class='layui-icon edit select hide'>i> <i    class='layui-icon del select hide'>i>li>");  
  140.                      }  
  141.            },1000)  
  142.             });     
  143.   
  144.               
  145. })  
  146. //重命名  
  147. $("ul#demo ").on("click","li .edit",function(){  
  148.    var node=$(this).parent().children("a").children("cite");  
  149.    var id=$(this).parent().attr("id")  
  150.    var that= $(this).closest("li");  
  151.     layer.prompt({title: '输入新的分类名称，并确认',value:node.text(), formType:0}, function(text, index){  
  152.           layer.close(index);  
  153.             
  154.          //TODO 可以ajax到后台操作，这里只做模拟  
  155.            layer.load(2);  
  156.            setTimeout(function(){     
  157.            layer.closeAll("loading");  
  158.             node.text(text);  
  159.            },1000)  
  160.             });   
  161.             
  162.           
  163. })  
  164. //删除分类  
  165. $("ul#demo ").on("click","li .del",function(){  
  166.       
  167.       var that= $(this).closest("li");  
  168.     if(that.children("ul").length > 0){  
  169.         layer.msg("该分类下含有子分类不能删除")  
  170.         return;  
  171.     }  
  172.    var id=$(this).parent().attr("id")  
  173.   
  174.  layer.confirm('确定要删除？该分类下的课程亦将删除！', {  
  175.   btn: ['删除','取消']   
  176. }, function(){  
  177.       
  178.          //TODO 可以ajax到后台操作，这里只做模拟  
  179.            layer.load(2);  
  180.            setTimeout(function(){     
  181.            layer.closeAll("loading");  
  182.             if((that.parent("ul").children("li").length == 1)&&(that.parent("ul").parent("li").children("i.layui-tree-spread").length=1)){  
  183.                    //要把分类名前的三角符号和ul标签删除  
  184.                     that.parent("ul").parent("li").children("i.layui-tree-spread").remove();             
  185.                }  
  186.               that.remove()  
  187.            },1000)  
  188.             });   
  189.   
  190.   
  191. })  
  192. //打开/关闭菜单  
  193.       
  194.     $("ul#demo").on({  
  195.       
  196.     click:function(event){  
  197.         event.stopPropagation();  
  198.         event.preventDefault();  
  199.         if( $(this).parent().children("ul").hasClass("layui-show")){  
  200.               
  201.       
  202.               $(this).html("");  
  203.               $(this).parent().children("ul").removeClass("layui-show");  
  204.               return;  
  205.         }else{    
  206.               
  207.           
  208.          $(this).html("");  
  209.          $(this).parent().children("ul").addClass("layui-show");   
  210.         return;  
  211.         }   
  212.        return;  
  213.     }     
  214. },  'i.layui-tree-spread');    
  215.   
  216.               
  217.  });   
  218.   
  219. script>  
  220.   
  221.   
  222.   
  223. body>  
  224.   
  225. html>  

你可能感兴趣的:(layui)

  • Layui核心语法快速入门指南 bemyrunningdog layui前端javascript开发语言
    Layui基本语法学习指南Layui是一个经典的模块化前端框架，以其轻量易用、组件丰富著称。以下是Layui的核心语法结构和使用方法：一、模块加载机制（核心基础）//标准模块加载语法layui.use(['module1','module2'],function(){//回调函数中获取模块varmod1=layui.module1;varmod2=layui.module2;//模块功能调用mod
  • java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试 岗子科技 mysqljava数据库
    java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：My
  • layui+express CMS管理系统 May# layuiexpresshtml
    该项目主要技术：html，css，js，echart，express，mysql，jquery，layui，swiper展示类网站，属于服务端渲染项目。该网站包含管理端，实现基本增删改查功能。用户端可查看页面，属于展示类网站。管理端页面如下：<
  • layUI树形组件出现偶尔加载不出来的情况 suoh's Blog ❤️❤️--layui❤️❤️--vue2核心技术栈layui树形结构无法加载treeList加载不出来layui树形组件不显示
    用vue自带的nextTick函数强制执行树形结构nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数this.$nextTick(()=> {  this.render(this.data); }) 
  • 毕业设计基于python + flask +mysql + Layui新闻系统项目源码 love0everything flaskpython课程设计
    毕业设计基于python+flask+mysql+Layui新闻系统项目源码介绍该项目采用Flask框架开发，数据库采用mysql。这是一个作业项目。该项目采用Flask框架开发的一个新闻、论坛、博客系统。。前端采用的是layui框架，后端模板是X-admin下载地址：毕业设计基于python+flask+mysql+Layui新闻系统项目源码模块版本PyMysql1.0.2Flask1.1.2M
  • 为Layui Table组件添加前端搜索功能 caifox菜狐狸 JavaScript学习之旅：从新手到专家前端layuijavascripttable前端搜索表格搜索前端框架
    在现代Web开发中，数据展示和交互功能是构建高效、用户友好界面的关键要素之一。Layui作为一款广受欢迎的前端UI框架，以其简洁的代码、丰富的组件和强大的功能，为开发者提供了极大的便利。其中，Layui的Table组件更是以其强大的数据展示能力和灵活的配置选项，成为了许多项目中不可或缺的部分。然而，在实际应用中，仅仅展示数据往往是不够的。用户通常需要根据自己的需求快速查找特定信息，这就需要为表格添
  • layui table 合并相同的列 wendyNo JSjs
    效果table.render({elem:'#samples',url:'/index/Develorderss/samplelists?od_id='+od_id//数据接口,page:{//支持传入laypage组件的所有参数（某些参数除外，如：jump/elem）-详见文档layout:['prev','page','next','count','skip','limit']//自定义分页布
  • java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试 木林网络 mybatisjava数据库
    java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
  • flask +layUI+ ajax 上传图片 weixin_44040169 Pythonflaskajaxlayuipython
    flask+layUI+ajax上传图片-放到本地文件夹中记录：1、在使用layui时出现的问题，加载css,js出现问题GEThttp://127.0.0.1:5000/layui/css/layui.cssnet::ERR_ABORTED404(NOTFOUND)然后我将layui文件夹放到static里改成，就行了（好像对于layui文件相对位置的加载，以当前的html位置为基准）2、使用a
  • 【.net core】【watercloud】【layui】弹出层回调方法定位当前弹出层位置并调用弹出窗口内部方法 MoFe1 .netcorelayui前端
    common.modalOpen({title:"数据生成",url:"your/url/path",width:"95%",height:"90%",yes:function(index,layero){//定位到顶层窗口查找，如果仅使用window，为从当前页面窗口查找，会查找不到信息variframeWin=top.window[layero.find('iframe')[0]['name'
  • java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw 兮兮科技 javamybatis开发语言
    java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • ASP.NET+LayUI实现多图片上传(ashx) 炫澜abc C#
    选择多文件文件名大小状态操作开始上传layui.use('upload',function(){varupload=layui.upload;vardemoListView=$('#demoList'),uploadListIns=upload.render({elem:'#testList',url:'Handler.ashx',accept:'file',multiple:true,size:
  • SpingBoot+LayUI 实现酒店管理系统编写 趣享先生 Java案例分享专栏layui数据库java
    ✅作者简介：2022年博客新星第八。热爱国学的Java后端开发者，修心和技术同步精进。个人主页：JavaFans的博客个人信条：不迁怒，不贰过。小知识，大智慧。当前专栏：Java案例分享专栏✨特色专栏：国学周更-心性养成之路本文内容：如何入门Python——学习Python的指南针文章目录1、整体分析2、客房模块3、订单模块4、财务模块1、整体分析首先，需要明确酒店管理系统的功能需求，包括但不限于
  • layui使用tips_layui的tips层怎么用 梦嘻笔弹 layui使用tips
    layui的tips层的使用方法：首先引入文件layer.css和layer.js文件；然后使用代码格式为“layer.tips(msg,'#id',{tips:1}，time:10000)”；最后设置相关参数即可。本教程操作环境：Windows7系统、layui2.4版，该方法适用于所有品牌电脑。layui中tips的使用1、引入文件layer.css、layer.js2、参数介绍：layer.
  • layui中对table表格内容鼠标移入显示 tips内容 张大大大大旭 前端javascriptlayui
    要在Layui中的表格中实现鼠标移入显示Tips，你可以使用Layui的事件监听和Tips组件。有两种实现方式！第一种是，通过自定义鼠标事件显示tips。在渲染table时，对filed进行重构，增加相应的选择器标识，一般为class选择器，然后针对选择器内容添加鼠标移入、移除监听，进行弹tips内容。缺点是，需要对每个需要弹tips的字段进行设置。加载渲染table代码如下：tableIns=t
  • layui实现鼠标移入/移出时显示/隐藏tips 木心操作 layuilayuijavascript前端
    layui实现鼠标移入/移出时显示/隐藏tips弹窗注：其它弹窗亦可按照此方法实现相同效果鼠标移入dom或tips区域，显示tips弹窗；鼠标移出dom或tips区域，隐藏tips窗口；鼠标移入移出layui.use('layer',function(){constlayer=layui.layer;lettimer_event,layer_tips,tips_show=false$('#box'
  • Layui 13 Table 表格组件
    1、渲染方式方式1：转换静态表格table.init()（下面一级标题）方式2：自动渲染（配置属性写在标签上）渲染无需调用api，但要数据。api渲染表格方式3：api渲染推荐使用api渲染；（可控性较高）table.render(opt)（比较多，独立到一个单独文件中）2、配置项见tabler.render(opt)3、表格事件监听见table.on(‘event(filter)’,callba
  • 推荐开源项目：Vue-Layui - 基于Vue.js和Layui的前端框架
    推荐开源项目：Vue-Layui-基于Vue.js和Layui的前端框架项目地址:https://gitcode.com/gh_mirrors/vu/vue-layui项目简介是一个将流行的JavaScript组件库Layui与现代前端框架Vue.js结合的项目。它旨在为开发者提供一种在Vue应用中轻松集成和使用Layui组件的方法，使得开发人员可以在享受Vue的灵活性和强大的功能的同时，利用La
  • Layui-Vue 开源项目教程 童福沛
    Layui-Vue开源项目教程layui-vuelayui-vue是一套Vue3.0的桌面端组件库项目地址:https://gitcode.com/gh_mirrors/la/layui-vue项目介绍Layui-Vue是一个基于Vue.js的开源UI组件库，旨在为开发者提供简洁、易用的前端开发体验。Layui-Vue继承了Layui的设计理念，同时结合了Vue.js的响应式特性，使得组件的使用更
  • 开源项目 layui-vue 的扩展与二次开发潜力
    开源项目layui-vue的扩展与二次开发潜力layui-vueAnenterprise-classUIcomponentsbasedonLayuiandVue.项目地址:https://gitcode.com/gh_mirrors/lay/layui-vue1.项目的基础介绍layui-vue是一个基于Vue.js的前端UI组件库，它fork自layui，是一个用Vue重新编写的版本。layui
  • 前端资源帖 liora6 备忘录前端
    中高级前端工程师都需要熟悉的技能–前端缓存.NET入门到高级路线vue-cli脚手架中webpack配置基础文件详解石墨文档Websocket百万长连接技术实践聊聊NPM镜像那些险象环生的坑封装VueElement的可编辑table表格组件字节跳动的前端工程化实践WebGL大场景性能优化Google趋势对比分析npm趋势对比分析TweenMax动画实际应用Tween.js使用教程layui教程使用
  • 计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档) 在线科技 汽车
    计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档)计算机毕业设计Java汽车租赁系统(源代码+数据库+系统+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://p
  • java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试 銮銮科技 mybatisjava数据库
    java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计劳务外包管理系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：My
  • php列表头部增加批量操作按钮，多选订单数据批量微信退款（含微信支付SDK） hanzhuhuaa 项目开发框架案例开发代码例子开发框架案例php微信支付微信退款批量退款批量订单退款批量微信退款原路退款
    index_search.htmldata-table-id：表格iddata-rule：需要传输的列表字段data-action：控制器方法<aclass="layui-btnlayui-btn-primarylayui-btn-sm"style=
  • 计算机毕业设计Java汉服配饰销售系统(源码+系统+mysql数据库+lw文档) 在线科技 数据库javamysql
    计算机毕业设计Java汉服配饰销售系统(源码+系统+mysql数据库+lw文档)计算机毕业设计Java汉服配饰销售系统(源码+系统+mysql数据库+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • 基于阿里云 大文件分片上传（oss + layui + js版本）： masterphp javascriptlayui阿里云node.js
    Html部分作品视频作品附件上传作品上传文件格式为zip或rarJs部分：//初始化上传组件upload.render({elem:'',//上传按钮id值或者class值size:"1048576",//限制上传大小1Gexts:"mp4|MP4",//限制上传文件大小url:"/",//文件上传地址auto:false,choose:function(obj){varfiles=this.fi
  • layui的树节点动态添加禁用 肖肖肖丽珠 layui
    //添加禁用得状态$("input[name='layuiTreeCheck']").prop("disabled",true);$("input[name='layuiTreeCheck']").next(".layui-form-checkbox").addClass(".layui-checkbox-disbaledlayui-disabled");//取消禁用得状态$("input[nam
  • 基于JAVA研究生入学考试备考辅助系统计算机毕业设计源码+系统+数据库+lw文档+部署 宁柠科技 java开发语言jvm
    基于JAVA研究生入学考试备考辅助系统计算机毕业设计源码+系统+数据库+lw文档+部署基于JAVA研究生入学考试备考辅助系统计算机毕业设计源码+系统+数据库+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7
  • 计算机毕业设计ssm人力资源管理系统0600t系统+程序+源码+lw+远程部署 含宇网络 分布式
    计算机毕业设计ssm人力资源管理系统0600t系统+程序+源码+lw+远程部署计算机毕业设计ssm人力资源管理系统0600t系统+程序+源码+lw+远程部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • 计算机毕业设计ssm农村老人管理系统的设计与实现36jlv系统+程序+源码+lw+远程部署 加冕学长 分布式
    计算机毕业设计ssm农村老人管理系统的设计与实现36jlv系统+程序+源码+lw+远程部署计算机毕业设计ssm农村老人管理系统的设计与实现36jlv系统+程序+源码+lw+远程部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
  • 桌面上有多个球在同时运动，怎么实现球之间不交叉，即碰撞？ 换个号韩国红果果 html小球碰撞
    稍微想了一下，然后解决了很多bug，最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后，遍历整个在dom树中的其他小球，看一下它们与当前小球的距离是否小于球半径的两倍？若小于说明下一次绘制该小球（设为a）前要把他的方向变为原来相反方向（与a要碰撞的小球设为b），即假如当前小球的距离小于球半径的两倍的话，马上改变当前小球方向。那么下一次绘制也是先绘制b，再绘制a，由于a的方向已经改变
  • 《高性能HTML5》读后整理的Web性能优化内容 白糖_ html5
    读后感         先说说《高性能HTML5》这本书的读后感吧，个人觉得这本书前两章跟书的标题完全搭不上关系，或者说只能算是讲解了“高性能”这三个字，HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲，再去分析性能优化的内容，这样才会有吸引力。因为只是在线试读，没有机会看后面的内容，所以不胡乱评价了。  
  • [JShop]Spring MVC的RequestContextHolder使用误区 dinguangx jeeshop商城系统jshop电商系统
        在spring mvc中，为了随时都能取到当前请求的request对象，可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量，如request, response等。         在jshop中，对RequestContextHolder的
  • 算法之时间复杂度 周凡杨 java算法时间复杂度效率
          在 计算机科学 中， 算法 的时间复杂度是一个 函数 ，它定量描述了该算法的运行时间。这是一个关于代表算法输入值的 字符串 的长度的函数。时间复杂度常用 大O符号 表述，不包括这个函数的低阶项和首项系数。使用这种方式时，时间复杂度可被称为是 渐近 的，它考察当输入值大小趋近无穷时的情况。 这样用大写O()来体现算法时间复杂度的记法，
  • Java事务处理 g21121 java
    一、什么是Java事务 通常的观念认为，事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性（atomicity）、一致性（consistency）、隔离性（isolation）和持久性（durability）的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时，所有被该事务影响的数据都应该恢复到事务执行前的状
  • Linux awk命令详解 510888780 linux
    一.  AWK 说明   awk是一种编程语言，用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件，或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能，是linux/unix下的一个强大编程工具。它在命令行中使用，但更多是作为脚本来使用。    awk的处理文本和数据的方式：它逐行扫描文件，从第一行到
  • android permission 布衣凌宇 Permission
    <uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中，改值可以修改上传 <uses-permission android:na
  • Oracle和谷歌Java Android官司将推迟 aijuans javaoracle
    北京时间 10 月 7 日，据国外媒体报道，Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行，这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测，谷歌 Oracle 案很可能会被推迟。　　该案中的第二波辩护被安排在 10 月 17 日出庭，从目前看来
  • linux shell 常用命令 antlove linuxshellcommand
    grep [options] [regex] [files] /var/root # grep -n "o" * hello.c:1:/* This C source can be compiled with:
  • Java解析XML配置数据库连接(DOM技术连接 SAX技术连接) 百合不是茶 sax技术Java解析xml文档dom技术XML配置数据库连接
        XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习   XML配置数据库的连接主要技术点的博客; JDBC编程 : JDBC连接数据库 DOM解析XML:  DOM解析XML文件 SA
  • underscore.js 学习（二） bijian1013 JavaScriptunderscore
            Array Functions 所有数组函数对参数对象一样适用。1.first   _.first(array, [n])   别名: head, take       返回array的第一个元素，设置了参数n，就
  • plSql介绍 bijian1013 oracle数据库plsql
    /* * PL/SQL 程序设计学习笔记 * 学习plSql介绍.pdf * 时间：2010-10-05 */ --创建DEPT表 create table DEPT ( DEPTNO NUMBER(10), DNAME NVARCHAR2(255), LOC NVARCHAR2(255) ) delete dept; select
  • 【Nginx一】Nginx安装与总体介绍 bit1129 nginx
    启动、停止、重新加载Nginx nginx 启动Nginx服务器，不需要任何参数u nginx -s stop 快速(强制)关系Nginx服务器 nginx -s quit 优雅的关闭Nginx服务器 nginx -s reload 重新加载Nginx服务器的配置文件 nginx -s reopen 重新打开Nginx日志文件  
  • spring mvc开发中浏览器兼容的奇怪问题 bitray jqueryAjaxspringMVC浏览器上传文件
        最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.     在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer
  • Lua的io库函数列表 ronin47 lua io
    1、io表调用方式：使用io表，io.open将返回指定文件的描述，并且所有的操作将围绕这个文件描述 　　io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr 　　2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄 　　多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil
  • java-26-左旋转字符串 bylijinnan java
    public class LeftRotateString { /** * Q 26 左旋转字符串 * 题目：定义字符串的左旋转操作：把字符串前面的若干个字符移动到字符串的尾部。 * 如把字符串abcdef左旋转2位得到字符串cdefab。 * 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n)，辅助内存为O(1)。 */ pu
  • 《vi中的替换艺术》-linux命令五分钟系列之十一 cfyme linux命令
    vi方面的内容不知道分类到哪里好，就放到《Linux命令五分钟系列》里吧！ 今天编程，关于栈的一个小例子，其间我需要把”S.”替换为”S->”(替换不包括双引号)。 其实这个不难，不过我觉得应该总结一下vi里的替换技术了，以备以后查阅。   1 所有替换方案都要在冒号“:”状态下书写。 2 如果想将abc替换为xyz，那么就这样 :s/abc/xyz/ 不过要特别
  • [轨道与计算]新的并行计算架构 comsci 并行计算
         我在进行流程引擎循环反馈试验的过程中，发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段，而整个流程中又充满着很多并行路由，每个并行路由中又包含着一些并行节点，那么当整个流程图开始循环反馈过程的时候，这个流程图的运行过程是否变成一个并行计算的架构呢？      
  • 重复执行某段代码 dai_lm android
    用handler就可以了 private Handler handler = new Handler(); private Runnable runnable = new Runnable() { public void run() { update(); handler.postDelayed(this, 5000); } }; 开始计时 h
  • Java实现堆栈（list实现） datageek 数据结构——堆栈
    public interface IStack<T> { //元素出栈，并返回出栈元素 public T pop(); //元素入栈 public void push(T element); //获取栈顶元素 public T peek(); //判断栈是否为空 public boolean isEmpty
  • 四大备份MySql数据库方法及可能遇到的问题 dcj3sjt126com DBbackup
    一：通过备份王等软件进行备份前台进不去？ 用备份王等软件进行备份是大多老站长的选择，这种方法方便快捷，只要上传备份软件到空间一步步操作就可以，但是许多刚接触备份王软件的客用户来说还原后会出现一个问题：因为新老空间数据库用户名和密码不统一，网站文件打包过来后因没有修改连接文件，还原数据库是好了，可是前台会提示数据库连接错误，网站从而出现打不开的情况。 解决方法：学会修改网站配置文件，大多是由co
  • github做webhooks：[1]钩子触发是否成功测试 dcj3sjt126com githubgitwebhook
    转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html github和svn一样有钩子的功能，而且更加强大。例如我做的是最常见的push操作触发的钩子操作，则每次更新之后的钩子操作记录都会在github的控制板可以看到！ 工具/原料 github 方法/步骤
  • ">的作用" target="_blank">JSP中的作用 蕃薯耀
    JSP中<base href="<%=basePath%>">的作用 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  • linux下SAMBA服务安装与配置 hanqunfeng linux
    局域网使用的文件共享服务。 一.安装包： rpm -qa | grep samba samba-3.6.9-151.el6.x86_64 samba-common-3.6.9-151.el6.x86_64 samba-winbind-3.6.9-151.el6.x86_64 samba-client-3.6.9-151.el6.x86_64 samba-winbind-clients
  • guava cache IXHONG cache
    缓存，在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说，cache 就是为了提升系统性能而开辟的一块内存空间。 　　缓存的主要作用是暂时在内存中保存业务系统的数据处理结果，并且等待下次访问使用。在日常开发的很多场合，由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时，当我们发现我们的系统这个数据请求量很大的时候，频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的
  • Query的开始--全局变量,noconflict和兼容各种js的初始化方法 kvhur JavaScriptjquerycss
    这个是整个jQuery代码的开始，里面包含了对不同环境的js进行的处理，例如普通环境，Nodejs，和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解  完整资源： http://www.gbtags.com/gb/share/5640.htm jQuery 源码：   (
  • 美国人的福利和中国人的储蓄 nannan408
       今天看了篇文章，震动很大，说的是美国的福利。    美国医院的无偿入院真的是个好措施。小小的改善，对于社会是大大的信心。小孩，税费等，政府不收反补，真的体现了人文主义。    美国这么高的社会保障会不会使人变懒？答案是否定的。正因为政府解决了后顾之忧，人们才得以倾尽精力去做一些有创造力，更造福社会的事情，这竟成了美国社会思想、人
  • N阶行列式计算(JAVA) qiuwanchi N阶行列式计算
    package gaodai; import java.util.List; /** * N阶行列式计算 * @author 邱万迟 * */ public class DeterminantCalculation { public DeterminantCalculation(List<List<Double>> determina
  • C语言算法之打渔晒网问题 qiufeihu c算法
    如果一个渔夫从2011年1月1日开始每三天打一次渔，两天晒一次网，编程实现当输入2011年1月1日以后任意一天，输出该渔夫是在打渔还是在晒网。 代码如下：   #include <stdio.h> int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/ { if((a%4 == 0 && a%100 != 0
  • XML中DOCTYPE字段的解析 wyzuomumu xml
    DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.   私有DTD <!DOCTYPErootSYST
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他