201906-21 web技术桌面应用开发 NEW 如何用前端语言(html5+css3+js)开发桌面应用还不用考虑兼容性,这个问题可能是很多前端工程师想知道的,下面我就来给大家介绍一下,目前开发市场中比较成熟的PC端前端混合应用的开发神器:1.NW.js(node-webkit)Node-webkit 是Intel工程师rogerwang写的一个基于node.js和chromium的应用程序运行环境,通过node-webkit,我们可以使用html/javascript/css编写pc桌面应用。其实可以理解为还是编写web... Read More >
201906-14 js原生实现页面倒计时功能 NEW 实现思路:使用setInterval来周期执行一个函数,这个函数用来进行倒计时计算。如果倒计时到0的话则停止计时。1.html代码<span id="count"></span>2.js代码var countNum = 60; var timer; var onTime = function() { &... Read More >
201906-11 常用windows程序安装包制作软件分享 NEW 1、EasySetup:EasySetup是一套简单易用的软件封装程序,虽然操作简易可是功能并不会比知名的Installer Shield或者Installer VISE来得逊色多少。2、CreateInstall一个小巧的制作安装软件的软体,程序虽小,可是功能样样俱全!所需安装的软件可以不拘限于同一个目录,可以安装到多个不同的目录,并可以同时制作出反安装程序,让人更有意愿使用你的作品。成品可以分片包装做出并自订分片容量大小。3、Setup GeneratorSetup Ge... Read More >
201906-11 Threejs开发入门实例 Three.js是一款开源的主流3D绘图JS引擎(名字Three就是3D的含义),我们知道WebGL是一种网页3D绘图标准,和jQuery简化了HTML DOM操作一样,Three.js可以简化WebGL编程。WebGL是HTML5技术生态链中最为令人振奋的标准之一,把Web带入3D的时代。官网地址:https://threejs.org/。先看一张官网案例:下面就以几个简单实例来带大家入门绘制一个立方体:<!DOCTYPE html> <htm... Read More >
201906-11 基于WebGL的VR实现 VR概述什么是 VRVR(Virtual Reality)是利用电脑模拟产生一个三维空间的虚拟世界,提供用户关于视觉等感官的模拟,让用户感觉仿佛身历其境,可以及时、没有限制地观察三维空间内的事物。用户进行位置移动时,电脑可以立即进行复杂的运算,将精确的三维世界视频传回产生临场感。—— 维基百科VR 的显示原理了解 VR 显示原理前,先了解我们人眼的立体视觉的成像原理:人眼的视觉是可以感觉出深度的,也就是深度知觉(depth perception)。而有了深度的信息后,才能判断... Read More >
201906-10 初识Threejs三大组件及实例(绘制一个立方体) ThreeJs概述最初使用WebGL原生的API来写3D程序是一件非常痛苦的事情而ThreeJs就是对WebGL的一个封装。说白了ThreeJs就是一个封装了WebGL的js库,类比jQuery封装了Dom。官方资源https://threejs.org/GitHub:https://github.com/mrdoob/three.js官方例子:https://threejs.org/examples/源码结构三大组件示意图三维几何体网格模型相机-正投影和透视Lambert光... Read More >
201906-10 坐标系:世界坐标-标准坐标-屏幕坐标之间转化 坐标系&坐标系转化算法 Threejs的三维坐标系为右手坐标系。Threejs世界坐标转化为屏幕坐标步骤:世界坐标-标准坐标-屏幕坐标具体代码实现:/** * 立方体世界坐标转屏幕坐标 */ //获取网格模型boxMesh的世界坐标 var worldVector = new THREE.Vector3( boxMesh.position.x, boxMesh.posi... Read More >
201906-10 OpenGL概述及实例(基于webGL绘制一个立方体) OpenGL概述OpenGL是一个三维绘图标准(这个标准规定了API的输入和输出,具体的内部实现一般是由显卡厂商实现)。这个标准也有一个web的版本(WebGL)。标准化组织:Khronos Group 成立于 2000 年 1 月,由包括 3Dlabs, ATI, Discreet, Evans & Sutherland, Intel, Nvidia, SGI 和 Sun Microsystems 在内的多家国际知名多媒体行业领导者创立,致力于发展开放标准的应用程序... Read More >
201906-10 Linux启动流程和服务管理(init和systemd区别) 一:Linux启动流程Rhel6启动过程:Rhel7启动过程: GRUB2相较于GRUB一代的提升:更健壮、可移植、更强大。支持BIOS、EFI和OpenFirmware,支持GPT和MBR分区表。支持非Linux系统,如苹果HFS文件系统和Windows的NTFS文件系统。systemd 被设计用来改进 sysvinit 的缺点,它和ubuntu的upstart是竞争对手,预计会取代它们。systemd的目标是:尽可能启动更少进程;尽可能将更多进程并行启动。sys... Read More >
201906-10 H5自带的进度条和滑块使用 一、H5自带进度条html代码如下:<div id="d1"> <p id="pgv">进度:0%</p> <progress id="pg" max="100" value="0"></progre... Read More >