VIAE
VIAE

xlsx，react 上传excel、纯前端导出excel

excel文件导入，前端读取excel内容
这里我用到的插件是xlsx，
可以通过npm install xlsx安装，
也可以下载xlsx的文件包

页面渲染

return(
            

                导入
                     this.importf(e)} 
                    accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/> 
                 
                 this.downloadExl(excelTop)}>模板下载
                 
                
        )

导入excel，前端解析excel数据，转换为后端所需要的参数形式

import React,{Component} from 'react';
import XLSX from 'xlsx';
import qs from 'qs';

//导入
    importf = (obj,parm,parm1) =>{
        let list = [];
        let that = this;
        let wb;//读取完成的数据
        let rABS = false; //是否将文件读取为二进制字符串
        if(!obj.target.files) {
            return;
        }
        let f = obj.target.files[0];
        let reader = new FileReader();
        reader.onload = function(e) {
            let data = e.target.result;
            if(rABS) {
                wb = XLSX.read(btoa(this.fixdata(data)), {//手动转化
                    type: 'base64'
                });
            } else {
                wb = XLSX.read(data, {
                    type: 'binary'
                });
            }
            //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字
            //wb.Sheets[Sheet名]获取第一个Sheet的数据
            // document.getElementById("demo").innerHTML= JSON.stringify(  
            //XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
            let sheetInner = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
            let reqList=[];
              for(let i in sheetInner){
                let listObj = {
                    recordId: '',
                    visitorName: sheetInner[i]['姓名'],
                    IDNumber: sheetInner[i]['身份证号'],
                    Phone: sheetInner[i]['电话'],        
                }; 
                reqList.push(listObj);                     
              }
          if(reqList.length === sheetInner.length && reqList.length !== 0){
            axios.post(url , JSON.stringify(reqList), {
                headers: {
                    'Accept': 'application/json',
      　　　　    'Content-Type': 'application/json',
                }
              }).then(res => {
                  if(res.status === 200){
                    alert('上传成功');
                  //重新获取列表内容，得到最新的列表
                  }
              }).catch(err => {
                  console.log(err);
              })
            } 
            //判断excel表是否为空
            if(sheetInner.length === 0){
                alert('表单无数据,请先填写内容');
              return;
            }       
        };
        if(rABS) {
            reader.readAsArrayBuffer(f);
        } else {
            reader.readAsBinaryString(f);
        }
        obj.target.value ='';
    }
    fixdata(data) { //文件流转BinaryString
        var o = "",
         l = 0,
         w = 10240;
         for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
            o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
            return o;
     }

纯前端导出excel
          //导出excel
          downloadExl(json,type) {  
            let outFile = document.getElementById('downlink');
            let keyMap = [] // 获取键
            for (let k in json[0]) {
              keyMap.push(k)
            }
            let tmpdata = [] // 用来保存转换好的json
            json.map((v, i) => keyMap.map((k, j) => Object.assign({}, {
              v: v[k],
              position: (j > 25 ? this.getCharCol(j) : String.fromCharCode(65 + j)) + (i + 1)
            }))).reduce((prev, next) => prev.concat(next)).forEach(function (v) {
              tmpdata[v.position] = {
                v: v.v
              }
            })
            let outputPos = Object.keys(tmpdata)  // 设置区域,比如表格从A1到D10
            let tmpWB = {
              SheetNames: ['mySheet'], // 保存的表标题
              Sheets: {
                'mySheet': Object.assign({},
                  tmpdata, // 内容
                  {
                    '!ref': outputPos[0] + ':' + outputPos[outputPos.length - 1] // 设置填充区域
                  })
              }
            }
            let tmpDown = new Blob([this.s2ab(XLSX.write(tmpWB,
              {bookType: (type === undefined ? 'xlsx' : type), bookSST: false, type: 'binary'} // 这里的数据是用来定义导出的格式类型
            ))], {
              type: ''
            })  // 创建二进制对象写入转换好的字节流
            let href = URL.createObjectURL(tmpDown)  // 创建对象超链接
            outFile.download = '文件名.xlsx'  // 下载名称
            outFile.href = href  // 绑定a标签
            outFile.click()  // 模拟点击实现下载
            setTimeout(function () {  // 延时释放
              URL.revokeObjectURL(tmpDown) // 用URL.revokeObjectURL()来释放这个object URL
            }, 100)
          }
          s2ab(s){ // 字符串转字符流
            var buf = new ArrayBuffer(s.length)
            var view = new Uint8Array(buf)
            for (var i = 0; i !== s.length; ++i) {
              view[i] = s.charCodeAt(i) & 0xFF
            }
            return buf
          }


                    
                

        
你可能感兴趣的:(xlsx，react 上传excel、纯前端导出excel)

        

            

                
    
                    
  • WinSCP使用普通用户登录切换到root用户的方法
                        程序员阿明
githublinux
                        
    使用Oracle的服务器时，发现服务器禁用了root账号登录，只能使用他指定的普通用户登录ssh。我在使用sftp登录上传文件时，因为普通用户权限不够，不能创建文件，非常不方便，这给管理服务器带来诸多不便。其实在我们使用winscp时，可以切换到root用户，这样就有权限进行操作了。具体方法如下：先登录ssh，执行以下使命令用来查看sftp-server执行文件目录：cat/etc/ssh/ssh
    
                    
    • 
                    
  • linux 批量删除指定类型文件
                        鸭梨山大哎
linuxlinux运维服务器
                        
    如果使用rm*.xlsx时仍然提示确认，可能是因为你的系统默认启用了rm的交互模式（-i选项）。这是某些Linux发行版的默认行为（例如通过alias设置了rm为rm-i）。要避免确认提示，可以通过以下方法解决：方法1：强制删除（使用-f选项）使用rm-f强制删除文件，忽略确认提示：rm-f*.xlsx方法2：检查并移除rm的别名检查rm是否被设置了别名（例如rm-i）：aliasrm如果输出类似
    
                    
    • 
                    
  • 【FAQ】HarmonyOS SDK 闭源开放能力 —Push Kit（10）
                        

                        
    1.问题描述：离线推送，锁屏的时候没有弹出消息，只有下拉在通知中心里面显示。请问是否是正常的？解决方案：检查一下是否存在图片风控：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...2.问题描述：1.请问纯鸿蒙系统的远程推送，自分配如何配置？2、纯鸿蒙系统的远程推送，有没有高透传？3、Android华为推送如果切到鸿蒙推送
    
                    
    • 
                    
  • Claude 3.7 Sonnet 根据UI设计稿生成前端html页面
                        徐同保
前端uihtml
                        
    UI设计稿：提示词：你是一个前端代码工程师，根据UI设计稿，编写对应html页面，样式写在标签里，类名都以"m-"开头AI回答的结果：根据提供的UI设计稿，我将编写对应的HTML页面，所有类名都以"m-"开头，样式写在标签里。```html账单明细/*重置样式*/*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-
    
                    
    • 
                    
  • APP怎么抓取原生日志 - Android篇
                        大汉堡玩测试
android功能测试
                        
    文章目录前言为什么要抓原生页面的日志举一个抓取原生日志的例子AndroidDebugBridge(ADB)安装ADB连接设备验证连接抓取日志注意点总结前言好困~写点我觉得重要的吧，IOS和HarmonyOSNEXT这周写为什么要抓原生页面的日志原生日志能够捕捉到与操作系统和应用框架交互的关键信息，包括性能瓶颈、崩溃报告和安全事件等，而这些是纯H5日志无法提供的，确保了对应用行为的全面监控和精准调试
    
                    
    • 
                    
  • 前端解决跨域的几种方案
                        爱分享的程序员
前端前端
                        
    以下是前端解决跨域问题的7种主流方案，根据应用场景和实现难度排序，附详细实现示例：一、开发环境解决方案1.WebpackDevServer代理（推荐）//vue.config.js/webpack.config.jsmodule.exports={devServer:{proxy:{'/api':{target:'http://backend-domain.com',//后端地址changeOri
    
                    
    • 
                    
  • react 技术栈请问该如何优化 DOM 大小
                        混血哲谈
react.js前端前端框架
                        
    针对React应用中DOM大小过大的问题，以下是详细的优化方案和具体操作步骤，帮助你提升Lighthouse性能评分和用户体验：一、问题根源分析DOM大小过大（如超过1500个节点或深度超过32层）会导致：渲染性能下降：浏览器解析和渲染DOM的时间增加。内存占用过高：大量DOM节点占用更多内存，影响低端设备表现。交互延迟：事件监听器绑定过多节点时，响应变慢。常见原因：未优化的列表渲染（如长列表一次
    
                    
    • 
                    
  • webpack的SplitChunksPlugin和在路由或组件级别进行拆分
                        混血哲谈
webpack前端node.js
                        
    请问下面内容中提到的SplitChunksPlugin和“在路由或组件级别进行拆分是一种更简单的方法，可用于延迟加载应用的不同部分”在前端项目中如何应用？“”“在大型应用中，延迟加载第三方依赖项并不是常见的模式。通常，第三方依赖项会拆分为单独的供应商软件包，因为它们的更新频率较低，因此可以缓存。您可以详细了解SplitChunksPlugin如何帮助您实现这一点。使用客户端框架时，在路由或组件级别
    
                    
    • 
                    
  • 2020 年 9 月大学英语四级考试真题（第 1 套）——纯享题目版
                        fo安方
英语—四级CET4四级英语学习
                        
    个人主页：fo安方的博客✨个人简历：大家好，我是fo安方，目前中南大学MBA在读，也考取过HCIECloudComputing、CCIESecurity、PMP、CISP、RHCE、CCNPRS、PEST3等证书。兴趣爱好：b站天天刷，题目常常看，运动偶尔做，学习需劳心，寻觅些乐趣。欢迎大家：这里是CSDN，是我记录我的日常学习，偶尔生活的地方，喜欢的话请一键三连，有问题请评论区讨论。导读页：这是
    
                    
    • 
                    
  • 【Linux】Linux下调试器gdb的使用
                        安 度 因
Linuxlinux运维服务器测试工具调试
                        
    作者主页：@安度因学习社区：StackFrame专栏链接：Linux文章目录一、前言二、铺垫三、指令集和使用1、指令集2、演示四、结语如果无聊的话，就来逛逛我的博客栈吧!一、前言前几篇Linux博客中，我们分别学习了与编辑、编译、自动化构建代码、上传代码的工具。而今天，我们将学习最后一个工具——Linux下的调试器gdb
    
                    
    • 
                    
  • JavaScript 中的性能优化：从基础到高级技巧
                        lina_mua
深入javascript性能优化开发语言
                        
    1.引言1.1性能优化的重要性在现代前端开发中，性能优化是提升用户体验的关键。无论是页面加载速度、交互响应时间，还是内存占用，性能优化都能显著提升应用的流畅度和用户满意度。1.2本文的目标本文旨在深入探讨JavaScript中的性能优化，从基础到高级技巧，帮助开发者理解性能优化的核心概念，并掌握其在实际开发中的应用。2.性能优化的基础2.1什么是性能优化？性能优化是指通过改进代码、减少资源消耗、优
    
                    
    • 
                    
  • 论云原生架构及其应用
                        桃花键神
云原生架构
                        
    摘要：2021年7月，我所在的公司承担了广东省某医院的网上预约挂号项目的开发工作，我有幸作为系统架构师参与整个系统的开发过程，并负责了系统架构设计工作。该系统以预约挂号为主线，其中包括管理平台审核、确认挂号、订单支付、更新预约状态等业务模块。本文以网上预约挂号项目为例，详细论述了云原生架构在该项目中的具体应用。系统以SpringCloud微服务框架开发，分为前端Web服务、平台保障服务、业务服务三
    
                    
    • 
                    
  • Pollinations AI文生图html源码
                        酷爱码
htmlHTML
                        
    源码介绍用deepseek辅助制作了一个电脑端文生图小程序，html语言的，接口使用的是Pollinations，上传服务器访问首页即可一次生成4张，提示词最好用英文，点击小图可以预览大图，也可以点击下载按钮直接下载截图预览源码免费获取PollinationsAI文生图html源码
    
                    
    • 
                    
  • useSyncExternalStore 的应用
                        
前端
                        
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：修能学而不思则罔，思而不学则殆。---《论语·为政》WhatuseSyncExternalStoreisaReactHookthatletsyousubscribetoanexternalstore.useSyncExternalStore是一个支持让用户订阅外部
    
                    
    • 
                    
  • 从 0 到 1 搭建一个 Web 应用项目：详细步骤与踩坑记录
                        算法探索者
前端
                        
    一、引言在当今数字化时代，Web应用无处不在。对于开发者而言，掌握从0到1搭建Web应用项目的技能至关重要。本指南将带你逐步完成一个简单Web应用项目的搭建，分享技术选型思路以及在过程中遇到的问题和解决方案，助力你开启Web开发之旅。二、技术选型（一）前端框架：选择React.js。它具有高效的虚拟DOM机制，能够快速更新页面，提升用户体验。同时，React生态系统丰富，有大量现成的组件库和工具可
    
                    
    • 
                    
  • 浏览器工作原理深度解析（阶段一）：从 URL 到页面渲染的完整流程
                        码农的时光故事
javascript前端
                        
    一、浏览器工作流程概述作为前端开发者，我们每天都在与浏览器打交道，但多数人对其内部工作机制却知之甚少。实际上，浏览器的核心功能就是将用户输入的URL转换为可视化的网页。这一过程大致分为六个关键步骤：网络请求：通过HTTP/HTTPS协议获取页面资源构建DOM树：解析HTML代码生成文档对象模型样式计算：解析CSS规则并应用到对应元素布局渲染：计算元素位置和尺寸生成渲染树合成优化：将渲染层合并为位图
    
                    
    • 
                    
  • Git——如何上传本地文件到自己的github仓库
                        Bruce_Ling
githubc++算法gitwindowsvscode
                        
    目录简介前言1、Windows下ping通github.com2、安装Git2.1配置Git2.2检查Git3、上传本地文件到远程仓库3.1创建github仓库总结简介本博文介绍了如何将本地的项目文件推送到自己远程的github仓库。前言因为程序是在ubuntu系统里面跑的，一开始是想在Ubuntu系统里面将文件上传到github仓库，通过修改hosts文件里面的github的ip地址，偶尔能在浏
    
                    
    • 
                    
  • Debian简单配置FTP
                        晚安说了吗
debianlinux服务器
                        
    Debian简单配置FTP服务器1、安装ftpaptinstallftpvsftpd2、创建ftp共享路径mkdir/ftp#创建路径chmod777/ftp#给予权限3、修改配置文件vi/etc/vsftpd.conf：listen=YES#监听ipv4端口listen_ipv6=NO#关闭监听ipv6anonymous_enable=NO#禁止匿名登录write_enable=YES#允许上传
    
                    
    • 
                    
  • python的离线安装包下载
                        Lake说科技
python服务器linux开发语言运维
                        
    Python,安装相关视频讲解：python的or运算赋值用法用python编程Excel有没有用处？011_编程到底好玩在哪？查看python文件_输出py文件_cat_运行python文件_shel如何实现Python的离线安装包下载一、流程：步骤说明1确定需要下载的Python安装包版本2下载对应版本的离线安装包3将下载好的安装包传输至目标机器4在目标机器上进行安装二、具体步骤及代码：步骤1
    
                    
    • 
                    
  • Mac上传本地项目文件夹到远程Github个人仓库的方法及常见报错处理
                        Uzw
GitMacgitgithubmac
                        
    最近写NER模型的同时学习参悟了一个开源的项目，做了一些Comments改了点分词规则，打算上传到个人Github仓库，上一次本地上传还是用Windows系统，换了Mac发现有一些规则不能用了，好久不用Git都忘光了…上传过程中报错无数，在此一并总结啦！文章目录Prerequisite上传本地文件夹到Github步骤报错问题描述及解决方法1.You‘veaddedanothergitreposit
    
                    
    • 
                    
  • Debian11 搭建FTP服务器(vsftpd)
                        swipathefox
服务器linux运维
                        
    tableofcontentsvsftpd安装与配置安装vsftpd开启vsftpd服务添加用户修改用户密码配置创建上传目录，修改权限重启vsftpd服务vsftpd安装与配置安装vsftpd使用命令$sudoaptinstallvsftpd开启vsftpd服务$sudosystemctlstartvsftpd$sudosystemctlenablevsftpd$sudosystemctlstat
    
                    
    • 
                    
  • Git上传本地文件到Github仓库
                        沈北漂
git操作学习记录gitgithub改行学it
                        
    Git上传本地文件到Github仓库首先，在GitHub上创建一个新的仓库或选择一个现有的仓库。在本地计算机上，进入要上传的文件夹。初始化Git仓库：gitinit添加要上传的文件夹到本地仓库中：gitadd.//全部文件gitadd//具体某个文件提交更改：gitcommit-m"描述提交的更改"将本地仓库与远程仓库进行关联：gitremoteaddorigin//url将本地分支推送到远程仓库
    
                    
    • 
                    
  • 解析：浏览器事件冒泡及事件捕获
                        C860
浏览器浏览器
                        
    今天的效率有点奇葩，说高吧，一个上午做了不少事。说低吧，因为一个分布式的算法花了我不少时间，终于有点头绪。估计明天会写一篇文章来讲述一下自己的看法。而今天，还是回到前端。今天来说说事件冒泡和事件捕获。首先肯定是概念：什么是事件冒泡？什么是事件捕获？简单地说，事件冒泡和事件捕获都是一种事件传递的机制。这种机制可以使事件在不同级的元素间传递。事件冒泡是从事件触发的源节点，向父节点传递，直到到达最顶节点
    
                    
    • 
                    
  • pear-admin-boot开发框架使用记录（三）
                        后青春期的诗go
经验分享javaspringbootspringlog4jmybatis
                        
    一、实现部门选择操作用于从组织架构里选择出部门的操作，如开发日志管理模块，创建人新增日志时可以通过选择框选择相应共享的部门。数据库表调整在数据表添加2个字段：sharedeptid共享部门idvarcharsharedeptname共享部门名称varchar前端html页面调整页面添加如下代码：共享部门前端JS调整添加如下代码：letdtree=layui.dtree;dtree.renderSe
    
                    
    • 
                    
  • LAMP环境搭建（基于Fedora系统）
                        后青春期的诗go
服务器操作系统实战资料服务器linux运维
                        
    一、环境说明操作系统Fedora-Server-x86-64-29LAMP集成安装包bitnami-lampstack-7.1.25-0-linux-x64-installer.run二、LAMP安装配置1.将bitnami-lampstack-7.1.25-0-linux-x64-installer.run上传至系统2.给与安装程序执行权限，chmodu+xbitnami-lampstack-7
    
                    
    • 
                    
  • 基于koajsAdmin+mongodb的后台管理快速开发框架安装运行记录
                        后青春期的诗go
经验分享mongodb数据库node.jsvue.jselementui
                        
    前置操作下载源码源码地址：https://gitee.com/zhoushuigui/koajs-admin安装mongodb数据库并连接安装yarnnpminstallyarn-g安装nodemonnpminstallnodemon-g前端运行安装依赖进入项目根目录，在命令行执行如下命令安装依赖：yarn--registry=https://registry.npmmirror.com启动服务y
    
                    
    • 
                    
  • Netty源码—2.Reactor线程模型一
                        东阳马生架构
Netty应用与源码NettyReactor线程模型
                        
    大纲1.关于NioEventLoop的问题整理2.理解Reactor线程模型主要分三部分3.NioEventLoop的创建4.NioEventLoop的启动1.关于NioEventLoop的问题整理一.默认下Netty服务端起多少线程及何时启动？答：默认是2倍CPU核数个线程。在调用EventExcutor的execute(task)方法时，会判断当前线程是否为Netty的Reactor线程，也就
    
                    
    • 
                    
  • 【微信小程序（云开发模式）变通实现DeepSeek支持语音】
                        技术与健康
微信小程序notepad++小程序
                        
    整体架构前端（微信小程序）：使用微信小程序云开发能力，实现录音功能。将录音文件上传到云存储。调用云函数进行语音识别和DeepSeek处理。界面模仿DeepSeek，支持文本编辑。后端（云函数+Node.js）：使用云函数调用腾讯云语音识别（ASR）服务。调用DeepSeekAPI处理文本。步骤1：初始化云开发环境在微信开发者工具中创建小程序项目，并开通云开发。在project.config.jso
    
                    
    • 
                    
  • react-11（自定义hook、useRef）
                        我只是想饮一杯奶茶
reactJavaScriptreact.jsjavascript前端typescript
                        
    自定义hook主要是我们利用已有的hook,实现hook的效果，并在其他地方引用。（感觉像是封装了一个方法）//定义constfetchHook=(url)=>{const[data,setData]=useState({})const[loading,setLoading]=useState('')useEffect(()=>{setLoading('loading')axios.get(url
    
                    
    • 
                    
  • react hook:useRef,forwardRef, useImperativeHandle父子通信
                        取啥好
reactreact.jsjavascript前端
                        
    使用场景:父组件调用子组件里的方法父组件：Father.tsximportReact,{useRef}from'react';importChildrenfrom'./children';import{Button,FormInstance}from'antd';interfaceCustomFormInstanceextendsFormInstance{reLoadPage:()=>void;}
    
                    
    • 
                                
  • TOMCAT在POST方法提交参数丢失问题
                                    357029540
javatomcatjsp
                                    
    摘自http://my.oschina.net/luckyi/blog/213209 
昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 
 
检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 
 
恢复较多数据后跟踪提交FORM DATA ，发现数
    
                                
    • 
                                
  • 在MyEclipse中增加JSP模板 删除-2008-08-18
                                    ljy325
jspxmlMyEclipse
                                    
    在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 
然后在 D:\Progr
    
                                
    • 
                                
  • JavaScript常用验证脚本总结
                                    eksliang
JavaScriptjavaScript表单验证
                                    
         转载请出自出处：http://eksliang.iteye.com/blog/2098985   
     下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! 
&nb
    
                                
    • 
                                
  • 微软BI（4）
                                    18289753290
微软BI SSIS
                                    
    1） 
Q:查看ssis里面某个控件输出的结果：  
A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 
这是我们在包里面定义的变量 
2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 
3) 
Q：ssis里面如果将多个数据源的数据插入目的端一
    
                                
    • 
                                
  • 定时对大数据量的表进行分表对数据备份
                                    酷的飞上天空
大数据量
                                    
    工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。 
  
分表工具：linux的shell + mysql自身提供的管理命令 
原理：使用一个和原表数据结构一样的表，替换原表。 
  
linux shell内容如下： 
=======================开始 
    
                                
    • 
                                
  • 本质的描述与因材施教
                                    永夜-极光
感想随笔
                                    
      
       不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。 
       我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解 
  
     &
    
                                
    • 
                                
  • 很迷茫。。。
                                    随便小屋
随笔
                                    
    小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。 
  
先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
    
                                
    • 
                                
  • 23种设计模式的意图和适用范围
                                    aijuans
设计模式
                                    
    Factory Method  意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。  　　适用性 当一个类不知道它所必须创建的对象的类的时候。  　　当一个类希望由它的子类来指定它所创建的对象的时候。  　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。  
Abstr
    
                                
    • 
                                
  • Java中的synchronized和volatile
                                    aoyouzi
javavolatilesynchronized
                                    
    说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
    
                                
    • 
                                
  • js数组的操作和this关键字
                                    百合不是茶
js数组操作this关键字
                                    
    js数组的操作; 
  
一:数组的创建: 
1、数组的创建

var array = new Array();　//创建一个数组

var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
    
                                
    • 
                                
  • 别人的阿里面试感悟
                                    bijian1013
面试分享工作感悟阿里面试
                                    
    原文如下：http://greemranqq.iteye.com/blog/2007170 
        一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！ 
   &nb
    
                                
    • 
                                
  • 淘宝的测试框架Itest
                                    Bill_chen
springmaven框架单元测试JUnit
                                    
    Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 
集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 
近期项目中用了下，有关itest的具体使用如下： 
1.在Maven中引入itest框架： 
<dependency> 
  <groupId>com.taobao.test</groupId&g
    
                                
    • 
                                
  • 【Java多线程二】多路条件解决生产者消费者问题
                                    bit1129
java多线程
                                    
    package com.tom;

import java.util.LinkedList;
import java.util.Queue;
import java.util.concurrent.ThreadLocalRandom;
import java.util.concurrent.locks.Condition;
import java.util.concurrent.loc
    
                                
    • 
                                
  • 汉字转拼音pinyin4j
                                    白糖_
pinyin4j
                                    
     以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码： 
  
  

import java.util.HashSet;
import java.util.Set;

import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin
    
                                
    • 
                                
  • org.hibernate.TransactionException: JDBC begin failed解决方案
                                    bozch
ssh数据库异常DBCP
                                    
    org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
    
                                
    • 
                                
  • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合
                                    bylijinnan
java
                                    
    
import java.util.ArrayList;
import java.util.Arrays;
import java.util.HashMap;
import java.util.HashSet;
import java.util.Iterator;
import java.util.List;
import java.util.Map;
import java.ut
    
                                
    • 
                                
  • Java PrintWriter打印乱码
                                    chenbowen00
java
                                    
    一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 
读文件： 
BufferedReader 
从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 
 
可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 
 
通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
    
                                
    • 
                                
  • [天气与气候]极端气候环境
                                    comsci
环境
                                    
     
 
      如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵...... 
 
 
     那么地球上的国家应该做什么样的防备工作呢? 
 
 
 &n
    
                                
    • 
                                
  • oracle order by与union一起使用的用法
                                    daizj
UNIONoracleorder by
                                    
    当使用union操作时，排序语句必须放在最后面才正确，如下： 
 
 
只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 
如果unoin的几个子查询列名不同，如 
Sql代码  
select supplier_id, supplier_name  
from suppliers  
UNI
    
                                
    • 
                                
  • zeus持久层读写分离单元测试
                                    deng520159
单元测试
                                    
    本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 
1.ZeusMasterSlaveTest.java 
package com.dengliang.zeus.webdemo.test;

import java.util.ArrayList;
import java.util.List;

import org.junit.Assert;
import org.j
    
                                
    • 
                                
  • Yii 截取字符串(UTF-8) 使用组件
                                    dcj3sjt126com
yii
                                    
    1.将Helper.php放进protected\components文件夹下。 
2.调用方法： 
  Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  
&n
    
                                
    • 
                                
  • 安装memcache及php扩展
                                    dcj3sjt126com
PHP
                                    
    安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
    
                                
    • 
                                
  • JsonObject 处理日期
                                    feifeilinlin521
javajsonJsonOjbectJsonArrayJSONException
                                    
        写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码 
 &n
    
                                
    • 
                                
  • Ehcache（06）——监听器
                                    234390216
监听器listenerehcache
                                    
    监听器 
  
       Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。 
 
    
                                
    • 
                                
  • activiti 自带设计器中chrome 34版本不能打开bug的解决
                                    jackyrong
Activiti
                                    
      在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 
经证实为bug，参考 
http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 
 
修改为，找到 
oryx.debug.js 
 
在最头部增加 
 

if (!Document.
    
                                
    • 
                                
  • 微信收货地址共享接口-终极解决
                                    laotu5i0
微信开发
                                    
       最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。 
   如果你能搜到本贴，说明你已经碰到了各种 ed
    
                                
    • 
                                
  • 关于人才
                                    netkiller.github.com
工作面试招聘netkiller人才
                                    
    关于人才 
每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 
总结就是“盲目推荐，以量取胜”。  
目前现状 
许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 
企业招聘，通常是需要用人的部门提出招聘条件，由人
    
                                
    • 
                                
  • 搭建 CentOS 6 服务器 - 目录
                                    rensanning
centos
                                    
    (1) 安装CentOS 
ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 
详细内容 
 
 
(2) Linux常用命令 
cd、ls、rm、chmod...... 
详细内容 
 
 
(3) 初始环境设置 
用户管理、网络设置、安全设置...... 
详细内容 
 
 
(4) 常驻服务Daemon
    
                                
    • 
                                
  • 【求助】mongoDB无法更新主键
                                    toknowme
mongodb
                                    
           Query query = new Query();            query.addCriteria(new Criteria("_id").is(o.getId()));                    &n
    
                                
    • 
                                
  • jquery 页面滚动到底部自动加载插件集合
                                    xp9802
jquery
                                    
    很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 
1. jQuery ScrollPagination 
jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 
2. jQuery Screw 
S
    
                                
    •