摸爬滚打的余生
摸爬滚打的余生

前端 自定义下拉列表框

今天在公司里，遇到了一个很简单的问题，有一个UI样式固定的下拉列表框。当我拿到这个ui的时候，第一感觉就是简单的select标签就可以解决问题，但是后面在改样式的过程中，遇到了许许多多的问题，包括无法修改选中后默认的蓝色框，option的hover无法改变等等。。。

在许多次尝试失败后，我决定，定义一个属于自己的下拉列表，当然啦，我并不想用那些组件，虽然用组件很快吧，但是当一个项目中用的组件多了以后，总是会出现好多不可控的因素，相信在座的大牛都比我懂的多，那就开始这次体验吧~~

效果图：

嗯。。学了半天gif图还是不会，等小编以后再补上图，后面有源码，大家直接复制即可。。

理一下思路：

  • 通过ul li 俩标签的形式来定义这个列表 显然li中一开始是隐藏的
  • li 标签下的就是我们的标签
  • ul 标签下我会定义一个div 用来装”请选择一个标签” 之类的默认选项
  • 在div 中分为两块 span 和 img
  • span 就是文字”请选择一个标签”
  • img 则是向下向上的图标
  • 点击后，图标会变 span会变 div的边框会变 当然你也可以随意为li（你的标签）添加一些hover样式

因为公司项目中有jquery，所以有部分jquery的代码，当然你想用js原生实现也可以哦
好了，就那么简单，让我们来写一次自己的组件吧

html代码

<ul class="dropdown" tabindex="1">
        
        <div class="dp-select" unselectable="on" onselectstart="return false;" style="-moz-user-select:none;">
            <span>请选择标签span>
            <div class="dp-img">
                <img src="images/dp-down.png" width="15" height="20">
            div>
        div>

        <li class="dp-list hide">标签一li>
        <li class="dp-list hide">标签二li>
        <li class="dp-list hide">标签三li>
        <li class="dp-list hide">标签四li>
ul>

简单分析下上述代码，ul，li 结构 下面分为一个

和若干个
  • 标签。
    下有一个用来装默认标签文字，还有一个
    用来放最右边那个向上和向下的小图标。
  • 就是各位一个个的标签啦，我给它定义了一个‘dp-list’的样式
    html就只有那么多了，接下来让我们看看css

    • css代码

    css属实没啥好说的，dp-img 也就是我放图标的那个小div,我这里采用的是flex布局，让图标居中。
    当然，如果你们想用background使图标居中也没问题啦，个人习惯而已~
    hide是我定义的一个隐藏li标签的样式，为了让js代码写的少一些。如果不想写，在js中改成display：none 就可以咯

    js代码

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

    • 【鸿蒙实战开发】HarmonyOS-状态管理 代码改变世界996 前端鸿蒙安卓harmonyos华为ui鸿蒙安卓
      前言本文基于鸿蒙Nextbeta1，beta2的新特性暂未深入研究和使用，且目前beta2已经可以试用。现在客户端所流行的结构无非就是MVVM或者MVI。MVI的特点是不仅把数据变化做了响应，连交互都封装了，鸿蒙目前最适合的是MVVM。鸿蒙使用声明式UI开发框架，那么和所有的流行的大前端框架一样，我们需要处理前端组件间的数据通信和变化响应，也就是所谓的状态管理。而MVVM中的viewmodel可以
    • 前端组件库自定义主题切换探索-01-方案借鉴与思路参考 东扯葫芦西扯瓜
      探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，我们的组件库基于ant-design-vue，而ant-design-vue并没有很好的支持主题动态切换（主题总体模式仅支持深色和浅色，其他颜色只支持主色切换，不支持其他颜色和属性动态定制）第四，我
    • 前端框架大盘点 HITZXL 前端开发#VUE前端框架前端javascript
      最近项目中用到了很多前后端分离的框架。很多框架虽然类似，但项目中却总用混用的情况，看到陌生的框架，总是一头雾水，干脆来个大盘点。一扫心中困惑。目前对于前端的各种技术，还有很多理解不到的地方。例如前端框架，前端组件，UI库，这些总感觉有些傻傻分不清楚。毕竟都是用来协助项目快速开发和上手的，因此，看到了别人的总结，感觉清晰明了。放在这里压住阵脚：css框架：Bootstrap、Layui、Zui、Am
    • 前端框架 苏金标 前端基础
      前端组件库搭建webapp常用的样式/组件等收集列表(移动优先)0.前端自动化(Workflow)前端构建工具Yeoman–asetoftoolsforautomatingdevelopmentworkflowgulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunnerF.I.S–前端集成解决方案前端模块管理器Bower–Apackageman
    • HT UI 5.0，前端组件图扑是认真的
      为顺应数字时代的不断发展，图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级，融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化，并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级，是团队对于用户需求深刻理解和对于未来科技趋势的前瞻洞察。旨在为用户带来更加令人惊艳的界面体验，同时也为企业提供更强大的数字化工具，以应对不断
    • HT UI 5.0，前端组件图扑是认真的
      为顺应数字时代的不断发展，图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级，融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化，并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级，是团队对于用户需求深刻理解和对于未来科技趋势的前瞻洞察。旨在为用户带来更加令人惊艳的界面体验，同时也为企业提供更强大的数字化工具，以应对不断
    • 前端组件抽取 buffonme
      前言纯菜鸡记录业务场景[图片上传失败...(image-ed53dd-1658375271104)]拆分思路：根据业务，可以分成nav（面包屑+树状导航）、page（内容展示）；根据内容展示的不同，还可以继续拆分根据项目结构，可以分为xxx.vue（页面）、data_xx.ts（接口）、use_xx.ts（逻辑），还有其他文件，如常量管理、路由管理、鉴权管理等拆分方向：拆分足够细，尽量使用函数式编
    • 双活工作关于nacos注册中心的数据迁移 小强聊it 异地双活项目
      最近在做一个双活的项目，在纠结一个注册中心是在双活机房都准备一个，那主机房的数据如果传过去呢，查了一些资料，最终在官网查到了一个NacosSync的组件，主要用来做数据传输的，并且支持在线替换注册中心的，下来我摘抄一下迁移的流程。原文：NacosSync用户手册，在查到这个文档的时候发现nacos也有restful的api，方便可以结合前端组件进行注册中心的数据迁移到内管上，避开上线流程的约束。准
    • HT UI 5.0，前端组件图扑是认真的
      为顺应数字时代的不断发展，图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级，融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化，并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级，是团队对于用户需求深刻理解和对于未来科技趋势的前瞻洞察。旨在为用户带来更加令人惊艳的界面体验，同时也为企业提供更强大的数字化工具，以应对不断
    • HT UI 5.0，前端组件图扑是认真的! 图扑可视化 信息可视化数字孪生三维可视化ui图形渲染
      为顺应数字时代的不断发展，图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级，融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化，并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级，是团队对于用户需求深刻理解和对于未来科技趋势的前瞻洞察。旨在为用户带来更加令人惊艳的界面体验，同时也为企业提供更强大的数字化工具，以应对不断
    • Solo 开发者周刊 （第4期）：什么样的新科技，能提高生活效率？ Solo 社区 后端
      这里会整合Solo社区每周推广内容、产品模块或活动投稿，每周五发布。在这期周刊中，我们将深入探讨开源软件产品的开发旅程，分享来自一线独立开发者的经验和见解。本杂志开源，欢迎投稿。好文推荐AI生成前端组件的价值思考在这个AI时代，大家都希望AI可以帮我们尽量多地解决一些事物。我结合自己的日常独立开发情况，发现花在调前端组件样式上的时间很多，因此思考能不能让AI把这部分活接过去，或者能提高一些效率。（
    • AI生成前端组件的价值思考 Solo 社区 后端
      想法来源这个想法来源于我自己的需求，我自己首先就是最精准的目标用户，在这个AI时代，我希望AI可以帮我尽量多地干活。结合自己的日常独立开发情况，发现花在调前端组件样式上的时间很多，因此思考能不能让AI把这部分活接过去，或者能提高一些效率也行。适合用户外行或刚入门的前端开发者不是此AI的目标用户，此AI目标用户是已入门的前端开发者，并且使用tailwind作为UI库。实际场景非目标场景：figma画
    • python web ui框架_推荐几个精致的web UI框架 aurging pythonwebui框架
      1.AliceuiAliceui是支付宝的样式解决方案，是一套精选的基于spm生态圈的样式模块集合，是Arale的子集，也是一套模块化的样式命名和组织规范，是写CSS的更好方式。2.AmazeuiAmazeUI是一个轻量级、Mobilefirst的前端框架,基于开源社区流行前端框架编写的。3.suiSUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。通过SUI，可以非常方便
    • HT UI 5.0，前端组件图扑是认真的 图扑软件 ui前端信息可视化3d大数据html5javascript
      为顺应数字时代的不断发展，图扑HTUI5.0在原有功能强大的界面组件库的基础上进行了全面升级，融入了更先进的技术、创新的设计理念以及更加智能的功能。HTUI5.0使用户体验更为直观、个性化，并在性能、稳定性和安全性等方面达到新的高度。HTUI5.0的改版升级，是团队对于用户需求深刻理解和对于未来科技趋势的前瞻洞察。旨在为用户带来更加令人惊艳的界面体验，同时也为企业提供更强大的数字化工具，以应对不断
    • 扫盲软件开发工具低代码 胖头鱼不吃鱼- 低代码JNPF
      目录一、低代码是什么？二、低代码平台的优势和劣势都是什么？三、低代码操作方式四、写在最后一、低代码是什么？低代码是一套可视化开发工具，它帮开发者把前后端基础功能写扎实，开发者只需要通过填表配置或拖拽生成前端组件的方式，即可完成后台管理系统的快速搭建。由于低代码仍需要写少量JS代码，所以低代码开发平台主要面向程序员，帮助程序员敏捷开发。与传统的软件开发方法相比，低代码开发使用可视化工具和简单的拖放操
    • 什么是前端模块化，组件化，工程化？ SY
      1.前端模块化：可以理解为一组自定义业务的抽象封装，是根据项目的情况来进行封装组合到一起的，比如我们可以分为登录模块，评论模块。模块可维护性好，组合灵活，方便调用，多人协作互不干扰。2.前端组件化：指对具体的某个功能的封装，比如所有的分页可以封装为分页组件来统一使用，以此来达到组件复用，提高开发效率。3.前段工程化：概念：指使用软件工程的技术和方法来进行前端项目的开发、维护和管理。前端工程化包含如
    • 2018-11-19 Aurora框架学习中的感悟 tomeetyou
      Aurora框架是一个上海汉得公司开发的框架,开发方式主要为xml配置还有储存过程PL/SQL编写,不是很清楚。但是主要目的应该是为了更快速的开发,稍微粗略的写一下学习过程中学的的一些东西1.前端组件其实我们的很多代码都不太建议自己写,因为大部分人(只有我的话我的名字就叫大部分人)写的样式都很丑，对浏览器的支持也不一定很好,所以代码能copy就尽量copy(然后根据自己的需求做稍许改变),前端开发
    • 前端组件封装 亮学长 前端
      组件封装是前端开发中常用的技术手段，它的目的是为了实现代码的重用、提高开发效率和代码质量。在组件封装过程中，需要注意以下几个方面：分析布局：首先需要对布局进行分析，确定组件的结构和样式。了解组件在不同场景下的表现形式和行为。初步开发：根据布局的分析，开始进行组件的初步开发，包括HTML结构、CSS样式和基本的交互行为。化繁为简：在初步开发的基础上，对组件进行优化和简化。去除冗余的代码，提取通用的样
    • 2019-04-28 一_贫
      前端生成工程代码时选择的前端组件是Angular，所以前端资源会按如下流程生成：a,生成工程代码或者实体代码的任务完成后，会自动触发执行yarninstall；b,yarninstall执行完成后，会自动触发执行webpack:build(npmrunwebpack:build)；c,webpack:build执行完成后，所有前端资源就已经生成了，默认是在gateway/target/www目录下
    • JeecgBoot 动态路由配置带参路由 My&Liu 前端javascript开发语言
      1、官网写法：带参数路由菜单·JeecgBoot开发文档·看云2、个人写法备注：因菜单较多，90%重复，新增、编辑不同1.创建菜单（菜单路径跟隐藏菜单的前端组件地址一样）菜单路径/Res/1,其中这个1为随机数（可以根据个人定义）2、新增一个隐藏路由/Res/:resType：（resType为变量）3、怎么拿到这个菜单路径created(){this.initByPath()},watch:{'
    • 01_前端框架之Bootstrap的应用 励志敲烂键盘 前端框架bootstrap前端
      day01_前端框架之Bootstrap的应用本课目标能够完成Bootstrap环境搭建能够理解Bootstrap的栅格布局能够根据Bootstrap相关文档使用Bootstrap组件能够根据Bootstrap重构主页和表单页第1章bootstrap简介1.1什么是bootstrapBootstrap是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的WEB项目。Bootstrap是一套
    • java树形菜单过滤掉父级中断的数据&完全匹配父子级 快乐敲代码 java工具类java开发语言
      树形菜单过滤有两个树形结构的菜单数据小功能有点意思，特地记录一下（1）过滤掉父级中断的数据菜单列表数据，本来是，如果勾选了一个子级菜单，那么其所有上层父级菜单也会勾选保存到后台，此数据用户前端页面查询进行渲染成树形菜单，当然也可以后端直接处理成树形菜单（后端处理成树形菜单，那么父级中断的菜单就会直接过滤掉，不需要再处理），但是这个接口是个非树形列表，那么就需要简单过滤下（一般前端组件其实也不会报错
    • 【前端组件化】系列第一篇——方案探究 sssgoEasy
      前端组件化系列文章第一篇：前端组件化方案探究背景公司目前基于多业务部门，很多业务组件和功能逻辑都具有较高的普适性，但与此同时各业务部分和开发人员缺乏一定的交流平台，更多的是在遇到对应需求时会简单内部讨论一番，当了解到其他业务部门存在落地的方案时，再进一步进行沟通交流。这种方式，总体来说还是比较原始的，无论从沟通方式的效率来说，还是对于组件业务逻辑的深入理解都是非常低效的。因此，对于探索一种高效的、
    • 轮子不用自己造，看看我之前的推荐7款免费开源、简单好用、强大的 Vue 插件库/组件 那些免费的砖 开源vue.js前端
      这是之前我分享的几款Vue.js生态里可以直接使用的插件和组件。一句话介绍：免费开源的大转盘/九宫格抽奖前端开发组件。lucky-canvas是一个基于Js+Canvas的抽奖web前端组件，提供大转盘和九宫格两种抽奖界面，UI精美，功能强大且专业可靠，只需要通过简单配置即可实现自由定制，快速完成产品需求。传送门：https://www.thosefree.com/lucky-canvas一句话介
    • [GN] 后端接口已经写好 初次布局前端需要的操作（例） GGood_Name 前端
      提示：前端项目一定要先引入组件配置。再编码！！！！文章目录使用vue-cli脚手架初始化前端工程化配置引入Vue前端组件库--arco前后端联调引入Md编辑器组件使用vue-cli脚手架初始化使用·安装脚手架工具：npminstall-g@vue/cli创建项目：vuecreatevue-project前端工程化配置脚手架已经帮我们配置了代码美化、自动校验、格式化插件等，无需再自行配置但是需要在w
    • JNPF低代码与其他低代码工具功能有什么不同？ 胖头鱼不吃鱼- 低代码JNPF应用开发前端框架
      分享一个面向研发人群使用的前后端分离的低代码软件——JNPF。JNPF与市面上其他的低代码（轻流、宜搭、微搭、简道云、轻流、活字格等等），后者更倾向于非编程人员使用，让业务线人员自行构建应用程序。而JNPF这款低代码产品是面向ToD研发人群使用的——很多个性的需求和逻辑，都可以通过写代码的方式完成。一、简单介绍下5块的功能1.前端组件拖拉拽式搭建JNPF提供了五十几种高频预制组件，包括表格、图表、
    • bootstrap file input java,Bootstrap fileinput组件封装及使用详解 weixin_39915204 bootstrapfileinputjava
      介绍通过本文，你可以学习到如何封装或者开发一个前端组件，同时学习Bootstrap-fileinput组件的使用，封装后使用更加简单方便。BaseFile是AdminEAP框架中基于Bootstrap-fileinput的附件上传组件，它支持支持多文件、在线预览、拖拽上传等功能，封装后BaseFile主要包括以下功能：弹出窗口的附件上传当前界面的附件上传显示附件明细可编辑的附件明细(删除、预览、不
    • 互联网摸鱼日报（2022-09-13） 史蒂芬周_jianshu
      互联网摸鱼日报（2022-09-13）InfoQ热门话题1.微服务的测试策略2.Crossplane支持的自定义资源数量突破了Kubernetes的限制3.Salesforce构建可扩展API的旅程4.Uber是怎么改进A/B测试实践的5.图数据库和知识图谱在微财风控系统中的探索和应用6.京东零售平台：前端组件资源共享与中心化管理实践7.数据库内核杂谈（二十四）-Hologres，支持Hybrid
    • 用 AI 生成 Vue 组件？ 骑着牛的奇兵 人工智能vue.js前端
      大家好我是奇兵，三个月前，Vercel推出了其AI代码生成工具——v0（v0.dev），这款工具可以快速生成前端组件代码，引起了前端圈的广泛关注。通过简单的描述，v0能够快速生成前端页面，让AI在前端开发领域的潜力更进一步展现出来，距离AI替代前端开发更近一步？在此之后，陆续出现了多个v0的替代品，下面就来分享两个好玩又好用的AI代码生成工具！vue0vue0是最近刚开源的一个AI工具，借助Ope
    • 前端组件库自定义主题切换探索-01-方案借鉴与思路参考 土豆片片 前端前端
      探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，我们的组件库基于ant-design-vue，而ant-design-vue并没有很好的支持主题动态切换（主题总体模式仅支持深色和浅色，其他颜色只支持主色切换，不支持其他颜色和属性动态定制）第四，我
    • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
      最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
    • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
      本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
    • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
      创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
    • 主管？？？ Array_06 工作
      转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
    • python内置函数大全 2002wmj python
      最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
    • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
      在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
    • Java基础 冰天百华 java基础
      学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
    • unix时间戳相互转换 adminjun 转换unix时间戳
      如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
    • 作为一个合格程序员该做的事 aijuans 程序员
      作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
    • 由html5视频播放引发的总结 ayaoxinchao html5视频video
      前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
    • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
           如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
    • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
      Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
    • 变与不变 bingyingao 不变变亲情永恒
      变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
    • 【Scala十】Scala核心四：集合框架之List bit1129 scala
      Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
    • Nested Functions in C bookjovi cclosure
        Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
    • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
              总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
    • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
    • After Effects操作&快捷键 cherishLC After Effects
      1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
    • Maven 常用命令 crabdave maven
      Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
    • shell bad substitution daizj shell脚本
      #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
    • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
      Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
    • CGridView中实现批量删除 dcj3sjt126com PHPyii
      1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
    • Java中泛型的各种使用 dyy_gusi java泛型
      Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
    • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
      回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
    • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
      来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
    • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
      首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
    • HSQLDB In-Process方式访问内存数据库 liyonghui160com
          HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
    • Java线程的5个使用技巧 pda158 java数据结构
      Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
    • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
      概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
    • 避免使用终结函数 vahoa.ma javajvmC++
      终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方