版本更新丨Orillusion 0.7版本发布啦！

社区的盆友们久等啦！小鸥终于在2023年11月跟大家一起迎来了「Orillusion 引擎」的0.7版本~

从〔2023-05-08〕至〔2023-11-01〕日，历经将近6个月的时间，「Orillusion 引擎」完成了由0.6~0.7的大版本跃迁。大版本的跃迁看似时间周期长，实则是我们把RoadMap中放在后面几个版本中的内容，也努力都塞了进来！希望大家能有更好的体验！

在大家的见证下，「Orillusion引擎」开源库在2023年5月荣登「Github Trending」榜的第六名，开源不到一周Star数量增长至1200+，并在前端Web类项目中居于榜首。到今天为止，Orillusion在Github开源库的Star数量已增长至3k+！这也是对我们最大的鼓励！
在这次的版本更新中，引擎累计
提交116个PR

收获102个issue

样例数量扩展到59个

修复多个已知&未知的问题（小鸥还得感谢社区大佬们不断地为我们提出建议和意见）

1 功能新增

图形化界面（GUI）

图形化界面对软件、系统的重要性不言而喻，好的图形化界面可以大大提升用户体验，「Orillusion 引擎」提供了一套基于WebGPU的GUI系统，使得用可以按需在三维场景中加入GUI元素。官网教程中给出了详尽的解释与案例。


基于WebGPU的GUI https://www.orillusion.com/guide/gui/Readme.html

全局光照（GI）

Orillusion提供了基于WebGPU的全局光照能力，与WebGL的光照系统渲染相比，大大提升了性能以及可扩展性，使得在web端渲染高质量光照变得可行。

全局光照
https://www.orillusion.com/guide/advanced/gi.html

粒子系统（Particle）

粒子系统作为刻画真实场景的手段，引擎在当前大版本提供了WebGPU版本的粒子渲染能力。
版本更新丨Orillusion 0.7版本发布啦！_第1张图片
粒子系统
https://www.orillusion.com/guide/particle/Readme.html

级联阴影（CSM Shadow）

提供的CSM shadow可以更好的支持大场景中阴影渲染的效果。简单来说，级联阴影将视锥内阴影按四个等级进行划分，在着色处理阴影的阶段时根据当前所处阴影等级选择合适的阴影贴图，从而获得更加精确、覆盖全视锥体范围的阴影效果。

级联阴影
https://www.orillusion.com/guide/graphics/shadow.html

自定义Compute Shader

引擎支持开发人员根据业务需求进行自定义Compute Shader的编写，下面给大家展示两款由小鸥带来的样例~



自定义compute shader

后处理特效（Post Effects）

在这个大版本中，小伙伴们对后处理特效也进行了大量更新，具体的案例和教程传送门可在下方查看：

辉光特效（Bloom Post）


辉光特效
https://www.orillusion.com/guide/advanced/post_bloom.html

Ξ 屏幕体积光（GodRay Post）

https://www.bilibili.com/video/BV1kF411C7SB/?aid=275121538&ci...
God Ray

https://www.orillusion.com/guide/advanced/post_godRay.html

后期雾效（Global Fog）


后期雾效
https://www.orillusion.com/guide/advanced/post_globalfog.html

景深效果（DepthOfField Post）


景深效果
https://www.orillusion.com/guide/advanced/post_depthOfField.htm

2 引擎工具

针对开发小伙伴们的「用户体验」，当前版本对编译的js增加了非压缩的版本。今后开发伙伴们可以在开发时方便得查看源码、做log和断点、以及做一些临时源码改动。而且，现在用户也可以按自己项目的需求引用 max 版本进行打包了哦。

3 功能示例

应广大社区朋友们的呼吁，终于在0.7版本上线时开放了引擎功能的样例页面，大家可以按需通过样例查阅、学习，传送门在此为大家奉上：
https://www.orillusion.com/example 
同样的，热情的邀请大家将自己的想要展示的「Orillusion 引擎」样例提供出来方便大家互相学习，一起助力打造更好的社区！
后续我们会出一期独立的内容，来告诉大家如何提交我们自己的示例代码，而且一旦PR被接受，是直接可以成为我们引擎核心库的contributor的哦！ 
٩(＾ω＾)人(＾ω＾)۶ 让我们一起期待吧~

4 写在最后

WebGPU在今年5月份刚刚发布，Orillusion的开源也从今年5月份到现在的11月份，刚刚经历了半年的时间，虽然这半年遇到了很多困难和挑战，但是我们会非常坚定的把这条路走下去。我们聚焦定位服务于「Web前端的技术人员」，因为我们也是属于这个群体中的开发者。这个群体基数庞大，也饱受过比如只会“切图”写网页的诟病。但是我们坚持认为浏览器一定在未来会成为3D内容承载的另一种介质，我们前端的技术人员都是未来3D内容创作的潜在生产力。

Web3D在曾经的WebGL时代已经发展出了非常丰富的内容业态。我们相信，在WebGPU的推动下，Web3D的生态一定会越来越好！

小鸥也希望社区大佬们不断地为我们提出建议和意见，社区的声音是我们前进的方向和动力，我们会继续努力，打造一款属于我们国人自己的Web3D引擎！

Orillusion致力于打造全世界第一款完全开源基于WebGPU标准的一种轻量级渲染引擎,目标是在浏览器中实现桌面级的渲染效果，支持超大复杂场景的3D呈现。易上手，易分享，易迭代，易协作、成本低，跨平台是我们的核心优势，我们将为3D场景爆发时代提供引擎基础工具。

未来我们将会持续把最干货最前沿的WebGPU技术分享给每一位社区成员，也欢迎大家为Orillusion开源社区做出自己的贡献。我们一直坚信，开源社区的技术留痕是每一位技术人员最崇高的追求！因此，我们尊重，我们认可，我们更期待，加入Orillusion，让我们共同进步！

——Link uncharted, 链接未来世界

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

  • js实现的前端水印 k0933 记录javascript前端开发语言
    效果vardefaultConfig={content:[],//水印内容数组fontSize:14,//字体大小(px)fontFamily:'sans-serif',//字体color:'rgba(255,255,255,.3)',//字体颜色rotate:-20,//旋转角度(度数)zIndex:2147483647,//层级globalAlpha:0.5,//透明度canvasWidth:
  • UI前端与大数据的深度融合：打造智慧应用的新生态 前端开发与ui设计的老司机 ui前端大数据
    hello宝子们...我们是艾斯视觉擅长ui设计、前端开发、数字孪生、大数据、三维建模、三维动画10年+经验!希望我的分享能帮助到您!如需帮助可以评论关注私信我们一起探讨!致敬感谢感恩!在数字化转型的浪潮中，UI前端与大数据正逐渐成为推动智慧应用发展的核心力量。UI前端作为用户与应用程序交互的直接界面，负责提供直观、便捷且吸引人的用户体验；而大数据则凭借其强大的数据收集、分析和预测能力，为应用程序
  • BpmnJs源码篇2：diagram.js 简介与EventBus全局事件总线 MiyueFE javascript前端vue
    ✨✨✨目前成都的"小学生"大佬和作者一起开发了Flowable流程引擎组件（包含前端设计器与后端流程引擎）详情请访问：https://www.bpmport.com/products。预览：Flowable编辑器：flowable-designer，Activiti编辑器：activiti-designer，预览与模拟：viewer，DMN决策设计器：dmndiagram.js简介作为bpmn.j
  • 深入浅出Babel插件开发：从AST到代码转换的完整指南 MiyueFE javascript前端
    嘿，各位前端小伙伴们！今天咱们来聊聊一个既神秘又强大的东西——Babel插件开发。别被"AST"、“代码转换"这些高大上的词汇吓到，其实Babel插件开发就像是给代码做"整容手术”，让老旧的代码变得年轻时尚，让复杂的语法变得简单易懂。什么是Babel插件？简单来说，Babel插件就是一个代码转换器。它能够：语法转换：把ES6+语法转换成ES5API填充：为新API添加polyfill代码优化：移除
  • Vue3 工程化实战 jay丿 vue.jsjavascripttypescript前端
    Vue3工程化实战引言：构建工具的演进与选择在前端工程化领域，构建工具的选择直接影响开发效率与项目性能。随着Vue3的普及，构建工具生态也发生了显著变化：传统vue-cli逐渐进入维护模式，而新一代构建工具Vite凭借其卓越性能成为官方推荐方案。本文将系统对比两种创建方式，并深入解析基于Vite的Vue3工程化实践。一、传统方案：基于vue-cli创建Vue3工程1.1创建流程#检查版本（需≥4.
  • Webpack 中的 Loader 和 Plugin 全面详解 JaysonJin webpackrust前端
    Webpack中的Loader和Plugin全面详解整理不易，记得收藏、点赞再加关注，后续还会更新更多实战文档！Webpack是现代前端构建体系的核心工具，其中Loader和Plugin是其功能扩展的两大支柱。它们虽然常一起出现，但本质和作用完全不同。本文将全面对比二者的定义、作用、使用场景、生命周期与示例，帮你彻底搞清Loader和Plugin的区别与使用方法。一、Loader是什么？定义：Lo
  • WHAT - TanStack 前端工具库合集 @PHARAOH 前端
    文章目录常见的TanStack库特点官方网站与资源TanStackQuery（ReactQuery）TanStackTableTanStackVirtualTanStackRouterTanStackForm（目前还在开发预览阶段）在WHAT-react-query(TanStackQuery)vsswr请求中我们介绍过TanStackQuery.其实TanStack是一个由TannerLinsl
  • 提升首屏加载的秘密武器：一文讲透 CDN 加速核心逻辑 网罗开发 实战源码前端jsonjavascript
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 小程序学习笔记：优化商铺列表页面的下拉刷新功能 you4580 学习笔记小程序
    在前端开发中，下拉刷新功能能显著提升用户体验，让用户方便地获取最新数据。今天就来和大家分享在开发商铺列表页面时，如何实现并优化下拉刷新功能，同时美化相关窗口样式。本文以微信小程序开发为例进行讲解。开启下拉刷新功能在微信小程序里，开启下拉刷新很简单。找到商铺列表页面的.json配置文件，添加enablePullDownRefresh配置节点，把它的值从默认的false改成true，就能开启下拉刷新效
  • 推客小程序系统开发全攻略：从设计到落地的完整实践 wx_ywyy6798 推客系统短剧短剧系统推客推客系统开发推客小程序推客小程序开发
    移动互联网时代，社交电商已成为不可忽视的商业形态，其中推客（分销）系统凭借其裂变式传播特性，成为众多企业流量变现的核心工具。本文将全面剖析推客小程序系统的开发全流程，从产品设计到技术实现，再到运营优化，为开发者提供一站式解决方案。一、系统架构设计：构建稳固基石一个完整的推客小程序系统需要前后端协同工作，采用分层架构设计是保证系统可扩展性的关键。前端展示层主要负责用户界面交互，采用组件化开发模式提升
  • react-别名路径配置 前端小趴菜05 react.js前端前端框架
    在前端开发中，别名路径配置（AliasPathConfiguration）是一种通过配置工具或框架，将特定的路径别名映射到实际文件路径的方法。这样可以简化文件引用路径，提高代码的可读性和维护性。为什么要进行别名路径配置？在我们做项目的时候一定会引入文件，如果要引入的文件层级太深的话肯定会出现很多'../../../../../'，会增加一些不必要的麻烦。所以我们通过@替代src路径，方便开发过程中
  • 前端如何动态执行JavaScript代码？ 程序员小寒 前端javascript开发语言
    今天来聊一聊javascript如何动态执行js代码，我总结了以下四种方法。第一种方式：evaleval函数会将传入的字符串作为js代码执行，并且返回最后一个表达式的值。eval('console.log(1)')//1eval的特点：同步执行；执行环境为当前作用域。leta=1;functiontest(){leta=2;eval('console.log(a)');//2}test();使用e
  • 前端使用Axios时的跨域问题 itanly 前端
    跨域问题的本质跨域问题源于浏览器的同源策略（Same-OriginPolicy），该策略限制了不同源（协议、域名、端口任一不同）之间的资源交互。Axios作为HTTP客户端，在浏览器环境中受此策略约束。后端配置CORS最标准的解决方案是后端配置CORS（跨域资源共享）。以下是Node.jsExpress框架的示例配置：constexpress=require('express');constcor
  • 从零构建现代JavaScript技术栈：Node.js与Yarn基础配置指南 施想钧
    从零构建现代JavaScript技术栈：Node.js与Yarn基础配置指南js-stack-from-scratchverekia/js-stack-from-scratch:是一个从零开始构建现代JavaScript开发栈的教程，包括工具、技术和实践。适合JavaScript开发人员、前端开发人员和初学者，以及对构建现代Web应用程序感兴趣的人员。项目地址:https://gitcode.co
  • 视频断点续播全栈实现：基于HTML5前端与Spring Boot后端 独立开发者阿乐 原创前端音视频RESTAPIAPISpringBootJavaScriptvideo元素
    文章目录视频断点续播功能实现方案核心思路前端实现HTML结构JavaScript实现SpringBoot后端实现1.依赖配置(pom.xml)2.实体类3.存储库接口4.服务层5.控制器实现要点视频断点续播功能构思图流程说明用户交互：前端核心功能：后端处理：数据存储：我的个人网站：乐乐主题创作室视频断点续播功能实现方案核心思路实现视频断点续播需要前后端配合，主要包括：前端记录播放进度后端存储进度信
  • 【代码审计】安全审核常见漏洞修复策略 秋说 Java代码审计网络安全代码审计
    文章目录1.异常信息泄露修复建议不推荐用法推荐用法2.文件上传漏洞错误示例（缺乏校验）安全示例（含格式/扩展名校验）3.SQL注入漏洞（MyBatis${}）示例修复建议4.生成组件间接依赖生成依赖树建议5.间接依赖组件的漏洞什么是间接依赖后端修复1后端修复2前端修复1前端修复26.XSS（跨站脚本攻击）错误示例（存在风险）安全示例（自动转义）修复建议7.接口未鉴权修复建议8.路径遍历漏洞错误示例
  • Flask + GPT 实践 红鼻子时代 flask项目flaskgptpython
    一、前言本篇文章会介绍从零开始构建一个基于Flask+GPT的小项目的过程。总共有四个版本的迭代，包括：1、调用GPT接口并渲染到前端页面；2、使用Flask提供的session来实现登录和登出功能；3、用SQLAlchemy管理数据库，实现用户注册和登录；4、记录和分页查看用户与GPT的对话历史。二、项目环境与依赖Python版本：建议3.7+Flask：最常用的PythonWeb框架之一ope
  • uni-app subPackages 分包加载：优化应用性能的利器 阿珊和她的猫 uni-app状态模式
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录subPackages配置注意事项优点使用场景在uni-app中，sub
  • 【C#】两个list根据某个元素比较差集 weixin_30594001 c#
    1.今天突然跟前端有一点小小的分歧，传输数据和数据库里的数据做比对，该前端做处理还是后端，(并不是都不愿意做，相反，都愿意在自己那端处理==)2.最后终于归结我这了，好久之前做过list比对，记得刚写代码的时候，两个list比对？那就无限foreach呗，当然实现是能实现，这就很影响比对效果和代码的整洁度了。3.接下来，我回忆起来了我之前写过的一个比较方法，拿出来记录一下//重写比较方法publi
  • java+vue+SpringBoo智慧旅游系统（程序+数据库+报告+部署教程+答辩指导）
    源代码+数据库+LW文档（1万字以上）+开题报告+答辩稿ppt+部署教程+代码讲解+代码时间修改工具技术实现开发语言：后端：Java前端：vue框架：springboot数据库：mysql开发工具JDK版本：JDK1.8数据库：mysql数据库工具：Navicat开发软件：idea主要角色及功能介绍本次系统的用例图做出了十分明确的功能划分，在设计时可以有很好的设计思路进行设计和延展。（1）管理员用
  • 前端base64遇到的坑：window.btoa中文报错的修复方案 前端
    问题是这样的：同事在使用的过程中发现一个问题：点击确定按钮后，有个报错提示。如下截图所示：报错文本是：invalidcharactererrorfailedtoexecutebtoaonwindowthestringtobeencodedcontainscharactersoutsideofthelatin1range详情：前端base64遇到的坑：window.btoa中文报错的修复方案
  • Spring Security 鉴权与授权详解（前后端分离项目）
    前言在现代Web开发中，前后端分离架构已经成为主流。后端专注于提供RESTfulAPI，而前端通过AJAX请求与后端交互。在这种架构下，如何对用户进行认证（Authentication）和授权（Authorization）成为了系统设计中的核心问题。SpringSecurity是Spring框架中用于构建安全系统的模块，它不仅提供了强大的安全机制，还支持灵活的自定义配置。本文将围绕鉴权失败和成功时
  • 前端Vue面试八股常考题（二） LuxTorch 前端面试题vue.js前端面试
    文章目录1、VueRouter如何配置404页面？1.基础配置步骤2.高级用法2、Vue中的过滤器有哪些应用场景？Vue3如何替代？1.过滤器的核心功能2.典型应用场景3.Vue3中的替代方案3、Vue中computed和methods的区别是什么？示例对比4、什么是Vue的前端路由？如何实现？1.核心实现方式：VueRouter2.VueRouter配置步骤3.VueRouter核心功能特性5、
  • 手把手教你入门vue+springboot开发（十三）--无感token前端实现 段鸿潭 java前端vue.jsspringboot
    文章目录前言一、前端代码实现1.登录处理2.刷新token请求增加3.请求拦截器修改4.响应拦截器修改5.测试结果二、代码逻辑优化前言上一篇我们研究了无感token刷新的实现方案以及后端代码实现，本篇我们将详细研究一下前端代码实现，前端代码实现过程中也有很多细节的地方需要注意，重点要关注前端代码编码过程中的业务逻辑处理。一、前端代码实现1.登录处理Login.vue文件中：//调用接口,完成登录l
  • 为什么要学习 next.js 框架 + Vercel 部署平台，因为我想把自己的 app 分享给别人。 waterHBO 学习javascript开发语言
    前端开发太卷？不如给你的React换个“豪华座驾”和“F1赛道”**如果你像我一样，从create-react-app的时代一路走来，你一定经历过那种“甜蜜的烦恼”：React给了你一个超强的V8引擎，但造车剩下的所有事——从方向盘(路由)、底盘(项目结构)到导航系统(数据管理)——都得你自己撸。结果就是，每个项目开始前，你都在重复发明轮子，在Webpack的配置地狱里苦苦挣扎。好消息是，时代变了
  • jQuery-Json-AJAX-跨域 了解化 jqueryjsonajax
    一、jQuery1.简介用于简化JavaScript代码开发主要作用：对于前端来说，写更少代码、做更多事情2、JQuery入门2.1操作选择器$("p")选取元素。$("p.intro")选取所有class="intro"的元素。$("p#demo")选取所有id="demo"的元素。事件及其事件绑定JavaScript的事件与jQuery事件区别:jQuery事件就是将JavaScript事件名
  • ECharts后台读取数据动态生成折线图：实时数据可视化解决方案 窦菲芊Harriet
    ECharts后台读取数据动态生成折线图：实时数据可视化解决方案【下载地址】ECharts后台读取数据动态生成折线图该项目提供了一种高效的方法，利用PHP从数据库中读取数据，并通过JSON格式传输到前端，结合ECharts库动态生成折线图。通过AJAX技术，数据能够实时刷新，确保折线图始终反映最新数据变化。项目集成了ECharts和jQuery，简化了开发流程，适合需要实时数据可视化的场景。只需将
  • 二次开发源码 借贷系统uniapp/借贷认证系统/小额信贷系统/工薪贷APP/资金贷系统h5 csdndddsd uniapp借贷系统开发小额贷系统app工薪贷系统安装搭建信用贷认证系统h5资金贷系统安装搭建教程借贷系统安装搭建借贷系统二次开发
    前端：UNIAPP后端：ThinkPHP数据库：Mysql前端使用的uniapp可以打包APPH5小程序系统提供了完善的网络借贷体系，为金融中介平台提供从获客到贷后管理全流程服务，解决了借贷手续繁琐、流程缓慢等问题此源码为运营中版本，具有极高稳定性，防注入，防攻击，修复全部已知后门漏洞仅供学习演示、二次开发专用，禁止一切违法行为的利用！可提现金额(元)￥{{qbMoney}}充值提现余额明细余额变
  • 一种文档与代码双轨处理的RAG架构方案 木鱼时刻 大模型人工智能深度学习
    1.目标如何构建一个能同时高效处理文档和代码的RAG系统？本文提出的融合架构，旨在解决这一核心挑战。2.整体架构概览该系统的顶层设计思想是专业分工，统一调度。它将复杂的知识处理流程拆解为清晰的模块，各模块各司其职，最终由一个核心服务进行统一编排。+-------------------+|前端||(DifyWeb界面)|+-------------------+|+----------------
  • ECMAScript 2019（ES2019）：数组与对象操作的精细化升级 DT—— ECMAScript历史进程javascript前端
    1.版本背景与发布发布时间：2019年6月，由ECMAInternational正式发布，标准编号为ECMA-26210thEdition。历史意义：作为ES6之后的第四次年度更新，ES2019聚焦于数组、对象和字符串操作的精细化改进，提升开发效率和代码可读性。时代背景：随着前端框架的成熟和Node.js的普及，开发者对数组扁平化、对象转换等高频操作的需求激增，ES2019的发布回应了这些痛点。2
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他