会唱歌的前端
会唱歌的前端

原生JS 将数组的数据循环遍历到HTML中

由于我在学校是学安卓的然后实习期学前端又是直接上框架(不得不说vue的v-for是真的香)，所以原生JS的一些基本操作用着真难受！！！下面是原生JS 将数组的数据循环遍历到HTML中的列子，是的，没有用框架的HTML里的循环是用JS将一串字符串标签通过DOM渲染到HTML中的。

▼传统易懂的for写法和字符串拼接


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>将数组的数据循环遍历到HTML中title>
head>

<body>
    <div id="LoveID">div>
body>
<script>
    //自定义字符串,用于拼接标签
    var loveStr = "";

    //自定义数组
    var loveArr = ['喜爱一个人需要理由吗？', '需要吗？', '不需要吗？'];

    /****普通for循环****/
    for (let i = 0; i < loveArr.length; i++) {
        loveStr += '
' + loveArr[i] + '
';
    };
    console.log(loveStr)

    //拼接完字符串数组后用innerHTML把它渲染到页面中
    document.getElementById("LoveID").innerHTML = loveStr;
script>

html>

看下控制台的打印：
原生JS 将数组的数据循环遍历到HTML中_第1张图片

看下打印后的HTML：
原生JS 将数组的数据循环遍历到HTML中_第2张图片

可以看到用普通for循环和普通的字符串拼接是可实现遍历的，但是在实际项目开发中这是很不佳的，很耗费时间。所以我们要学习新的ECMAScript语法，其中循环我用的是ECMA5的forEach()和map()，处理字符串用的是ECMA6的模板字符串，如果这两样有不懂的自己去补习一下，箭头函数我相信大家都会，我这里不多说了。

▼一层循环用forEach()


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>将数组的数据循环遍历到HTML中title>
head>

<body>
    <div id="LoveID">div>
body>
<script>
    //自定义字符串,用于拼接标签
    var loveStr = "";

    //自定义数组
    var loveArr = ['喜爱一个人需要理由吗？', '需要吗？', '不需要吗？'];

    /****forEach循环****/
    loveArr.forEach(e => {
        loveStr += `
${e}
`;
    })
    console.log(loveStr)
    
    //拼接完字符串数组后用innerHTML把它渲染到页面中
    document.getElementById("LoveID").innerHTML = loveStr;
script>

html>

这的输出和上面一样

▼多层嵌套循环用forEach()+map()


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>将数组的数据循环遍历到HTML中title>
head>

<body>
    <div id="LoveID">
        
    div>
body>
<script>
    //自定义字符串,用于拼接标签
    var loveStr = "";

    //自定义数组
    var loveArr = [
        { title: '场景一', textArr: ['喜爱一个人需要理由吗？', '需要吗？', '不需要吗？'] },
        { title: '场景二', textArr: ['不上班行不行？','不上班你养你啊？', '我养你啊？'] },
    ];

    /*
    *forEach+map循环
    *forEach和map的第一个参数是当前元素，第二个是数组下标
    *.join('')的作用是去掉map循环后返回多余的逗号
    */
    loveArr.forEach(e => {
        loveStr += `

                        
${e.title}

                        

                            ${e.textArr.map((element, index) => {
                                return `<span>${index + 1}.${element}`
                            }).join('')}
                        </div>
                    </div>`
    })
    console.log(loveStr)

    //拼接完字符串数组后用innerHTML把它渲染到页面中
    document.getElementById("LoveID").innerHTML = loveStr;
script>

html>

看下控制台的打印：
原生JS 将数组的数据循环遍历到HTML中_第3张图片

看下打印后的HTML：
原生JS 将数组的数据循环遍历到HTML中_第4张图片
以上便是我经过开发项目后，觉得比较舒服和简洁的用于处理遍历标签的一种方式。当然，如果你要用for...in、for...of也是可以的，或者有更好的选择也可以分享出来，哈哈(ﾉ´▽｀)ﾉ♪

你可能感兴趣的:(大前端)

  • 对于大前端开发来说，转鸿蒙开发究竟是福还是祸？_鸿蒙开发面试 2401_84447417 程序员harmonyos面试华为
    会不会是下一个风口？自从鸿蒙原生应用全面启动以来，各大互联网领域的鸿蒙原生应用都在加速开发，带动了人才需求持续释放，吸引了不少人才涌入。据智联招聘数据统计，2024春招市场中软件/互联网大厂是招聘鸿蒙人才的主力，鸿蒙开发岗平均月薪超1.8万。鸿蒙系统生态已覆盖智能手机、平板电脑、耳机、智能手表及智能汽车系统等多元设备，涉及不同场景的软件、应用、硬件开发，相关企业对鸿蒙人才需求旺盛。从企业规模看，大
  • 大前端面试题集锦——HTML篇 Midshar.top 前端html
    HTML篇1.什么是DOCTYPE,有何作用?DOCTYPE是用来声明HTML文档应当使用哪种版本来进行解析如果不使用DOCTYPE告知浏览器应当使用哪种版本解析文档,那么浏览器将会开启最大兼容模式来解析文档,一般称为怪异模式.在怪异模式下,可能会产生一些预想不到的bug2.说说对HTML语义化的理解?HTML的语义化指的是在合适的地方使用合适的标签,让人能够根据标签进而大致知晓标签内容语义化使得
  • 【鸿蒙实战开发】HarmonyOS-状态管理 代码改变世界996 前端鸿蒙安卓harmonyos华为ui鸿蒙安卓
    前言本文基于鸿蒙Nextbeta1，beta2的新特性暂未深入研究和使用，且目前beta2已经可以试用。现在客户端所流行的结构无非就是MVVM或者MVI。MVI的特点是不仅把数据变化做了响应，连交互都封装了，鸿蒙目前最适合的是MVVM。鸿蒙使用声明式UI开发框架，那么和所有的流行的大前端框架一样，我们需要处理前端组件间的数据通信和变化响应，也就是所谓的状态管理。而MVVM中的viewmodel可以
  • 基于 React & TypeScript & Webpack 的微前端应用模板 weixin_33806300 前端webpackjavascriptViewUI
    m-fe/react-ts-webpack在Web开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端，都是希望将某个单一的单体应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合，从而满足业务快速变化及分布式多团队并行开发的需求。如康威定律(Conway’sLaw)所言，设计系统的组织，其产生的设计和架构等价于组织间
  • 一款好看的EMlog系统博客网站微信小程序源码v1.1 dddaaxx 程序源码
    介绍：这是一个简洁的程序，所以给它取了个英文名叫Brief，需要配合EMlog后端，所以EMlog附带了一款非常好看的大前端模板。Brief使用emlog（6.0.1）系统强力驱动后端API使用张子恒接口文档开发本程序仍有诸多bug未修复由于开发时修改过很多emlog原有功能及数据库所以使用该程序需要重新安装emlog和数据库1、配置ssl宝塔可免费申请2、安装后端上传源码-导入数据库-修改con
  • 关于6种Web安全常见的攻防姿势 AI大模型-搬运工 web安全安全网络安全网络网络攻击模型
    关于Web安全的问题，是一个老生常谈的问题，作为离用户最近的一层，我们大前端应该把手伸的更远一点。我们最常见的Web安全攻击有以下几种：XSS跨站脚本攻击CSRF跨站请求伪造URL跳转漏洞ClickJacking点击劫持/UI-覆盖攻击SQLInjectionSQL注入OSCommandInjectionOS命令注入一、XSSXSS（CrossSiteScript），中文是跨站脚本攻击；其原本缩写
  • 大前端-postcss安装使用指南 黑夜照亮前行的路 postcss
    PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把
  • Android程序员的Java后台学习建议 Androidgiao
    作为一个原生Android开发，一路走来经历了Java、Kotlin的洗礼；在“原生要凉”的氛围下学习Cordova、ReactNative、Weex、Flutter等跨平台框架；之后又在“大前端”的口号下延伸到React、Vue等前端框架的学习；最终面对“全栈”的诱惑，又撸起了SpringBoot的Javaweb开发。image.pngAndroid开发作为“安身立命”的资本，在面对如今“移动要
  • 一起来使用node.js制作一个视频吧
    theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
  • 一起来使用node.js制作一个视频吧
    theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
  • JavaScript复习笔记(一) acsamson
    [TOC]题外话:其实我觉得能后通过自己感兴趣的事情给自己获取资源是一件很幸福的事情，这也是自己未来努力的方向吧也有人反对浏览器使用javascript,认为其不安全,所以就禁用了javascript.但其实我倒是觉得很历史倒退,没有必要完全,因为你可以看到其实浏览器大前端这一模块也是一个趋势,而javascript就是一个最好的武器,包括谷歌最近在开发的Fuchsia也打算在底层嵌入javasc
  • 基于UI交互意图理解的异常检测方法 美团测试
    美团到店平台技术部/质量工程部与复旦大学周扬帆教授团队开展了科研合作，基于业务实际场景，自主研发了多模态UI交互意图识别模型以及配套的UI交互框架。本文从大前端质量保障领域的痛点出发，介绍了UI交互意图识别的方法设计与实现。基于UI交互意图编写的测试用例在实际业务中展现出了可以跨端、跨App的泛化能力，希望可以为从事相关工作的同学带来一些启发或帮助。1.背景近年来，随着美团多种业务线的扩充和迭代，
  • 大前端完整学习路线（详解） 强哥科技兴
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • vue3初识 余识- vuevue3前端nodenpm
    目录一、前言二、主观感受三、vue3初探原文以及该系列教程文章后续可点击这里查看：vue初识一、前言Vue.js是一款流行的前端框架，最初由尤雨溪（EvanYou）于2014年创建，非常的年轻。官网为vue3，但要注意，vue框架本身是基于前端基础知识之上的，所以学习vue的前提是，你已经理解、并能够熟练的使用html、css、JavaScript这三大前端基石去开发基本的网页应用了。如果你对这些
  • 从0到1：用HTML、CSS和JavaScript构建经典案例
    从0到1：用HTML、CSS和JavaScript构建经典案例一、案例目标本案例旨在通过构建一个简单的新闻网站，使读者从零开始学习并掌握HTML、CSS和JavaScript三大前端技术。通过实践，读者将能够熟悉网页的基本结构、样式设计和交互功能。二、案例内容HTML结构搭建首先，我们需要使用HTML来搭建网页的基本结构。以下是一个简单的新闻网站的HTML框架：html新闻网站新闻网站首页国内新闻
  • 前端发展史 斑码教育王老师
    迅速发展的前端开发，在每⼀年，都为开发者带来了新的关键词。2019年已步⼊尾声，2020年前端发展的关键词⼜将有哪些呢？发展的方向又会是什么呢？参考2019年大前端的发展，不出意外，前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开（可以参考2019年大前端技术趋势深度解读）。小程序在⼩程序⽅⾯，今年仍然是⼩程序突⻜猛进的⼀年，各⼤主流的App都上线了⼩程序能⼒
  • 〖大前端 - ES6篇②〗- let和const 哈哥撩编程 #①-基础入门三大核心篇大前端全栈架构白宝书前端es6ecmascript大前端letconst
    说明：该文属于大前端全栈架构白宝书专栏，目前阶段免费，如需要项目实战或者是体系化资源，文末名片加V！作者：哈哥撩编程，十余年工作经验,从事过全栈研发、产品经理等工作，目前在公司担任研发部门CTO。荣誉：2022年度博客之星Top4、2023年度超级个体得主、谷歌与亚马逊开发者大会特约speaker、全栈领域优质创作者。白宝书系列启示录-攻城狮的自我修养Python全栈白宝书ChatGPT实践指南白
  • 撩课-Web大前端每天5道面试题-Day14 撩课_叶建华
    1.apply,call和bind有什么区别?三者都可以把一个函数应用到其他对象上，注意不是自身对象．apply,call是直接执行函数调用，bind是绑定，执行需要再次调用．apply和call的区别是apply接受数组作为参数，而call是接受逗号分隔的无限多个参数列表.代码如下:functionPerson(){}Person.prototype.sayName(){alert(this.n
  • 在面试中如何回复擅长vue还是react 开心点啦. vue.jsreact.js前端
    当面试官问及这个问题的时候，我们需要思考面试官是否是在乎你是掌握vue还是react吗？？？在大前端的一个环境下，当前又有AI人工智能的加持辅助，我们是不是要去思考企业在进行前端岗位人员需求的时候，只是去找一个会vue或者是react技术框架的人员呢？？？显然，这并不一定是我们企业真正的一个述求。对于这个问题来说，面试官要找寻的是一个更为有宽广知识面，更为有专项技术研究的一个人员。那么在进行该问题
  • CSS Transition：为网页元素增添优雅过渡效果 白猫a~ 网络安全visualstudioide编程工具程序集成开发环境CSStransition
    随着互联网的发展，网页的视觉效果和用户体验变得尤为重要。CSSTransition作为一种能够让网页元素在状态改变时呈现平滑过渡效果的工具，受到了广大前端开发者的青睐。本文将详细介绍CSSTransition的基本概念、使用方法以及常见应用，帮助读者更好地理解和应用这一技术。一、CSSTransition的基本概念CSSTransition是CSS3中的一个重要特性，它允许元素从一种样式逐渐改变为
  • JavaScript 性能优化2 学习笔记 sayCloud
    文章内容输出来源：拉勾大前端高薪训练营1、性能测试工具JSBench使用网址：https://jsbench.me/常用的JSperf已经停止维护了SetupHTML想初始化的domSetupJS前置统一的js代码TestCase添加测试用例，具体的测试代码（一般两个）TeardownJS后置统一的js代码（每秒的次数越大越好）性能测试细节：尽可能开一个标签页、当前的进程不要关掉、多次执行2、堆栈
  • 2024是时候转Framework开发了 Calvin880828 AndroidFrameworkandroid
    2024是时候转Framework开发了1引言随着科技的不断发展，移动设备已经成为了现代人生活中必不可少的一部分。作为移动设备操作系统之一，Android系统在市场中占有很大的份额。因此，Android应用程序开发和Framework开发变得越来越受欢迎。但是随着近年来，AndroidApp开发趋于饱和，大前端技术的快速发展，Android原生开发替代方案越来越多，直接导致了App开发的饱和及人才
  • PC端静态网页应用开发及项目 WGP鹏灬 前端开发学习笔记csshtmlhtml5
    笔记来源：拉勾教育-大前端就业集训营文章内容：学习过程中的笔记、感悟、经验一、网页开发流程1、需求分析：对开发产品进行定位（如产品类型、产品功能、面向的客户群、达到的目的等）2、整体规划：根据需求分析的结论，确定网站中要展示的内容、层次、展示形式等，给出对应内容的文案3、界面设计：设计师根据整体规划的方案、将网站各个页面进行设计，最终给出设计图、颜色、数据信息等4、前端程序设计：前端开发人员根据设
  • gulp和webpack究竟有什么区别？ NewChapter °
    在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了Webapp模式。它们运行在现代的高级浏览器里，使用HTML5、CSS3、ES6等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且Webapp通常是一个单页面应用(SPA)，每一
  • 美团React Native开源组件库beeshell详解 「已注销」 前端ReactNativeJavaScriptAndroid测试
    近年来，伴随着大前端概念的提出和兴起，移动端和前端的边界变得越来越模糊，涌现了一大批移动跨平台开发框架和模式。从早期的PhoneGap、inoc等Hybird技术，到现在耳熟能详的ReactNative、Weex和Flutter等技术，无不体现着移动端开发的前端化。而提供一套三端统一的开发框架，一直是前端奋斗的目标，而ReactNative就是这么一个不错的三端统一的跨平台开发框架，这方面的知识可
  • 低码大前端 - 混合云集群部署 PagePlug 流雨声 前端
    前情提要老师之前布置了什么作业，完全忘了，本来觉得写作业可能也就一两个小时的事情，结果搞了半天，有一半的作业题目都没找到，mmp,之前拖延症，搞到心态都炸了，今天不管怎么说都要搞定；维护下自己的混合云集群，然后部署下低代码的前端工具，真心不喜欢造轮子，PagePlug是国庆前夕自己调研的一个产品，突然感觉我又可以了，之前就是觉得前端开发人员需要有点艺术天赋才可以，不然捏，每天加班排版吗？该做的是需
  • 撩课-Web大前端每天5道面试题-Day12 撩课_叶建华
    1.请写出至少5个html5新增的标签，并说明其语义和应用场景？section：定义文档中的一个章节;nav：定义只包含导航链接的章节;header：定义页面或章节的头部;它经常包含logo、页面标题和导航性的目录。footer：定义页面或章节的尾部;它经常包含版权信息、法律信息链接和反馈建议用的地址。aside：定义和页面内容关联度较低的内容，如果被删除，剩下的内容仍然很合理。2.get和pos
  • 解密国内BAT等大厂前端技术体系-阿里篇（长文建议收藏） linchare 前端
    进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue1.0在2015年发布，至今也有4年时间了。整个业界在前端框架不断迭代中，也寻找到了许多突破方向，例如跨平台中的RN、Flutter，服务端GraphQL、Serverless，前端和客户端的融合越来越紧密，前端在Node和Electron的加持下，也扩展了自己的版图到服务端和桌面。同
  • 解密阿里前端技术体系 frontend_frank
    作者|奶爸码农编辑|张之栋、王文婧前端框架的不断变化，对不同行业产生了诸多的影响。目前，前端的发展趋势究竟是什么样的？为了解更多的前端趋势相关内容，让我们跟随本文，看一下像阿里巴巴这样的互联网大厂，是怎样做的。进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue1.0在2015年发布，至今也有4年时间了。整个业界在前端框架不断迭代中，也
  • 函数式编程与Js异步编程、手写Promise（Day01） 5coder
    Part1·JavaScript【深度剖析】函数式编程与Js异步编程、手写Promise文章说明：本专栏内容为本人参加【拉钩大前端高新训练营】的学习笔记以及思考总结，学徒之心，仅为分享。如若有误，请在评论区支出，如果您觉得专栏内容还不错，请点赞、关注、评论。共同进步！一、为什么要学习函数式编程函数式编程功能是非常古老的一个概念，早于第一台计算机的诞生，函数式编程的历史学习函数式编程的目的：函数式编
  • 多线程编程之存钱与取钱 周凡杨 javathread多线程存钱取钱
      生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是
  • java中数组与List相互转换的方法 征客丶 JavaScriptjavajsonp
    1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。 　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分
  • Shell 流程控制 daizj 流程控制if elsewhilecaseshell
    Shell 流程控制 和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语
  • Linux服务器新手操作之二 周凡杨 Linux 简单 操作
    1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k
  • socket聊天室之服务器搭建 朱辉辉33 socket
    因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock
  • 利用finereport建设保险公司决策分析系统的思路和方法 老A不折腾 finereport金融保险分析系统报表系统项目开发
    决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍 通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过
  • 始终要页面在ifream的最顶层 林鹤霄
    index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram
  • MySQL binlog恢复数据 aigo mysql
    1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win
  • OCX打成CBA包并实现自动安装与自动升级 alxw4616 ocxcab
    近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2.
  • Hashmap队列和PriorityQueue队列的应用 百合不是茶 Hashmap队列PriorityQueue队列
      HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H
  • JDK1.5 returnvalue实例 bijian1013 javathreadjava多线程returnvalue
    Callable接口： 返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方
  • angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 bijian1013 JavaScriptAngularJS
            在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！     
  • 【Java范型二】Java范型详解之extend限定范型参数的类型 bit1129 extend
    在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri
  • 【HBase十三】HBase知识点总结 bit1129 hbase
    1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成
  • 服务器被DDOS攻击防御的SHELL脚本 ronin47
    mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
  • java程序员生存手册-craps 游戏-一个简单的游戏 bylijinnan java
    import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点
  • TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决 开窍的石头 JAVA_HOME
    当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou
  • [操作系统内核]操作系统与互联网 comsci 操作系统
         我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发
  • 富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11 cuityang 富文本框
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit
  • Property null not found darrenzhu datagridFlexAdvancedpropery null
    When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
  • MySQl数据库字符串替换函数使用 dcj3sjt126com mysql函数替换
    需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat
  • mac上终端起动MySQL的方法 dcj3sjt126com mysqlmac
    首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1
  • Gson使用一（Gson） eksliang jsongson
    转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 第二种类型是序列（sequence），又叫做数组（array）
  • android点滴4 gundumw100 android
    Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch
  • JavaWeb之JSP基本语法 ihuning javaweb
      目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP
  • App Extension编程指南（iOS8/OS X v10.10）中文版 啸笑天 ext
             当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分
  • SQLServer实现无限级树结构 macroli oraclesqlSQL Server
    表结构如下： 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla
  • Css居中div，Css居中img，Css居中文本，Css垂直居中div qiaolevip 众观千象学习永无止境每天进步一点点css
    /**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; }
  • Oracle 常用操作(实用) 吃猫的鱼 oracle
    SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前
  • iOS中使用RSA对数据进行加密解密 witcheryne iosrsaiPhoneobjective c
      RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他