习惯水文的前端苏
习惯水文的前端苏

手写mini-webpack

    之前我们已经基于webpack是实现了一个简易的cli工具，这一节更加深入一点，研究下打包工具本身又是个啥

目标

    写一个打包工具，能实现打包，支持热更新

理论基础

    浏览器对esm模块的原生支持

思路

    打包：将使用了不同的模块规范的代码处理成esm格式

    本地服务：启一个node服务，监听发出的路由请求并作转换处理

    热更新：建立一个soket连接，实时监听文件变更（chokidar），并发送到浏览器客户端，客户端接收到更新提示后reload页面

依赖

    esno  用于将代码转为esm格式

    minimist  用于解析命令行

    ws  用于建立websocket链接

    koa  用于启一个node服务

    chokidar  用于监听文件修改

打包

    提供配置文件su.config.json，默认的打包入口entry为''./index.js"，默认打包出口output为"./dist"，可以配置clean在打包前先清空dist文件

    读取启动命令参数，默认执行打包

    如果配置了clean为true，则将dist文件清空后再调用esbuild模块的build方法进行打包

本地开发环境

    理论基础：浏览器解析到script标签后会发起请求下载src对应的文件，link亦然

    目标：将cra初始化的项目首页跑起来

    将入口修改为target下的main.jsx，并新增dev属性，指定服务的端口

    新增if分支，执行dev文件，在该文件中处理本地服务器代码

    根据配置的端口启一个node服务，并监听服务下的根路径，将index.html文件返回客户端

（指定type=module后，引入的文件将被支持import语法）

    浏览器在解析html文件时，遇到script标签时，将会根据src地址拉取对应的文件，如下

    监听根目录下的请求并做处理

        处理jsx文件

            I-文件引入的有两种，一种是以'.'或'..'开头的从当前文件下引入，一种则是从node_modules中引入。对于前者是可控的，对于后者则不能保证一定是esm模块的文件，就比如react遵循的就是cjs

（我们先通过 esbuild 的 transformSync 方法将jsx转成js；接着替换引入路径，以 @ from_node_modules 作标识；最后将\替换成/，否则是不认识的）

            这一步完成后，打开浏览器，可以看的已经被替换

            II-监听@ from_node_modules路由，并对其对应的文件做打包处理后放置到.cache目录，并从中读取（来自node_modules的文件通常具有极高的稳定性）

（其实一开始我是使用的 transformSync ，并不生成.cache文件，但是这样转出来的结果对于代码中的require未被正确转换处理，找了一圈文档也没看出个所以然来）

                若我们的main.jsx如下

                则执行后target目录下会多出.cache目录，分别对应react和react-dom

            当浏览器解析到import时就会尝试去拉取代码这两个文件    

            此时页面将被正确渲染

        处理css文件

            I-不能像这样返回

        II-我们指定，当使用import '路径时',浏览器会对文件进行执行。因此可以手动拼上export default,并将css样式添加到style中

            此时的页面效果如下

（需要使用类组件，函数组件内使用hooks报错了，具体我也不清楚为啥）

    处理svg文件

        由于svg是浏览器本身支持的文件，故可以直接从target下读取

        I-当执行到App.jsx时，遇到svg，打一个tag

        II-当浏览器解析到时，发起请求下载资源，在node中监听并处理

        III-当浏览器解析到img标签时，会根据src发起资源请求，在node中监听并返回给img

            效果如下

热更新

    I-若想实现与浏览器客户端建立socket通信，需要在客户端发起socket连接，这总是不太合适让用户自己建立一个socket文件的。故，自己塞一个给浏览器

        II-在node服务中创建一个socket服务，并使用chokidar监听target下的文件变动，当存在文件变动 时通知客户端

        III-在client.js中连接socket，当接收到文件变动通知时，刷新页面

（端口必须一致）

    esbuild

    websocket

    chokidar

    compression

    connect-history-api-fallback

你可能感兴趣的:(手写mini-webpack)

  • Day777--【这届年轻人很懒，“但在你面前，我可以多受些麻烦。”】 卖小妞的饼干
    图片发自App中学时期，会因为朋友一句误会，手写三页信件解释来龙去脉，必须每天一起上学放学吃饭上洗手间，永远腻在一起才能彰显关系密切。而现在，相比每段关系都闹得轰轰烈烈，我们更喜欢顺其自然。懒得耗费大量时间去维护一段关系，懒得在与朋友产生矛盾后去辩解，懒得因为朋友做出背叛友谊的行为而愤怒诘问。不再把目光放在朋友的数量上，更在乎每一个还在身边的人是否饱含真心。我们都在期待着更舒服自然没有杂质的关系，
  • 机器学习 流形数据降维：UMAP 降维算法 小嗷犬 Python机器学习#数据分析及可视化机器学习算法人工智能
    ✅作者简介：人工智能专业本科在读，喜欢计算机与编程，写博客记录自己的学习历程。个人主页：小嗷犬的个人主页个人网站：小嗷犬的技术小站个人信条：为天地立心，为生民立命，为往圣继绝学，为万世开太平。本文目录UMAP简介理论基础特点与优势应用场景在Python中使用UMAP安装umap-learn库使用UMAP可视化手写数字数据集UMAP简介UMAP（UniformManifoldApproximatio
  • 移动订货小程序哪个好 批发订货系统源码哪个好 多用户商城系统 订货系统源码移动订货小程序批发订货系统订货系统源码
    订货小程序就是依托微信小程序的订货系统，微信小程序订货系统相较于其他终端的订货方式，能够更快进入商城，对经销商而言更为方便。今天，我们一起盘点三个主流的移动订货小程序，看看哪个移动订货小程序好。第一、核货宝订货小程序核货宝是商淘科技旗下的订货系统，可为批发企业提供不同客户不同商品、不同客户不同价格快速订货和商家账期管理。功能介绍：客户批发订货的专属数字化订货系统，可以移动端订货。与传统手写开单相比
  • 2020年第51篇周记 搬砖的小姐姐
    【12.14~12.20】真快，2020年倒数第二周了……现在是周一早上五点二十八，睡饱了自然醒的感觉是极好的，昨晚八点之前就睡了。希望自己以后能把早睡早起变成生活习惯。此刻，当下，我感受到时间在流逝，从披衣服做起来已经快半小时才开始复盘，因为我已经忘记了本周计划是啥，而且本周不仅没有写手写日记，更是连每日计划清单也停了，这周工作实在太忙了，每晚加班到十二点是常态，前天夜晚更甚加班到凌晨两点。。。
  • 小程序开关组件 phoebe_l_ 小程序
    前提是vant组件库不太好改，干脆就手写了一个{{leftText}}{{rightText}}import{ref,computed}from'vue';constprops=defineProps({leftText:{type:String,default:''},rightText:{type:String,default:''}});constisReverseOrder=ref(tru
  • JavaScript 基础 - 第15天 +码农快讯+ JavaScript学习笔记javascript前端开发语言
    文章目录JavaScript基础-第15天深浅拷贝浅拷贝深拷贝通过JSON序列化实现js库lodash实现深拷贝通过递归实现深拷贝异常处理throwtry...catchdebugger处理this改变thiscallapplybindthis指向性能优化防抖（debounce）手写防抖函数节流（throttle）手写节流函数JavaScript基础-第15天深浅拷贝浅拷贝浅拷贝：把对象拷贝给一个
  • GPT-4-Turbo 和 Claude-3.5-Sonnet 图片识别出答题的是否正确 进行比较 光影3415 模型比较
    1、比较的图片：====================使用GPT-4-Turbo输入的=============================提问：识别图片中的印刷字和手写字，如果写错的给一个正确答案+图片回复：在图片中，印刷字显示的是一系列的英语填空练习题，而手写字则是填入空白处的答案。以下是题目、选项、填入的答案，以及正确答案（如果填写错误）的列表：###印刷字内容与答案1.**Weput
  • 手写的从前 李超越kelly
    01很多时候我都是提笔忘字很多时候我忘记了我对书法的爱好我还记得小时候爸爸叫我写字记忆中爸爸的字非常的漂亮而我也以爸爸为目标，努力像他学习现在我长大了，也不会和爸爸一起写字比谁写的好看了因为爸爸最希望的就是我常回家看看和他一起写字，聊天……如此安好你一定要努力，但千万别着急02手写的从前，和现在的十个手指在键盘上跳舞，我最喜欢写字，虽然自己写的不好，但是我喜欢去做。听一首歌，泡一杯茶，写自己的感悟
  • 刷刷前端手写题 ・T・T・ 面试前端javascript面试
    闭包用途闭包闭包让你可以在一个内层函数中访问到其外层函数的作用域防抖描述前面所有触发都被取消，最后一次执行，在规定时间之后才会触发，也就是说如果连续快速的触发，用户操作频繁，但只会执行一次。常用场景：输入框输入代码实现1、lodash的debounce函数2、当用户点击按钮时，debounce包装的getBtnValue函数会延迟3000毫秒执行。如果在这3000毫秒内用户再次点击按钮，那么之前的
  • 【3.6 python中的numpy编写一个“手写数字识”的神经网络】 wang151038606 深度学习入门pythonnumpy神经网络
    3.6python中的numpy编写一个“手写数字识”的神经网络要使用Python中的NumPy库从头开始编写一个“手写数字识别”的神经网络，我们通常会处理MNIST数据集，这是一个广泛使用的包含手写数字的图像数据集。但是，完全用NumPy来实现神经网络（包括数据的加载、预处理、模型定义、前向传播、损失计算、反向传播和权重更新）是一个相当复杂的任务，因为NumPy本身不提供自动微分或高级优化算法（
  • 深度学习入门篇：PyTorch实现手写数字识别 AI_Guru人工智能 深度学习pytorch人工智能
    深度学习作为机器学习的一个分支，近年来在图像识别、自然语言处理等领域取得了显著的成就。在众多的深度学习框架中，PyTorch以其动态计算图、易用性强和灵活度高等特点，受到了广泛的喜爱。本篇文章将带领大家使用PyTorch框架，实现一个手写数字识别的基础模型。手写数字识别简介手写数字识别是计算机视觉领域的一个经典问题，目的是让计算机能够识别并理解手写数字图像。这个问题通常作为深度学习入门的练习，因为
  • 一个正经的前端学习 开源 仓库(第1天） 掘金-我是哪吒 javavuehtmlcssjs
    低调务实优秀中国好青年(简介)&&附加答案https://github.com/webVueBlog/Leetcode√-“三十年河东，三十年河西，莫欺少年穷”一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）：我是哪吒：如果你所学的东西处于喜欢才会有强大的动力支撑。交流讨论&&如何学习&&转载声明第一：你可以直接在本仓库阅读即可，
  • RBtree 努力的小带土 侯捷老师STLc++蓝桥杯
    终结B站没人能讲清楚红黑树的历史，不服等你来踢馆！-【码炫课堂收费课节选之-红黑树源码解析及手写红黑树】_哔哩哔哩_bilibiliB站的听课记录，并写下如下红黑树c++版本代码，该课程真的史诗级推荐！/*RBtreeNode.h*****/#pragmaonceenum{RED=false,BLACK=true};templateclassRBtreeNode{public://红黑树的左右节点
  • 手写Tomcat Fix12138
    需求分析根据Tomcat的基本功能分析，基本需求包括：监听端口，接受外部请求多线程并发处理多个请求解析HTTP请求，根据URL找到对应的Servlet扫描Web目录，解析web.xml配置，加载开发者实现的Servlet类，生成对象并调用其service方法得到response返回给客户端代码实现接受请求的服务端通过scoket监听端口，将接受到的请求提交到线程池处理。线程池中的任务为具体的处理逻
  • 恶臭数字论证器 -- 简化版 aWty_ 题解
    恶臭数字论证器 如果不知道恶臭数字论证器是什么的，具体情况可以参考这个网站：恶臭数字论证器 现在我们要做的就是手写一个跟这个差不多的恶臭数字论证器。原理 众所周知，一个数字xxx可以拆成每一个数位上的数字x0,x2,x3,⋯ ,xnx0,x2,x3,\cdots,x_nx0,x2,x3,⋯,xn，具体举个例子，就是123123123可以拆成1,2,31,2,31,2,3。并且我们可以很轻松的用{x
  • 3.1、前端异步编程（超详细手写实现Promise；实现all、race、allSettled、any；async/await的使用） lin-lins JavaScript高级前端javascripthtml
    前端异步编程规范Promise介绍手写Promise（resolve，reject）手写Promise（then）Promise相关API实现allraceallSettledanyasync/await和Promise的关系async/await的使用Promise介绍Promise是一个类，可以翻译为承诺、期约Promise就像一个容器，里面存放着未来才会结束，返回结果的容器，返回的结果只需要
  • 我为什么开始写作 木棉花_5b87
    一、我手写我心记得小学开始学写作文时，阿拉搜hi说就写自己身边发生的人和事，开始通过看作文书模仿写，胡边乱造，当然最后的结果写的不是很好，直到有一次我把身边发生的事加工提炼写出来，流露的是真情实感，竟被当成范文，从那以后注意观察身边的事，就如老师说的作文来源于生活但又高于生活。即使看完一本小说也会写出对它的所感所悟，记得有一次看完《穆斯林的葬礼》写的时候一边写一边哭，现在都能看到泪水打湿的痕迹。二
  • vue3点击出现弹窗后背景变暗且不可操作 不知-_ vue3+quasarvue.js前端vue前端框架
    文章目录实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码3.代码分析4.改进4.将背景遮罩层封装成组件使用二、quasar方法实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码AddTask.vue是我自定义的组件，即要弹出的弹窗，不是此笔记重点，此处不做详细说明。import{ref}from"vue";importAddTaskfrom
  • 第 2-2 课：深入探究底层原理，应用更加得心应手 Java大联盟 案例上手Spring全家桶SpringSpringBootSpringCloudSpringMVCSpringSpringBootSpring
    前言上一讲我们学习了SpringMVC框架的使用，为了更好地理解这个框架，本讲来仿写一个SpringMVC框架，用到的技术比较简单，只需要XML解析+反射就可以完成，不需要JDK动态代理。自己手写框架的前提是必须理解框架的底层原理和运行机制，因此我们还是先来回顾一下SpringMVC的实现原理。SpringMVC实现原理SpringMVC的核心组件和工作流程的内容具体可以参考第2-1讲的内容，通过
  • 2月21天手写我心总结篇 效艳一亩田
    这是一篇真正的总结，此刻，写这篇总结，我真的很轻松，我完成了！我的内在小孩很兴奋，甚至有点为自己自豪。21天的写作，坚持下来，有补写过，有写不出过，有想放弃过，有批判自己过，有庆幸自己写过。我的生命中，到这个年纪，我才意识到，坚持是我生命中必修的功课。有时熬夜写，会在照顾身体和当日事当日毕中抉择，最终，我选择感觉，哪件事情让我更有喜悦感。有时是选择熬夜也要写完，有时选择先照顾身体。在写作小组里，有
  • 我的新朋友 只有真诚
    新朋友，我是没有的，可这任务需要完成，就随手写写我认识的一个新学生吧。认识他，是在军训的队伍里面。其他同学都是一身崭新的校服，只有他，穿着黑色体恤衫，黄色短裤，很扎眼地站在队伍里面。关键是，他不仅身形高大，而且粗实胖壮，像一尊铁塔戳在那里，让我有一种“羊群里出骆驼”的感觉。军训间隙，我叫他到身边，问他为啥不穿校服。他望了我一眼，羞赧地笑了笑，本来就不大的眼睛眯成了一条缝，小声说：“没有合适的，暂时
  • 2022 前端JavaScript高频手写面试题大全，助你查漏补缺 2401_86367399 面试辅导大厂内推前端javascript开发语言
    let_fn=curry(function(a,b,c,d,e){console.log(a,b,c,d,e)});_fn(1,2,3,4,5);//print:1,2,3,4,5_fn(1)(2)(3,4,5);//print:1,2,3,4,5_fn(1,2)(3,4)(5);//print:1,2,3,4,5_fn(1)(2)(3)(4)(5);//print:1,2,3,4,5我们常用的工
  • 前端开发需要了解的算法知识 史努比的大头 算法前端
    手写深拷贝functiondeepClone(obj){//处理基础数据类型和函数if(obj===null||typeofobj!=='object'){returnobj;}//处理数组if(Array.isArray(obj)){returnobj.map(item=>deepClone(item));}//处理对象constclonedObj={};for(constkeyinobj){i
  • 第128篇 居家管控的第二天 小福卿
    今天上午一直在家待着，做核酸时间在中午过后，这次是按照楼号分批次下楼做的，我们是6号楼，群里通知我们下楼做，于是带着孩子，老人下去了。正直中午热得很，太阳很大很晒。我们先登记确认名单，没有的手写信息登记，登记完之后再去另外一边排队做核酸。虽然很热，免不了有些人抱怨，但是大家依然有序的排队。毕竟工作人员也很辛苦。排了十几分钟差不多就到了，扫身份证录入信息，去采集样本，很快结束。于是不敢做过多停留就回
  • 东升社群年度分享 陈东升爱手写
    前言：这是一篇昨天在10分钟自由手写社群的年度分享，我从12：00分享到13：00全程气氛热烈。我知道我的分享不太高兴，但我觉得没有记录就没有发生，写下即永恒，今天不记下明天就会没了，所以想着还是分享出来。希望对大家有用，也希望有更多人见证我的成长。开场白亲爱的10分钟手写社群的战友，以及东升战队的战友，和邱帅写字营的字宝宝们，大家中午好！非常感谢大家在百忙之中抽出时间来听我给大家进行2022年的
  • 2024最新Android大厂面试真题大全（附答案） imtokenmax合约众筹 2024年程序员面试android面试职场和发展
    五、架构设计和设计模式1.谈谈你对Android设计模式的理解2.MVCMVPMVVM原理和区别3.你所知道的设计模式有哪些？4.项目中常用的设计模式5.手写生产者/消费者模式6.写出观察者模式的代码7.适配器模式，装饰者模式，外观模式的异同？8.用到的一些开源框架，介绍一个看过源码的，内部实现过程。9.谈谈对RxJava的理解10.Rxjava发送事件步骤11.RxJava的作用，与平时使用的异
  • JS手写实现深拷贝 Mzp风可名喜欢 javascript前端
    手写深拷贝一、通过JSON.stringify二、函数库lodash三、递归实现深拷贝基础递归升级版递归---解决环引用爆栈问题最终版递归---解决其余类型拷贝结果一、通过JSON.stringifyJSON.parse(JSON.stringify(obj))是比较常用的深拷贝方法之一原理：利用JSON.stringify将JavaScript对象序列化成为JSON字符串，并将对象里面的内容转换
  • 前端技能树，面试复习第 54 天—— 手写代码：情景题 编程轨迹_ 前端面试复习笔记前端面试题手写题真题场景题
    ⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注Web技术、区块链、Web3、答疑解惑、面试辅导以及职业发展。本文已收录至前端面试题库专栏：《前端面试复习笔记》（点击订阅）。1.循环打印红黄绿下面来看一道比较典型的问题，通过这个问题来对比几种异步编程方法：红灯3s亮一次，绿灯1s亮一次，黄灯2s亮一次；如何让三个灯不断交替重复亮灯？
  • PDF标准详解（二）——PDF 对象 aluluka PDF相关技术pdf
    上一篇文章我们介绍了一个PDF文档应该包含的最基本的结构，并且手写了一个最简单的“HelloWorld”的PDF文档。后面我们介绍新的PDF标准给出示例时将以这个文档为基础，而不再给出完整的文档示例，小伙伴想自己测试可以根据上一节的文档来进行配置。对象上一节我们看到一个个奇奇怪怪的元素，可能也好奇它们的写法，现在我们来正式介绍它们的相关内容，它们就是PDF文档中一个个的对象。PDF支持5种基本对象
  • 记忆深处的那个人（四十） 大脸猫8584
    虽然是聚会，但是因为是肖维丽生日，所以不免要准备一份小礼物。周淇去精品店挑了一条925纯银项链，水滴形状的吊坠，很好搭配衣服，价格也正是现在的自己能负担起的价格，周淇还挑了一张小卡片，亲手写上祝福：岁月无声、友情无言、生日快乐、勇往直前。其实之前大家的生日也都聚会，也会互送生日礼物，大都是音乐盒、娃娃之类的，那时候大家都向父母要生活费，礼物也都挑不太贵的，但是又都是女孩子普遍喜欢的小玩意，而如今大
  • 桌面上有多个球在同时运动，怎么实现球之间不交叉，即碰撞？ 换个号韩国红果果 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其他