cstopery
cstopery

2014阿里巴巴WEB前端实习生在线笔试题

2014年3月31日晚，我怀着略微忐忑的心情（第一次在线笔试^_^!!）进行了笔试，阿里巴巴的笔试题共有10道，几乎包含了Web前端开发的各个方面，有程序题、有叙述题，时间非常紧张，只完成了大概6道题。下面把遇到的题目跟大家分享一下！

1、

  
      
      
          
      
  
      
        
  
            
  
                我是 outer 里面的字  
            
  
            
  
                
  
                    我是 inner 里面的字  
                
  
            
  
        
  
      
  
 
  
 
  
 
  
 
  
 
  
 问：为什么以上两个
 标签中的文字颜色都是橙色的？
 
  
 这里涉及到了CSS中的层叠和特殊性问题，首先按照上下顺序，第一个
元素它的样式很明显是由div.outer p 定义的，所以是橙色。第二个
元素的样式是由样式表中的两个样式同时定义，而且同样是color样式。根据《CSS权威指南》中的介绍，当CSS样式发生层叠时，要通过层叠规则来安排最终元素匹配的样式。CSS2.1的层叠规则中的规定，在没有!important标志时，要按照特殊性排序，如果还不能比较完，就后面覆盖前面。可以参考：CSS层叠规则
 
  
 2、请实现一个Event类，继承自此类的对象都会拥有两个方法on和trigger，类声明如下，请写出完整代码：
 
  
 
 
  
 
   
 
    
 
     [javascript]  view plain copy   
     
 
     
 
    
 
   
 
   
     
    
  1.  function Event() {}  
    2.  
    
  2.  Event.prototype.on = function(eventName, callback) {  
    3.  
    
  3.  //注册事件监听  
    4.  
    
  4.  }  
    5.  
    
  5.  Event.prototype.trigger = function(eventName, data) {  
    6.  
    
  6.  //触发事件  
    7.  
    
  7.  }  
    8.  
   
 
  
 
  
3、
 
  
 要求实现一个多行文本输入框，固定宽度。可根据用户输入的内容多少进行高度自适应变化。如，用户输入了1行文字，则输入框显示为1行，而有2行文字，就显示2行。如微博的评论回复。
 
  
 
 
  
 
   
 
    
 
     [javascript]  view plain copy   
     
 
     
 
    
 
   
 
   
     
    
  1.    
    2.  
    
  2.    
    3.  
    
  3.    
    4.  
    
  4.    
    5.  
    
  5.      文本框换行  
    6.  
    
  6.      "utf-8">  
    7.  
    
  7.        
    8.  
    
  8.    
    9.  
    
  9.        
    10.  
    
  10.    
    11.  
    
  11.    
    12.  
    
  12.    
    13.  
    
  13.      "o" class="txt">来呀，来编辑我呀～  
    14.  
    
  14.    
    15.  
    
  15.    
    16.  
    
  16.    
    17.  
   
 
  
 
  
 
  
 
 
  
 4、
 
  
 编写一个JavasSript函数，给定一个DOM节点node和一个正整数n,返回node的所有第n代后代节点（直接子节点为第1代）
 
  
 
 
  
 
   
 
    
 
     [javascript]  view plain copy   
     
 
     
 
    
 
   
 
   
     
    
  1.  function getDescendants(node, n) {  
    2.  
    
  2.  // return an Array  
    3.  
    
  3.  }  
    4.  
   
 
  
 
  
 
 
  
 
 
  
 
   
 
    
 
     [javascript]  view plain copy   
     
 
     
 
    
 
   
 
   
     
    
  1.  "text/javascript" >  
    2.  
    
  2.      function getDescendants(node, n) {   
    3.  
    
  3.          //node, n  
    4.  
    
  4.          var childArr = [];  
    5.  
    
  5.          var len,tempArr,childNodelist;                
    6.  
    
  6.          childArr.push(node);  
    7.  
    
  7.    
    8.  
    
  8.          for(var i = 0; i
    9.  
    
  9.              len = childArr.length;  
    10.  
    
  10.              tempArr = [];  
    11.  
    
  11.              for(var j = 0;j
    12.  
    
  12.                  childNodeList = makeArray(childArr[j].childNodes);  
    13.  
    
  13.                  tempArr = tempArr.concat(childNodeList);  
    14.  
    
  14.              }  
    15.  
    
  15.              childArr = tempArr;  
    16.  
    
  16.          }  
    17.  
    
  17.          return childArr;  
    18.  
    
  18.      }  
    19.  
    
  19.      var makeArray = function(obj){  
    20.  
    
  20.          return Array.prototype.slice.call(obj,0);  
    21.  
    
  21.      }  
    22.  
    
  22.      var result = getDescendants(document.getElementById("content"),2);  
    23.  
    
  23.      alert(result);  
    24.  
    
  24.    
    25.  
   
 
  
 
  
 
  
 5、有2个int型已经去重的数组a和b，都是已经从小到大排序好的。要求遍历b数组的数字，如果这个数字出现在a中，就将其从a删去；反之将其插入到a的适当位置，使a保持排序状态。
 
  
 
 
  
 
   
 
    
 
     [javascript]  view plain copy   
     
 
     
 
    
 
   
 
   
     
    
  1.  "text/javascript" charset="utf-8">  
    2.  
    
  2.  //有2个int型已经去重的数组a和b，都是已经从小到大排序好的。要求遍历b数组的数字，  
    3.  
    
  3.  //如果这个数字出现在a中，就将其从a删去；反之将其插入到a的适当位置，使a保持排序状态。  
    4.  
    
  4.  var mySort = {};  
    5.  
    
  5.    
    6.  
    
  6.  mySort.sortArr = function(a, b) {  
    7.  
    
  7.      var pos = 0;  
    8.  
    
  8.      for (var i = 0; i < b.length; i++) {  
    9.  
    
  9.          pos = mySort.checkRepeat(a, b[i],pos);  
    10.  
    
  10.      }  
    11.  
    
  11.  }  
    12.  
    
  12.    
    13.  
    
  13.  mySort.checkRepeat = function(a, v, pos) {  
    14.  
    
  14.      var isChanged = false;                
    15.  
    
  15.      if (a != null && a != undefined && a.length > 0) {      
    16.  
    
  16.          for (var j = pos; j < a.length; j++) {  
    17.  
    
  17.              if (a[j] == v) {  
    18.  
    
  18.                  a.splice(j, 1);   
    19.  
    
  19.                  break;  
    20.  
    
  20.              } else if (a[j] > v) {  
    21.  
    
  21.                  a.splice(j, 0, v);  
    22.  
    
  22.                  break;  
    23.  
    
  23.              }   
    24.  
    
  24.          }     
    25.  
    
  25.          if(j == a.length){  
    26.  
    
  26.              a.push(v);  
    27.  
    
  27.          }         
    28.  
    
  28.          return j;  
    29.  
    
  29.      }     
    30.  
    
  30.    
    31.  
    
  31.  }  
    32.  
    
  32.    
    33.  
    
  33.  var a = [2,7,12,25,36,64];  
    34.  
    
  34.  var b = [2,3,9,32,36,56,87];  
    35.  
    
  35.    
    36.  
    
  36.  document.write("合并前数组a为："+a.toString()+"
    "    );  
    37.  
    
  37.  document.write("合并前数组b为："+b.toString()+"
    "    );  
    38.  
    
  38.    
    39.  
    
  39.  mySort.sortArr(a,b);  
    40.  
    
  40.    
    41.  
    
  41.  document.write("合并后数组a为："+a.toString());  
    42.  
   
 
  
 
  //结果是: 
  
 
 
  
 合并前数组a为：2,7,12,25,36,64
 合并前数组b为：2,3,9,32,36,56,87
 合并后数组a为：3,7,9,12,25,32,56,64,87
 
  
 
 
  
 6、请描述一下从用户输入网址开始，到网页最后呈现出来的全过程，越详细越好，包括各种事件等。
 
  
 7、8、请评价以下代码并给出改进意见。
 
  
if (window.addEventListener) {  
    var addListener = function (el, type, listener, useCapture) {  
        el.addEventListener(type, listener, useCapture);  
    };  
} else if (document.all) {  
    addListener = function (el, type, listener) {  
        el.attachEvent("on" + type,  
            function () {  
                listener.apply(el);  
            });  
    };  
}  
 
  
 
  
 
  
 问：1、为什么最终小狗叫了200声汪？请详细说明为什么。2、修改代码setTimeout部分代码，实现每隔1秒调用i（从1到10递增）次dog()。
 
  
 1、第一题重点在于函数作用域的问题。
 
  
 2、 修改后的setTimeout函数是
 
  
 
 
  
 
   
 
    [javascript]  view plain copy   
    
 
    
 
   
 
  
 
  
     
   
  1.  for (var i = 0; i < 10; i++) {  
    2.  
   
  2.      (function(a) {  
    3.  
   
  3.          setTimeout(function() {  
    4.  
   
  4.              for (var j = 1; j <= a; j++) {  
    5.  
   
  5.                  document.write(dog()+" "+a+"
    "    );  
    6.  
   
  6.              }  
    7.  
   
  7.          }, 1000);  
    8.  
   
  8.      })(i+1);  
    9.  
   
  9.  }  
    10.  
  
 
  
 
  
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

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

        

            

                
    
                    
  • Sass (Scss) 与 Less 的区别与选择
                        智能编织者
sassscssless
                        
    Sass与Less的区别与选择1.语法差异2.特性与支持3.兼容性4.选择建议在前端开发中，CSS预处理器如Sass（SyntacticallyAwesomeStylesheets）和Less被广泛使用，它们通过引入变量、嵌套规则、混合、函数等特性，使CSS的开发过程更加高效和灵活。Sass和Less作为两大主流CSS预处理器，各自具有独特的优点和特性。本文将详细探讨Sass（特别是其语法扩展Sc
    
                    
    • 
                    
  • React 和 Vue _使用区别
                        开心小老虎
react知识点+组件vue3知识点+组件前端知识点vue.jsreact.js前端
                        
    目录一、框架介绍1.Vue2.React二、框架结构1.创建应用2.框架结构三、使用区别1.单页面组成2.样式3.显示响应式数据4.响应式html标签属性5.控制元素显隐6.条件渲染7.渲染列表react和vue是目前前端比较流行的两大框架，前端程序员应该将两种框架都掌握，本文总结一些基本知识点的使用区别。一、框架介绍1.VueVue是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。
    
                    
    • 
                    
  • Vue3 + TypeScript 实战经验：2025年高效开发指南
                        ctrl_cv工程师￥
typescriptjavascript前端
                        
    在2024年的前端工程化浪潮中，Vue3与TypeScript已成为企业级应用的黄金组合。本文将基于多个真实项目经验，从工程规范、类型安全、性能优化三个维度，分享实战技巧与避坑指南。一、工程配置：构建坚如磐石的基础1.脚手架选择与优化1.1推荐方案：使用Vite+create-vue初始化项目（2024年默认模板已集成TypeScript）关键配置：//vite.config.tsexportde
    
                    
    • 
                    
  • 工程化与框架系列（32）--前端测试实践指南
                        一进制ᅟᅠ        ‌‍‎‏ 
前端工程化与框架前端
                        
    前端测试实践指南引言前端测试是保证应用质量的重要环节。本文将深入探讨前端测试的各个方面，包括单元测试、集成测试、端到端测试等，并提供实用的测试工具和最佳实践。测试概述前端测试主要包括以下类型：单元测试：测试独立组件和函数集成测试：测试多个组件的交互端到端测试：模拟用户行为的完整测试性能测试：测试应用性能指标快照测试：UI组件的视觉回归测试测试工具实现测试运行器//测试运行器类classTestRu
    
                    
    • 
                    
  • SEO 优化
                        前端岳大宝
前端核心知识总结前端html
                        
    以下是SEO（搜索引擎优化）的基础知识点梳理，从前端技术、内容策略到搜索引擎原理，覆盖核心优化方向：一、SEO基础概念定义与目标SEO是通过优化网站结构、内容和技术，提升网站在搜索引擎自然搜索结果中的排名，吸引更多免费流量。核心目标：满足用户搜索意图，同时符合搜索引擎爬虫的抓取规则。搜索引擎工作原理爬取（Crawling）：搜索引擎蜘蛛（如Googlebot）抓取网页内容。索引（Indexing）
    
                    
    • 
                    
  • 代练系统源码小程序如何助力游戏代练行业数字化转型？
                        
mysqlvue.jsphp
                        
    在电子竞技日益成为全球性娱乐和文化现象的今天，游戏代练服务作为连接高水平玩家与普通玩家的桥梁，其市场需求迅速增长。为满足这一需求，多客代练系统应运而生，它不仅简化了代练服务的匹配流程，还通过智能化管理提升了服务质量和用户体验。本文将深入探讨多客代练系统的核心优势、用户价值以及它如何塑造游戏竞技行业的未来。源码获取地址！！！！请点击！！！！前端框架主要负责用户界面的展示和交互。多客代练系统采用：un
    
                    
    • 
                    
  • 前端笔试高频算法题及JavaScript实现
                        GISer_Jinger
前端算法javascript
                        
    以下是前端笔试常见的编程算法题及JavaScript代码现，结合最新面试题整理：一、数组/字符串处理两数之和找出数组中两数之和等于目标值的索引consttwoSum=(nums,target)=>{constmap=newMap();for(leti=0;i{letmap=newMap(),max=0,left=0;for(letright=0;right[...newSet(arr.flat(I
    
                    
    • 
                    
  • 工程化与框架系列（31）--前端依赖管理实践
                        一进制ᅟᅠ        ‌‍‎‏ 
前端工程化与框架前端
                        
    前端依赖管理实践引言前端依赖管理是现代Web开发中的重要环节。本文将深入探讨前端依赖管理的最佳实践，包括包管理工具、版本控制、依赖分析和优化等方面，帮助开发者更好地管理项目依赖。依赖管理概述前端依赖管理主要包括以下方面：包管理工具：npm、yarn、pnpm等版本控制：语义化版本、锁文件等依赖分析：依赖树、循环依赖等依赖优化：体积优化、重复依赖等安全管理：漏洞检测、更新维护等依赖管理工具实现依赖分
    
                    
    • 
                    
  • Vue.js 3 的设计思路：从声明式UI到高效渲染机制
                        前端 贾公子
vue.jsuiflutter
                        
    目录一、声明式UI与虚拟DOM的灵活性二、渲染器：虚拟DOM到真实DOM的桥梁三、组件的本质与实现四、编译与运行时的协同优化五、性能与可维护性的权衡总结Vue.js3作为新一代前端框架，其设计理念在声明式UI描述、虚拟DOM优化、组件化架构以及编译与运行时协作等方面实现了显著突破。本文将从多个角度深入探讨其设计思路。一、声明式UI与虚拟DOM的灵活性Vue.js3的核心特性之一是声明式UI描述，开
    
                    
    • 
                    
  • 前端发布缓存导致白屏解决方案
                        洛祁枫
web前端前端缓存
                        
    解决发布H5后因为本地缓存白屏方案一、核心配置优化（前提是访问网站的请求能抵达服务器）方案一：前端项目设置全局不缓存方案运行逻辑：在H5服务器配置中增加Cache-Control:no-cache或max-age=0响应头，禁用静态资源缓存‌；优点：能在服务器出口处最大可能地解决发布项目缓存问题缺点：用户在不同界面跳转都会重新加载界面信息，影响整个前端加载速度，高并发时容易造成带宽压力方案二：首页
    
                    
    • 
                    
  • Web 开发的“三件套”
                        zhangpeng455547940
Web开发reactnativereact.jsjavascript
                        
    HTML：定义内容结构。CSS：控制样式布局。JavaScript：实现动态行为和复杂逻辑。JavaScript应用场景前端开发：操作DOM、处理用户事件、实现动画等。后端开发：通过Node.js构建服务器端应用。跨平台开发：Electron（桌面应用）、ReactNative（移动端）等。
    
                    
    • 
                    
  • [CRMEB知识付费系统]移动端课程列表一级分类模式实现
                        道法自然|~
CRMEBvuehtml5css
                        
    写在前面最近在使用crmeb知识付费下系统的时候，发现默认是二级分类模式，但需求需要一级直接展示内容所以只能重构一下了,重构只改动了前端，非必要不去改动后端，会很麻烦.....目录写在前面实施准备代码结构与功能说明1.页面结构2.数据与状态管理3.核心方法解析3.1获取一级分类(getCateList)3.2获取二级分类(getSubject)3.3加载课程列表(getSpecialList)3.
    
                    
    • 
                    
  • 从零实现OSS阿里云图片上传：前端采用的vue3+element-plus，后端采用javaspingboot，实现上传图片到云，然后存储数据库链接能够回显的效果
                        绝顶少年
阿里云前端数据库
                        
    后端（JavaSpringBoot）1.添加依赖在pom.xml中添加必要的依赖，包括阿里云OSSSDK、SpringBootWeb、MyBatis-Plus等：org.springframework.bootspring-boot-starter-webcom.baomidoumybatis-plus-boot-starter3.4.3.4com.aliyun.ossaliyun-sdk-oss
    
                    
    • 
                    
  • 前端如何通过后端返回的文件流下载csv文件
                        陈正阳~
前端前端javascriptjson
                        
    前端如何通过后端返回的文件流下载csv文件有一个下载的csv,后端返回了文件流有一个下载的csv,后端返回了文件流exportfunctionexportCSV(data:exportCSVParams):any{returnaxios({url:`/export/exportCSV?tableName=${data.tableName}&dataBaseName=${data.dataBaseN
    
                    
    • 
                    
  • VNode
                        码农 小王
javascript
                        
    1.什么是VNode？VNode的全称是VirtualNode,也就是虚拟节点.它是指一个抽象的节点对象，用于描述真实DOM中的元素。在前端框架中，通过操作VNode来实现虚拟DOM，从而提高性能。2.VNode的本质本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述3.为什么需要VNode？在前端框架中，我们通常需要在页面中操作DOM元素，如增删改查等操作。但是DOM操作是
    
                    
    • 
                    
  • 前端及后端实现csv文件下载功能
                        绝顶少年
前端
                        
    方法一、前端内容：consturl=window.URL.createObjectURL(newBlob([res.data]));constlink=document.createElement('a');link.href=url;constfileNameDateTime=getFormattedDateTime();constfilename="用户提现列表"+fileNameDateTi
    
                    
    • 
                    
  • 前端面试：React hooks 调用是可以写在 if 语句里面吗？
                        returnShitBoy
前端react.jsjavascript
                        
    在React中，Hooks是一种新的特性，允许你在函数组件中使用状态（state）和其他React特性。非常重要的一点是，ReactHooks必须遵循特定的规则，以确保组件的行为一致。ReactHooks使用规则只能在函数组件中调用Hook：你只能在React的函数组件或自定义Hooks中调用Hook，而不能在普通JavaScript函数中调用它们。不能在条件语句中调用Hook：Hooks不能放在
    
                    
    • 
                    
  • 《react》前端面试题
                        微 光
面试题react.js前端javascript
                        
    说说你对reacthook的理解ReactHooks是React16.8版本引入的一种新的特性，它允许在不编写class的情况下使用state和其他React特性。我的理解主要集中在以下几个方面：函数组件的状态管理：Hooks提供了useState这样的钩子函数，使得我们可以在函数组件中使用状态（state），而不需要将组件转换为class组件。这简化了代码，并使组件的逻辑更易于理解和维护。副作用
    
                    
    • 
                    
  • HTML5拼图游戏开发经验分享
                        木木黄木木
html5前端html
                        
    HTML5拼图游戏开发经验分享这里写目录标题HTML5拼图游戏开发经验分享前言项目架构1.文件结构2.核心功能模块技术要点解析1.响应式布局2.图片处理3.拖拽交互4.动画效果性能优化开发心得项目亮点总结源码分享写在最后前言在Web前端开发领域，通过实战项目来提升编程技能是最有效的学习方式之一。今天我要分享一个HTML5拼图游戏的开发经验，这个项目涵盖了现代前端开发的多个重要概念，包括响应式设计、
    
                    
    • 
                    
  • nginx报错：the “ssl“ parameter requires ngx_http_ssl_module in usrlocalnginxconfnginx.conf128
                        m0_67391401
面试学习路线阿里巴巴android前端后端
                        
    前情回放：我一个前端被发配到客户那里当运维，我只想安安静静的敲代码怎么就这么难呢（我太难了。。。）。言归正传，遇到客户要求把http换成https，客户这边是生产环境。没有办法随便搞，只能把自己的域名换成https了，经过2天的努力啃骨头，终于搞定了，为了避免忘记，遇到了几个个问题，特此记录一下。准备工作：1一台服务器（我的是腾讯服务器），一个域名（我的是阿里申请的域名），服务器打开443端口（我
    
                    
    • 
                    
  • 前端小食堂 | Day16 - 前端监控の天眼通
                        喵爪排序
前端
                        
    ️今日天眼：错误追踪与性能透视1.错误监控の捕虫网//全局错误捕获window.addEventListener('error',(e)=>{sendToServer({type:'JS_ERROR',message:e.message,stack:e.error?.stack,filename:e.filename,lineno:e.lineno});});//️Promise未捕获异常wind
    
                    
    • 
                    
  • 【H2O2 | 软件开发】事件循环机制
                        过期的H2O2
【H2O2】全栈面试题前端javascript
                        
    目录前言开篇语准备工作正文概念流程事件队列类型示例结束语前言开篇语本系列为短篇，每次讲述少量知识点，无需一次性灌输太多的新知识点。该主题文章主要是围绕前端、全栈开发相关面试常见问题撰写的，希望对诸位有所帮助。准备工作概念篇，不对开发环境作要求。正文概念事件循环（EventLoop）是处理异步事件的一种机制，特别是在单线程环境中（如JavaScript在浏览器或Node.js中的运行）。它允许程序在
    
                    
    • 
                    
  • 【H2O2 | 软件开发】Axios发送Http请求
                        过期的H2O2
【H2O2】全栈面试题Vue3前端http交互Axios
                        
    目录前言开篇语准备工作正文概念封装工具包示例结束语前言开篇语本系列为短篇，每次讲述少量知识点，无需一次性灌输太多的新知识点。该主题文章主要是围绕前端、全栈开发相关面试常见问题撰写的，希望对诸位有所帮助。如果您需要为面试八股文做准备，笔者建议重点关注加粗强调部分，它们是概念中的关键词。准备工作软件：【参考版本】VisualStudioCode第三方js库（框架）：【参考版本】Vue3，Axios（v
    
                    
    • 
                    
  • 「手把手教学」Monorepo项目搭建与管理——实战案例
                        lifire_H
Monorepo实战前端
                        
    Monorepo项目搭建与管理文章目录Monorepo项目搭建与管理@[TOC]实战案例第一部分：Vue组件库搭建1.1创建Vue组件库子包1.2安装Vue相关依赖1.3创建组件示例1.4配置Vite构建实战案例第二部分：创建NestJS后端服务2.1创建NestJS子包2.2安装NestJS核心依赖2.3生成NestJS项目骨架2.4基础服务代码示例2.5配置跨域支持（为前端联调准备）实战案例第
    
                    
    • 
                    
  • Sass (Scss) 与 Less 的区别与选择
                        王强你强
sassscssless
                        
    在前端开发中，CSS预处理器如Sass（SyntacticallyAwesomeStylesheets）和Less被广泛使用，它们通过引入变量、嵌套规则、混合、函数等特性，使CSS的开发过程更加高效和灵活。Sass和Less作为两大主流CSS预处理器，各自具有独特的优点和特性。本文将详细探讨Sass（特别是其语法扩展Scss）与Less之间的区别，并提供选择建议。1.语法差异Sass最初是使用缩进
    
                    
    • 
                    
  • 工程化与框架系列（30）--前端日志系统实现
                        一进制ᅟᅠ        ‌‍‎‏ 
前端工程化与框架前端状态模式
                        
    前端日志系统实现引言前端日志系统是应用监控和问题诊断的重要工具。本文将深入探讨前端日志系统的设计与实现，包括日志收集、处理、存储和分析等方面，帮助开发者构建完整的前端日志解决方案。日志系统概述前端日志系统主要包括以下方面：日志收集：用户行为、性能指标、错误信息等日志处理：过滤、格式化、压缩等日志存储：本地存储、远程上传等日志分析：统计分析、可视化展示等实时监控：告警、通知等日志系统实现日志管理器/
    
                    
    • 
                    
  • 鸿蒙(HarmonyOS)应用开发实战——数据库版本升级案例
                        CTrup
移动开发鸿蒙开发HarmonyOSharmonyos数据库华为鸿蒙开发装饰器模式ArkUI前端
                        
    往期推文全新看点学鸿蒙开发的优劣势，你清楚吗？建议你了解一下！鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中…
    
                    
    • 
                    
  • react组件设计原则_前端组件设计原则
                        weixin_39825259
react组件设计原则
                        
    原标题：前端组件设计原则译者：@没有好名字了译文：https://github.com/lightningminers/article/issues/36，https://juejin.im/post/5c49cff56fb9a049bd42a90f作者：@AndrewDinihan原文：https://engineering.carsguide.com.au/front-end-componen
    
                    
    • 
                    
  • Vue3中使用exceljs和file-saver实现Excel导出（含图片导出）完整方案
                        叫我OldFe
excel
                        
    问题背景在Vue3项目中，当我们需要将包含图片的数据导出到Excel时，常用的sheetjs/xlsx库存在局限性：无法直接导出图片到单元格。本文将提供完整的解决方案，封装可直接复用的工具函数。解决方案技术选型使用exceljs+file-saver组合：exceljs：支持图片插入的Excel操作库file-saver：前端文件保存工具功能特性✅支持多图片列导出✅自动识别Base64和DataU
    
                    
    • 
                    
  • Redis- 秒杀场景
                        左灯右行的爱情
redis数据库缓存
                        
    秒杀什么是秒杀场景秒杀场景挑战有哪些高并发与性能挑战数据一致性挑战安全性挑战秒杀系统的架构设计前端策略服务层设计库存控制策略订单处理流程技术实现缓存设计与优化分布式锁与一致性保证消息队列应用安全防护措施什么是秒杀场景秒杀场景的本质是在极短时间内承受大量并发请求，同时保证有限商品的正确售卖。它具有三个核心特征：高并发（短时间内大量用户涌入）、资源有限（商品数量有限）和时效性强（活动在特定时间开始和结
    
                    
    • 
                                
  • Enum 枚举
                                    120153216
enum枚举
                                    
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 
于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： 
public static final int APPLE_FUJI = 0
    
                                
    • 
                                
  • Java8简明教程
                                    bijian1013
javajdk1.8
                                    
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  
一.允许在接口中有默认方法实现 
        Java 8 允许我们使用default关键字，为接口声明添
    
                                
    • 
                                
  • Oracle表维护 快速备份删除数据
                                    cuisuqiang
oracle索引快速备份删除
                                    
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 
当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 
为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 
为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
    
                                
    • 
                                
  • java多态内存分析
                                    麦田的设计者
java内存分析多态原理接口和抽象类
                                    
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。 
      但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
    
                                
    • 
                                
  • Xshell实现Windows上传文件到Linux主机
                                    被触发
windows
                                    
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 
我是怎么操作的： 
1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
    
                                
    • 
                                
  • 类的加载ClassLoader
                                    肆无忌惮_
ClassLoader
                                    
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。 
  
其中重要的方法为findClass(String name)。 
  
如何写一个自己的类加载器呢？ 
首先写一个便于测试的类Student
    
                                
    • 
                                
  • html5写的玫瑰花
                                    知了ing
html5
                                    
    <html>  
<head>  
<title>I Love You!</title>  
<meta charset="utf-8" />  
</head>  
<body>  
<canvas id="c"></canvas>  

    
                                
    • 
                                
  • google的ConcurrentLinkedHashmap源代码解析
                                    矮蛋蛋
LRU
                                    
    原文地址： 
http://janeky.iteye.com/blog/1534352 
简述 
ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 
 
ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 
 
http://code.google.com/p/concurrentlinke
    
                                
    • 
                                
  • webservice获取访问服务的ip地址
                                    alleni123
webservice
                                    
    1. 首先注入javax.xml.ws.WebServiceContext, 
@Resource 
 private WebServiceContext context; 
 
 
2. 在方法中获取交换请求的对象。 
 
 
javax.xml.ws.handler.MessageContext mc=context.getMessageContext();
com.sun.net.http
    
                                
    • 
                                
  • 菜鸟的java基础提升之道——————>是否值得拥有
                                    百合不是茶

                                    
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员 
  
  
 java组成：
    
                                
    • 
                                
  • 通过修改Linux服务自动启动指定应用程序
                                    bijian1013
linux
                                    
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下:  chkconfig

功能说明：检查，设置系统的各种服务。

语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
    
                                
    • 
                                
  • spring拦截器的一个简单实例
                                    bijian1013
javaspring拦截器Interceptor
                                    
    Purview接口 
package aop;

public interface Purview {
    void checkLogin();
} 
Purview接口的实现类PurviesImpl.java 
package aop;

public class PurviewImpl implements Purview {
	
    public void check
    
                                
    • 
                                
  • [Velocity二]自定义Velocity指令
                                    bit1129
velocity
                                    
    什么是Velocity指令 
在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令 
  自定义指令(Directive)的一般步骤 
&nbs
    
                                
    • 
                                
  • 【Hive十】Programming Hive学习笔记
                                    bit1129
programming
                                    
     第二章 Getting Started 
1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
    
                                
    • 
                                
  • nginx有选择性进行限制
                                    ronin47
nginx 动静　限制
                                    
    http {
    limit_conn_zone $binary_remote_addr zone=addr:10m;
    limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;...

    server {...
       location ~.*\.(gif|png|css|js|icon)$ {
   
    
                                
    • 
                                
  • java-4.-在二元树中找出和为某一值的所有路径 .
                                    bylijinnan
java
                                    
    
/*
	 * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it.
	 * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise

    
                                
    • 
                                
  • Netty学习笔记
                                    bylijinnan
javanetty
                                    
    本文是阅读以下两篇文章时： 
 
http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html 
 
http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 
我的一些笔记 
 
===
    
                                
    • 
                                
  • js获取项目路径
                                    cngolon
js
                                    
    //js获取项目根路径，如： http://localhost:8083/uimcardprj 
function getRootPath(){ 
    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp 
    var curWwwPath=window.document.locati
    
                                
    • 
                                
  • oracle 的性能优化
                                    cuishikuan
oracleSQL Server
                                    
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。 
    1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
    
                                
    • 
                                
  • Shell变量和数组使用详解
                                    daizj
linuxshell变量数组
                                    
    Shell 变量 
定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： 
your_name="w3cschool.cc" 
注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 
 
 首个字符必须为字母（a-z，A-Z）。 
 中间不能有空格，可以使用下划线（_）。 
 不能使用标点符号。 
 不能使用ba
    
                                
    • 
                                
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST
                                    dcj3sjt126com
REST
                                    
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
    
                                
    • 
                                
  • [Android]设置Activity为全屏显示的两种方法
                                    dcj3sjt126com
Activity
                                    
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
    
                                
    • 
                                
  • solrcloud 部署方式比较
                                    eksliang
solrCloud
                                    
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理 
  
谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
    
                                
    • 
                                
  • Java synchronized关键字详解
                                    gqdy365
synchronized
                                    
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 
 
多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 
同步机制可以使用synchronized关键字实现。 
当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 
当s
    
                                
    • 
                                
  • js实现登录时记住用户名
                                    hw1287789687
记住我记住密码cookie记住用户名记住账号
                                    
    在页面中如何获取cookie值呢? 
如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 
参考:http://hw1287789687.iteye.com/blog/2050040 
如果要求登录页面是html呢?html页面中如何获取cookie呢? 
直接上代码了 
页面:loginInput.html 
代码: 
<!DOCTYPE html PUB
    
                                
    • 
                                
  • 开发者必备的 Chrome 扩展
                                    justjavac
chrome
                                    
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench 
ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
    
                                
    • 
                                
  • 算法机试题
                                    李亚飞
java算法机试题
                                    
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。 
       这道题大致意思是：输入一个数，比如4,。这时会输出： 
          &n
    
                                
    • 
                                
  • 正确配置Linux系统ulimit值
                                    字符串
ulimit
                                    
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
    
                                
    • 
                                
  • hibernate调用返回游标的存储过程
                                    Supanccy2013
javaDAOoracleHibernatejdbc
                                    
    注：原创作品，转载请注明出处。 
 
 
    上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。 
    此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 
 
1，创建oracle中的包，并在该包中创建的游标类型。 
 
---创建oracle的程
    
                                
    • 
                                
  • Spring 4.2新特性-更简单的Application Event
                                    wiselyman
application
                                    
    1.1 Application Event 
 
  Spring 4.1的写法请参考10点睛Spring4.1-Application Event  
  请对比10点睛Spring4.1-Application Event  
  使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低;  
  
1.2 示例 
 
 包依赖 
  
<p
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他