1.thingjsä¸threejsçåºå«ï¼
2.react umi+dva开发基本流程(1)
3.Node入门概念+Express基础(个人整理)
thingjsä¸threejsçåºå«ï¼
html5canvasåwebglåthree.jsæä»ä¹åºå«
åºäºwebglç3Dæ¡æ¶ä¹ç®å§ï¼ä¼æå¨ç¥å°ºé èï¼WebGLä½ä¸ºOpenGLçåéï¼å¨HTML5ä¸æå¾å¤§çæ¿æ¦æ¯æå度ï¼ä¸è¿webglæ¯å¾åºå±çä¸ç§ææ¯ï¼ä¸å®¹æå½¢æ3Då¼åæ¦å¿µï¼æ以æå¾å¤åºäºwebglç3Dæ¡æ¶äº§çï¼å¸¸è§çæthree.jsãthingjsãd3.jsççã
thingjsæ¯è¿ä¸¤å¹´çæ°å ´æ¡æ¶ï¼æ¯three.jsæ´ä¸ºé¡¶å±ï¼ç¸å½äºä¸éè¦ä»»ä½3Dä¸ä¸ç¥è¯å¨å¤ï¼åªæå¾js,html5,canvaså¼åé»è¾å°±å¯éµå以è°è¯3Dææï¼å éå¼åæçï¼æ以åå°ä¸å°ä¼ä¸å¼åè ç欢è¿ã
thingjså¨çº¿å¹³å°æä¾3Då¯è§åå¼åå¥ä»¶ï¼3D模ååºæåä¸å¤ä¸ªæ¨¡åååºæ¯ï¼é¡¹ç®å¯¼å ¥å¹³å°æé»è®¤ç¯å ï¼å©ç¨3Dæºç å¼åç¯å ææãåæ¢2D/3dçï¼å 费注åthingjsè´¦æ·å¯çå°ä»¥ä¸3Dç¼è¾å¨ææã
javascriptç¨ä»ä¹å¼åå·¥å ·JavaScriptèªæ¨åºå就大åå¼åè çéçï¼åºäºJavaScriptçå¼åå·¥å ·ï¼è¿éå å«å¤§éçJSå¼åèµæºï¼å æ¬å端ãæ¡æ¶ãéç¨ç±»çï¼ä¸è®¡å ¶æ°ï¼å¼åè 们å¯ä»¥çµæ´»éæ©ï¼è½»æ¾æ建åºç¨ãæ¬æå享å款JavaScriptå¼å工仿æå ·
1.Kreate
è¿æ¬¾å·¥å ·æå©äºå¯¹jQuery对象快éçæDOMãä½ å¯ä»¥å建å个æå¤ä¸ªå ç´ ã
2.NightWatchjs
Nightwatchjsæ¥æä¸ä¸ªç®æ´è强大çè¯æ³ï¼è½å¤å è®¸ä½ å¿«éç¼åæµè¯ãå®æ¯ä¸ç¨äºæµè§å¨åºç¨åç½ç«çä¸æ¬¾ç«¯å°ç«¯çæµè¯è§£å³æ¹æ¡ã
3.Gulpjs
Gulpæ¯æ¯è¾ç«çå¼æºé¡¹ç®ï¼é ç½®æ´ç®æ´ãæ´ç´è§ï¼åå°å¾å¤å¼åè çéçã
4.EasyStarjs
Easystarjsæ¯å©ç¨JavaScriptAPIç¼åçï¼å¸¸ç¨è¯æ建HTML5游æãå¼åè å¯ä»¥å°å ¶ä¸ç°æçJSæ¡æ¶æé 使ç¨ã
5.Headroom.js
Headroom.jsæ¯ä¸æ¬¾è½»é级ãé«æ§è½çJSç»ä»¶ï¼æ ä¾èµæ§ï¼ã
6.Harpjs
Harpæ¯ä¸æ¬¾å¿«éçãè½»é级çWebæå¡å¨ãHarpservesJadeï¼Markdownï¼EJSï¼CoffeeScript,Sass,LESS以åStylusasHTMLãCSSJavaScripåå¯è½»æ¾é ç½®ã
7.GanttTwproject
Twoprojectæ¯ä¸æ¬¾å¨çº¿å è´¹çJSå¼åå·¥åµçå ·ï¼åºäºjqueryå建èæ¥ï¼æ¥æ强大迷人çå大åç¹æ§ï¼å æ¬CSSç®è¤æ ·å¼ãèµæºç¼è¾çã
8.Mocha
Mochaæ¯ä¸æ¬¾åè½ä¸°å¯çJavaScriptæµè¯æ¡æ¶ï¼å¯åºäºnode.jsåæµè§å¨è¿è¡ï¼å®ä½¿å¼æ¥æµè¯åå¾æ´ä¸ºç®åæ趣ï¼æ¯æçµæ´»ä¸åç¡®çè¾åºï¼ææå¼å¸¸ç°è±¡ã
9.ResponsiveNav
ResponsiveNavæ¯ä¸æ¬¾è½»é级çæ件ï¼å¸®å©ä½ 为å°å±å¹å建è¿æ¥å¯¼èªãæ¯æ为移å¨è®¾å¤å建触æ¸äº¤äºè®¾è®¡ä»¥åCSS转æ¢çç¹æ§ã
.FileAPI
æ³è¦å¼åç©èç½3Dåºç¨ï¼ç¨thingjsæ¹ä¾¿è¿æ¯threejsæ¹ä¾¿ï¼
æ¨è使ç¨thingjsæ¥å¼åï¼æ们å¯ä»¥å¯¹æ¯çä¸ä¸threejsåthingjsï¼é¦å äºè§£ä¸ä¸webGLã
WebGLå¯ä»¥å¤ç3Då¾åï¼å¬èµ·æ¥æ¯é常é«å ´çä¸ä»¶äºï¼ä½æ¯WebGLå®å¨æ¯å¤ªåºå±äºï¼WebGl解å³æ¯å¦ä½åç»å¸ä¸ç»å¾çé®é¢ï¼æä¹ç»ç¹ï¼çº¿ï¼é¢ï¼ææ¸ å«æ£ä¹ä¸è²ï¼æä¹è´´å¾ï¼æä¹å¤çå 线ï¼è§è§è½¬å¨ä¹åæä¹æ¢ç®ç»å¶ççãè¿äºå¯¹äºä¸ä¸ªå3Dåºç¨çå¼åè æ¥è¯´è¦å¦çä¸è¥¿å¤ªå¤äºãThreejsåºçåºç°è§£å³äºåºå±ç渲æç»èåå¤æçæ°æ®ç»æï¼ç»äºå°å¤æçåºå±ç»èæ½è±¡åºæ¥ï¼ä½¿å¾å¤§å®¶å¼å3dåºç¨æ´å®¹æäºä¸äºãåå¾å¤å¼åè 交æµthreejsé½æ¯ä»ä»¬é¦æ¬¡æ¥è§¦çWebGL3Dåºï¼å¹¶è½å¾å®¹æçå°±è½å¼å§åä¸èç»äºå®éªãä½æ¯ä½¿ç¨Threejså¼ååºç¨è¿æ¯é¨æ§å¾é«ï¼ä½å°±ä¸ä¸ªå 载模åï¼è°å ï¼éæ©æ¨¡åå¼¹æ¡çåè½ï¼å°±è½å¹²åºThreejsä¸ç¾è¡ä»£ç ãåæ¶è¿æå¾å¤å¤æç3Dæ¦å¿µéè¦ç解ãè¿æ¶å°±éè¦ThingJSäºã
ThingJSæ¯æ´ä¸ºä¸å±çæ½è±¡ï¼ä¸ç¨å ³å¿ï¼æ¸²æï¼meshï¼å 线çå¤ææ¦å¿µãå®æ½è±¡æ¯ä¸ä¸ªä¸ªå ·ä½ç模åï¼ThingJSå°è£ äºå¯¹æ¨¡å交äºäºä»¶çåç§apiï¼æ¯å¦åå»ï¼å·¦é®ï¼é¼ æ æ»è¿çï¼ThingJSå°è£ äºå¯¹æ¨¡åçæä½ï¼ä¾å¦ç§»å¨ï¼æ¾å¤§ç¼©å°ï¼ä¸è²ï¼å¾è¾¹ï¼çè³å¼é¨ï¼ThingJSè¿å°è£ äºæ¨¡åçå±æ¬¡å ³ç³»ï¼ä¾å¦ç©çåä½æ¯æ¾å¨æ个æ¿é´éçï¼æ¿é´åå¨æ个楼å±ï¼æ¥¼å±åæ¯æ个大楼çã大楼å¨ååºéã
æ´å¤äºè§£å¯ä»¥çä¸ä¸ç½é¡µé¾æ¥
react umi+dva开发基本流程(1)
认识UMI,一个企业级的React应用框架,官网地址:umijs.org/zh/guide/.它以路由为核心,支持类Next.js的约定式路由,以及各种进阶功能,如路由级别的网页版word源码按需加载。同时,UMI配备了完善的插件体系,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展和业务需求,已拥有超过个插件。
作为蚂蚁金服的底层前端框架,UMI已服务于超过个应用,包括Java、activiti源码面试Node、H5无线、离线(Hybrid)应用、纯前端资产应用、CMS应用等。UMI旨在为内部及外部用户提供高效、稳定的前端解决方案。
使用UMI搭建项目的步骤如下:
1. 全局安装环境
2. 构建项目并创建src目录
3. 创建页面或路由组件
4. 运行项目
5. 构建生产环境
这些步骤涵盖了基本的页面构建和项目启动。
在UMI中,pages中的js组件并列,文件名即为路由路径。通过导航标签可实现路由切换。
路由传参有三种形式:params、robotframework 源码解析query、state。接收参数时,根据传参形式进行对应处理。
嵌套路由时,构建_layout.js用于展示子组件。通过{ props.children}展示子组件。
HTML模版定义包括定义title、meta等设置,构建document.ejs。全局公共的css编写,构建global.css,无需引入,roscore源码阅读所有pages组件均可用。
Node入门概念+Express基础(个人整理)
Node.js是一个在服务器端运行JavaScript的开放源代码、跨平台的JS运行环境,采用V8引擎,通过事件驱动、非阻塞和异步I/O模型优化性能。大部分Node.js模块使用JavaScript编写。I/O操作涉及磁盘或数据库的数据读写。执行JS文件时,使用`node + 文件名`命令。
在Node.js中遵循CommonJS规范,实现模块化。`node_modules`目录存放第三方模块,python tkinter源码无需相对路径引用。通过`require('模块路径')`引入模块,返回对象,代表该模块。每个模块的代码在独立函数中执行,变量和函数在其他模块不可访问,通过`exports`暴露。例如,`exports.x = ...`。对比ES6,`export const get = () => { };`暴露方法。
包是将一组相关模块组合,形成完整工具的集合。由`package.json`描述文件、`bin`、`lib`、`doc`、`test`等组成。NPM(Node Package Manager)是实现第三方模块发布、安装、依赖等功能的平台。常用命令包括查找版本、搜索包、安装包等。
Buffer是内存中的数据缓冲区,结构与数组类似,用于存储二进制数据。在Node.js中,所有文件系统操作支持同步和异步两种方式。例如,`fs.stat()`检测目录是否存在,`fs.mkdir()`创建目录,`fs.writeFile()`创建并写入文件等。
进程负责程序运行环境,线程是计算的基本单位。Node.js是单线程模型。`fs`模块提供文件系统交互API。`fs.stat()`、`fs.mkdir()`、`fs.writeFile()`等函数用于文件操作。
流是数据传输方式,包括读取和写入流。读取流通过`fs.createReadStream()`创建,写入流通过`fs.createWriteStream()`创建。管道读写操作用于大文件复制。
异步编程使用`async`和`await`语法,简化异步操作。`async`函数返回Promise,`await`等待Promise解析。
Node.js构建基本Web服务器使用`http.createServer()`。通过`res.writeHead()`和`res.end()`发送响应。使用`path`模块获取文件路径,`url`模块解析URL。
Express是Node.js的Web框架,简化Web应用开发。实例化`app`,配置路由和中间件。`app.listen()`启动服务器监听。`GET`、`POST`等方法用于请求处理。
Express支持多种路由配置,包括动态路由和多级路由。中间件在路由匹配前后执行,例如应用级、路由级和错误处理中间件。
使用Express的模板引擎,例如EJS,实现HTML模板渲染。配置静态资源目录使用`app.use()`。`res.render()`发送渲染后的模板。
Express支持Cookie管理和Session管理。通过`cookie-parser`模块处理Cookie。配置Session使用`express-session`。使用Session存储用户状态,实现登录、注销等功能。