allenjiao
allenjiao

Web 3D烟雾火焰喷水粒子效果-WebGL/Threejs技术倾心打造

Threejs实现粒子效果

ThreeJS是一个3D的JS库，封装了WebGL的功能。就是在浏览器端开发3D图形相关的程序的一个库或者说一个标准。实现烟雾、火焰、喷水粒子效果典型“5毛特效”。

 烟雾、火焰、喷水功能介绍

 

更多细节和功能改进后续赘述，感兴趣的可以留言或发邮件[email protected]，欢迎一起探讨！时间有限请大家包涵。

你可能感兴趣的:(Threejs)

  • threejs 创建CSS3DSprite精灵标签, 可以更新位置及内容(封装) zsd_666 Web前端css3前端css
    threejs创建CSS3DSprite精灵标签,可以更新位置及内容(封装)ThreeCss3dSprite.js工具类import{CSS3DRenderer,CSS3DSprite}from"../js/three.js/examples/jsm/renderers/CSS3DRenderer.js";classThreeCss3dSprite{constructor(){this.sprit
  • 若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能 怎么吃不饱捏 vue.jsjavascript前端
    需求背景：前端对glb/gltf模型进行线上管理，支持上传本地模型，每次上传后展示模型，在提交给后端的时候带上该模型的截图，具体效果不便展示，相关代码如下：1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖，初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls}from"three
  • 2022-04-19 Apbenz
    12块早餐的来组成，今天早上脑子里想着，不要去吃早餐了，忍着忍着发现还有30分钟的时间才算迟到，还是去吃一点吧，来到摊前就点了一份六块钱的粉，老板问要不要辣，加一点，结果这辣椒很理想，所以加二块的水，吃着不爽，又加了一个鸡蛋，鸡蛋很好吃，又加了一个。6+2+2+2这就是十二块的早餐组成。fastadmintickwritingtickkoreastudythreejsstudy
  • css pointer-events 多层鼠标点击事件 小和尚敲木头 前端css前端
    threejs无法滑动视角，菜单界面覆盖threejs操作事件。pointer-events/*Keywordvalues*/pointer-events:auto;pointer-events:none;pointer-events:visiblePainted;/*SVGonly*/pointer-events:visibleFill;/*SVGonly*/pointer-events:vis
  • three.js 3D可视化地图 allenjiao threejs地图三维gis大数据webgl
    threejs地图可视化地图——three.js实现this.provinceInfo=document.getElementById('provinceInfo');//渲染器this.renderer=newTHREE.WebGLRenderer({antialias:true});this.renderer.setSize(window.innerWidth,window.innerHeig
  • 【Three.js】前端从零开始学习 threejs：创建第一个 threejs3D 页面 努力挣钱的小鑫 Web3d前端javascript学习
    课程和学习大纲对应的课程在这里：Threejs教程、2023最新最全最详细Threejs教程、零基础Threejs最详细教程（已完结）学习知识要点思维导图：官网和文档的使用three.js官网如果无法访问，可以下载国内大佬的镜像跑起来就行threejs-code-publicnpmi下载依赖后启动npmrunstart启动就可以啦！官方编辑器直接点击，后续拿来做测试使用。创建第一个threejs3
  • 从Unity到Three.js（画线组件line） chillxiaohan Three.js学习记录unityjavascript游戏引擎
    JavaScript0基础，只是照着官方文档临摹了下，之后有时间再进行细节学习和功能封装。import*asTHREEfrom'three';//引入threejsconstrenderer=newTHREE.WebGLRenderer();//创建渲染器//设置渲染范围，当前撑满全屏,屏幕左上角是（0，0）letwidth=window.innerWidth;letheight=window.i
  • WebGL:BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS比较 千汇数据的老司机 webgl数据可视化大数据
    目前3d技术发展十分迅速，最初是WebGL，这是一种3d绘图协议，它将JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。一、BabylonJS特性：Babylon
  • threejs 坐标系与三角函数的实践应用 汉武大帝· three.jsjavascript前端vue.js
    有空的老铁关注一下我的抖音：效果：沿着圆弧批量创建多个小球//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作
  • 13. Threejs案例-绘制3D文字 MossGrower Threejsthreejs3d文字字体边界矩形FontLoaderTextGeometry
    13.Threejs案例-绘制3D文字实现效果知识点FontLoader一个用于加载JSON格式的字体的类。返回font，返回值是表示字体的Shape类型的数组。其内部使用FileLoader来加载文件。构造器FontLoader(manager:LoadingManager)参数类型描述managerLoadingManager加载器所使用的loadingManager，默认值为THREE.De
  • threejs之updateWorldMatrix的实现原理 Young soul2 threejs前端
    首先我们需要定义几个额外的概念，包括表示位置、旋转、和缩放的类，以及一个用于表示4x4矩阵并执行矩阵运算的类。这个函数的目的是更新一个物体在世界空间中的位置，考虑到它的局部变换（位置、旋转、缩放）以及它的父对象的世界矩阵（如果有的话）。首先，让我们定义一些基础的数学工具类，包括Vector3,Quaternion（用于表示旋转）,和Matrix4。classVector3{constructor(
  • threejs之常用贴图 Young soul2 threejs前端
    在三维图形和游戏开发中，高光贴图、凹凸贴图、法线贴图和环境光遮蔽贴图是常用的技术，用于增加虚拟物体表面的细节和真实感，而无需增加更多的几何体。这些技术可以帮助开发者和艺术家创造出既详细又性能高效的场景。高光贴图（SpecularMap）高光贴图用于控制物体表面的高光部分，即那些直接反射光源光线的区域。它通常是一张灰度图，其中亮部表示强反射区域，暗部表示弱反射或非反射区域。这使得材质的高光效果可以在
  • vue3+threejs+koa可视化项目——模型文件上传(第四步) yma16 threejs框架javascriptvue3node.jswebgl文件上传
    文章目录⭐前言往期node系列文章threejs系列相关文章vue3+threejs系列⭐koa后端文件上传(koa-body)自动创建目录自定义目录上传apifox自测上传接口⭐vue3前端上传模型文件axios接口上传使用antdesignvue上传⭐总结后端koa前端vue3⭐结束⭐前言大家好，我是yma16，本文分享关于vue3+threejs+koa可视化项目——模型文件上传(第四步)。
  • threeJS 使用 html2canvas截图为黑色的问题 MonkeyB_B Threejsvue.jsreact.jsjavascript
    实际错误是所有的webGL以及three的容器截图都为黑色的背景，其他元素无恙截图日志的报错为：在这个问题解决之前尝试的办法有：疑似跨域问题：修改`html2canvas`的配置，使用`{useCORS:true}`--无效意思元素样式问题修改dom样式为绝对值，去除百分比以及相对定位--无效求人之前先百度找到了一个网上教程，解决方法如下可以看到：preserveDrawingBuffer=fal
  • Threejs 快速入门 stcaolei
    现在什么都是3D，看电影3D，打游戏3D，估计3D打车，很快就会面世。那么作为前端开发的标准语言，JS和3D能不能也搞出点大新闻呢？刚好最近在做一个活动时，就遇到了需要播放3D全景视频的需求，顺便就研究了一下Threejs，一个用于在浏览器中绘制3D图像的JS库（https://github.com/mrdoob/three.js），这篇文章算是做个笔记，也希望能帮助到那些想快速入门的同学。最小环
  • three.js为何如此奇妙 weixin_30527551 javascriptViewUI
    WebGL是在浏览器中实现三维效果的一套规范，而最初使用WebGL原生的API来写3D程序是一件非常痛苦的事情，在辛苦的付出下WebGL开源框架出现了，其中three.js就是非常优秀的一个，它掩盖了很多麻烦的细节，那么，就让我们一起来看看，什么是three.js吧！threejs可以将它理解成three+js，three表示3D的意思，js表示javascript的意思。那么合起来，three.
  • three.js 小例子分析 今天又懒得加班
    这是一个官方的小例子就是分析学习下。https://threejs.org/examples/#webgl_geometry_extrude_shapes开头的引入js没什么好说//这是鼠标控制的工具接着分析代码varcamera,scene,renderer,controls;init();animate();开头简单例子就帮忙总结了一下three.js大舞台搭建camera摄像机scene场景
  • Threejs 简析 英灵海东青 javascripthtml5three.js
    Threejs快速入门现在什么都是3D，看电影3D，打游戏3D，估计3D打车，很快就会面世。那么作为前端开发的标准语言，JS和3D能不能也搞出点大新闻呢？刚好最近在做一个活动时，就遇到了需要播放3D全景视频的需求，顺便就研究了一下Threejs，一个用于在浏览器中绘制3D图像的JS库（https://github.com/mrdoob/three.js），这篇文章算是做个笔记，也希望能帮助到那些想
  • 使用 React 和 Threejs 创建一个VR全景项目 WindyZ_34ec
    最近我在学习使用React配合Three.js来搭建一个可以浏览720全景图片的项目实现的是加载一张2:1的720全景分享一下我的创建过程一、搭建框架并安装需要的插件npxcreate-react-appparano//创建一个React项目npminstall-Stypescript//安装typescript，这个是类型辅助插件，与全景项目关系不大npminstall-S@types/thre
  • vue-3d-model属性介绍 喜枝儿 Vuevue.js3djavascript
    vue-3d-model是一个可以解析3d模型的组件，基于threeJS和webGL；这篇文章就不介绍具体怎么引入了，可以到官网查阅一下，这里主要是记录一下这个组件的属性，方便我自己和大家查阅使用，具体支持哪些文件，我放在文章最后：配置属性：width-宽度，和高度一起才生效height-高度，和宽度一起才生效src-3d文件路径，e.g.example/models/obj/LeePerrySm
  • vue-3d-model dragonzoebai vue3dfbxgltf
    vue-3d-model-npmGitHub-hujiulong/vue-3d-model:vue.js3Dmodelviewercomponent通过该插件降低Threejs的使用难度vue项目加载三维模型，我把模型放在了服务器的tomcat里面，需要对tomcat的fbx项目文件夹设置跨域，如下：WEB-INF\web.xmlcross-originorg.apache.catalina.fi
  • vue-3d-loader dragonzoebai vuefbxgltf3d
    vue-3d-loader-npmGitHub-king2088/vue-3d-loader:VueJSandthreeJS3dviewer是对vue-3d-model的改进，降低Threejs使用难度#默认安装"vue-3d-loader":"^1.3.4",只支持vue2npmivue-3d-loader#vue3需要安装2版本，vite只建立在vue3之上的，因此vite也是需要安装2版本n
  • Three.js学习3：第一个Three.js页面 stones4zd three.js学习前端
    一、一图看懂Three.js坐标这个没什么好说的，只是需要注意颜色。在Three.js提供的编辑器中，各种物体的坐标也这样的色彩：红色：x轴绿色：y轴蓝色：z轴Three.js提供的编辑器可以在本地Three.js文档中的editor目录里访问到：http://localhost:9000/editor/如果不知道怎么做，可以参考我的这篇博文：Three.js学习1：threejs简介及文档本地部
  • Threejs 地图3D可视化 傲娇的koala 3d
    大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群可以直接去githubgithub.com/1023byte/3Dmap前言threejs小练习，从头实现如何加载地理数据，并将其映射到三维场景中的对象上。获取数据在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿里云提供的小工具获取datav.aliyun.com/portal/school/atl
  • Threejs 开发3D可视化地图 zz_jesse 3d
    可以直接去githubgithub.com/1023byte/3Dmap前言threejs小练习，从头实现如何加载地理数据，并将其映射到三维场景中的对象上。获取数据在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿里云提供的小工具获取datav.aliyun.com/portal/school/atlas/area_selector在范围选择器中，可以选择整个或者各个省份的地理信息数据。生成
  • Vue3+ThreeJS的简单使用 无敌暴龙神~ Web前端Three.jsjavascript
    1.介绍Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。github地址three.js官网three.js中文文档2.应用场景智慧城市智慧园区大屏数据可视化3D看房小游戏3.使用3.1下载Three.js//通过CDN方式引入//使用npm下载npminstall--savethree//在要使用的页面中引入
  • 10. Threejs案例-绘制网格状圆环 MossGrower Threejsthreejs网格圆环TorusGeometrywireframe
    10.Threejs案例-绘制网格状圆环实现效果知识点TorusGeometry(圆环缓冲几何体)一个用于生成圆环几何体的类。构造器CircleGeometry(radius:Float,segments:Integer,thetaStart:Float,thetaLength:Float)参数类型描述radiusFloat圆形的半径，默认值为1segmentsInteger分段的数量，最小值为3
  • 动手实践WebVR 全景 Dream_travelerly three.jsjson
    前言近年来VR概念越来越火，相信大家在网上都有过VR的浏览体验，比如VR全景看房[1]、VR全景看车[2]、VR全景旅游[3]等等，VR全景给了我们视觉上的沉浸式体验。本文将会简单探究WebVR全景的实现原理，同时也会用threejs实现两个小的demo，希望对大家以后在业务上遇到类似的场景能有所帮助。什么是VR引用维基百科的定义：虚拟现实（英语：virtualreality，缩写VR），是利用电
  • Three.js学习二——Three.js极简入门 Mr_Bobcp Three.jsjavascript前端vscodethree.js
    目录准备开发环境掌握一些概念性知识编码测试创建一个场景（Creatingascene）创建一个场景渲染场景使立方体动起来结果准备开发环境1、一台可用浏览器的带文件系统的电脑；2、下载官网提供的three.js-master代码包，官方提供的示例和相关库文件都在里面，官网地址：https://threejs.org/；3、下载安装vscode编辑器，地址：https://code.visualstu
  • Three.js学习1：threejs简介及文档本地部署 stones4zd three.jsjavascript学习开发语言
    开一个天坑，Three.js我觉得未来3D页面一定是一个趋势。-----------------------------华丽的分割线-------------------------github：https://github.com/mrdoob/three.js/官网：Three.js–JavaScript3DLibraryThreejs官网中文文档链接：three.jsdocsThreejs中
  • linux系统服务器下jsp传参数乱码 3213213333332132 javajsplinuxwindowsxml
    在一次解决乱码问题中， 发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题 但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了
  • Spring 注解区别以及应用 BlueSkator spring
    1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。   2. @Qualifier 当spring中存在至少一个匹
  • printf和sprintf的应用 dcj3sjt126com PHPsprintfprintf
    <?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th
  • config.getInitParameter 171815164 parameter
    web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name>
  • Ant标签详解--基础操作 g21121 ant
            Ant的一些核心概念：         build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。        project：每个构建文
  • [简单]代码片段_数据合并 53873039oycg 代码
            合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。         代码如下:        
  • java 通信技术 云端月影 Java 远程通信技术
    在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来
  • string与StringBuilder 性能差距到底有多大 aijuans
              之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！         由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！        
  • 今天碰到 java.util.ConcurrentModificationException 异常 antonyup_2006 java多线程工作IBM
    今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con
  • PL/SQL的类型和JDBC操作数据库 百合不是茶 PL/SQL表标量类型游标PL/SQL记录
    PL/SQL的标量类型:    字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
  • Mockito：一个强大的用于 Java 开发的模拟测试框架实例 bijian1013 mockito单元测试
    Mockito框架：         Mockito是一个基于MIT协议的开源java测试框架。         Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
  • 精通Oracle10编程SQL(10)处理例外 bijian1013 oracle数据库plsql
    /* *处理例外 */ --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'||v_ename); exceptio
  • 【Java】Java执行远程机器上Linux命令 bit1129 linux命令
    Java使用ethz通过ssh2执行远程机器Linux上命令，   封装定义Linux机器的环境信息   package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po
  • java通信之Socket通信基础 白糖_ javasocket网络协议
    正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。   Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc
  • angular.bind boyitech AngularJSangular.bindAngularJS APIbind
    angular.bind 描述：         上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。 使用方法：          angular.bind(se
  • java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out
  • Redis.conf配置文件及相关项说明（自查备用） Kai_Ge redis
       Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: #
  • [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏 comsci 人工智能
         真不好意思,各位朋友...博客再次更新...      节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....      但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
  • 记录一些常用的函数 dai_lm java
    public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead
  • Hadoop中小规模集群的并行计算缺陷 datamachine mapreducehadoop并行计算
    注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------
  • 小学4年级英语单词背诵第二课 dcj3sjt126com englishword
    egg  蛋 twenty 二十 any 任何 well 健康的，好   twelve 十二 farm 农场 every 每一个 back 向后，回   fast 快速的 whose 谁的 much 许多 flower 花   watch 手表 very 非常，很 sport 运动 Chinese 中国的  
  • 自己实践了github的webhooks, linux上面的权限需要注意 dcj3sjt126com githubwebhook
    环境, 阿里云服务器   1. 本地创建项目, push到github服务器上面   2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "[email protected]"     3. 将密钥添加到github帐号的SSH_KEYS里面   3. 用www用户执行克隆, 源使
  • Java冒泡排序 蕃薯耀 冒泡排序Java冒泡排序Java排序
    冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/
  • Excle读取数据转换为实体List【基于apache-poi】 hanqunfeng apache
    1.依赖apache-poi   2.支持xls和xlsx   3.支持按属性名称绑定数据值   4.支持从指定行、列开始读取   5.支持同时读取多个sheet   6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str
  • 3个处于草稿阶段的Javascript API介绍 jackyrong JavaScript
    原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email   本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API   &
  • 6个创建Web应用程序的高效PHP框架 lampcy Web框架PHP
    以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需
  • 评"救市后中国股市新乱象泛起"谣言 nannan408
    首先来看百度百家一位易姓作者的新闻： 三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。 首先，中国股市这两天
  • 页面全屏遮罩的实现 方式 Rainbow702 htmlcss遮罩mask
    之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就
  • 关于angularjs的点滴 tntxia AngularJS
      angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。   Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。   这里我们来简单的探讨一下它的应用。   首先使用Angularjs我
  • Nutz--->>反复新建ioc容器的后果 xiaoxiao1992428 DAOmvcIOCnutz
    问题： public class DaoZ {     public static Dao dao() { // 每当需要使用dao的时候就取一次     Ioc ioc = new NutIoc(new JsonLoader("dao.js"));     return ioc.get(
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他