require(jquery); 内部处理是先替换 alias, 再替换 paths, 1) require('jquery') 当前解析为 jquer...
本周跟大家分享6月1日在深圳举办的腾讯大讲堂【Sea.js与前端技术平台梦】讲座视频。...下面为本期主讲嘉宾 支付宝前端基础技术负责人王保平（玉伯）的主题分享：《Sea.js 与前端技术平台梦》 视频内容
本文给大家分享sea.js知识总结,感兴趣的朋友一起学习吧 http://reactjs.cn/ http://reactjs.cn/react/docs/getting-started-zh-CN.html
配置 可以对 Sea.js 进行配置，让模块编写、开发调试更方便。 ---- seajs.config seajs.config(options) 用来进行配置的方法。...'' : 'json' ], // 调试模式 debug: true, // Sea.js 的基础路径 base: 'http://example.com/path/to/base...base String Sea.js 在解析顶级标识时，会相对 base 路径来解析。详情请参阅 模块标识 注意：一般请不要配置 base 路径，把 sea.js 放在合适的路径往往更简单一致。...插件的配置 插件可以给 Sea.js 添加配置项，请查看具体插件了解相关配置。 配置文件 配置可以直接写在 html 页面上，也可以独立出来成为一个文件。
回顾 之前也写了几篇关于javascript模块的博客，链接如下： 回头再看JS模块化编程[2] 回头再看JS模块化编程之AMD[3] sea.js的同步魔法[4] 近几天准备总结一下javascript...打开效果页面链接[6]（要看源码的话，点开Git仓库[7]），观察Network的文件加载顺序，可以看到，原则就是依赖先行。 ?...给个sea.js调用UMD的效果页面链接，sea.js调用UMD模块[9] 而nodejs调用UMD模块需要执行node命令， node umd-simple-used-by-nodejs 效果如下：...的同步魔法: http://hexo.wbjiang.cn/sea.js%E7%9A%84%E5%90%8C%E6%AD%A5%E9%AD%94%E6%B3%95.html [5] Git仓库: https...[10] 效果页面链接: https://cumt-robin.github.io/umd-learning/umd-dep-used-by-global.html [11] 效果页面链接: https
先看问题： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>变量作用域问题</title...
有的推荐第三方框架，比如 In.js、requrieJS、sea.js、lab.js等。这个开阔了眼界，以前只知道sea.js，省去了自己搜索的麻烦。...主要看的是sea.js，目前简单的理解是：一个加载js的机制 + 模块化编程(CMD规范)的理念。这个是淘宝用的，肯定很强大、很结实了。那么我是不是拿来用呢？...因为我想达到的效果是，每个页面只需要 这么一行，就可以把所有的共用的js文件都统统的加载进来...突然想到一个问题，我们写js到底要达到什么目的（效果）？基础功能（jQuery、my97、editor等）、UI（easyUI等）、处理业务逻辑（做点判断了啥的）。还有其他的啥。
JS模块化和使用 很久以前就知道js模块化开发可以使用require.js和sea.js，就一直没去看看。...最近在了解查看的，度一下require.js相关的博客和文章，写得真是操蛋的疼，都是互相抄来抄去，博主应该都没有自己实际去敲过，哪怕给我写一个完整的简单应用示例我都可以上手，结果把自己折腾得……后面也看来sea.js...RequireJS 和 Sea.js 都是模块加载器，倡导模块化开发理念，核心价值是让 JavaScript 的模块化开发变得简单自然。...效果 ?...require(['js/4_math'],function(mytool){ console.log(mytool.a(11,22));//33 }); 效果
v=20170215:61) t.exec (sea.js:2) t.use.e.callback (sea.js:2) t.onload (sea.js:2) t.load (sea.js:2...) d (sea.js:2) onload (seajs-css.js:110) ==== line:6272, [http://tmisc.home.news.cn/search/...v=20170215] , [] line:2, [http://tmisc.home.news.cn/search/font/js/base/sea.js] , [t.exec] line:2,.../search/font/js/base/sea.js] , [t.onload] line:2, [http://tmisc.home.news.cn/search/font/js/base/sea.js...] , [t.load] line:2, [http://tmisc.home.news.cn/search/font/js/base/sea.js] , [d] line:143, [http:/
参考seajs快速入门 一、前端模块化的价值 解决命名冲突 摆脱文件依赖 性能优化 提高可维护性 seajs.use方法调用 通过exports暴露接口 通过require引入依赖 二、Sea.js...的常用 API seajs.config base string Sea.js 在解析顶级标识时，会相对 base 路径来解析 seajs.use 用来在页面中加载模块 require...顶级标识：顶级标识不以点（.）或斜线（/）开始， 会相对模块系统的基础路径（即 Sea.js 的 base 路径）来解析 四、 使用步骤 引入sea.js文件（方法与引用jQuery相同） 配置信息 在...'' : 'json' 29 ], 30 31 // 调试模式 32 debug: true, 33 34 // Sea.js 的基础路径 35 base: 'http://example.com.../path/to/base/', 36 37 // 文件编码 38 charset: 'utf-8' 39 }); 配置sea.js的基础路径 及加载模块 1 通过 use 方法，可以在页面中加载任意模块
我们通过sea.js来加载我们定义的模块（这会儿遵循CMD规范）并使用相应的数据。...首先，当然是要下载sea.js,可以直接去 http://seajs.org/docs/#downloads 直接下载代码包，解压后 在 /dist/目录下可以 找到 sea.js CMD规范是懒加载，...index.html: 首先包含资源sea.js ，再包含主模块，这里因为要执行主模块中返回的数据，所以使用了回调函数的处理 //加载入口文件main.js，默认后缀js自动匹配 seajs.use('.
本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。 恼人的命名冲突 我们从一个简单的习惯出发。...为了方便描述，我们使用 Sea.js 来作为模块化开发框架。 使用 Sea.js 来解决 Sea.js 是一个成熟的开源项目，核心目标是给前端开发提供简单、极致的模块化开发体验。...使用 Sea.js，在书写文件时，需要遵守 CMD （Common Module Definition）模块定义规范。一个文件就是一个模块。...*/); }); 首先要在页面中引入 sea.js 文件，这一般通过页头全局把控，也方便更新维护。...Sea.js 还提供了 nocache、debug 等插件，拥有在线调试等功能，能比较明显地提升效率。前端性能优化。Sea.js 通过异步加载模块，这对页面性能非常有益。
模块系统 Sea.js 是一个适用于 Web 浏览器端的模块加载器。在 Sea.js 里，一切皆是模块，所有模块协同构建成模块系统。Sea.js 首要要解决的是模块系统的基本问题： 模块是什么？...在 Sea.js 里，我们专注于 JS 模块（其他类型的模块可以转换为 JS 模块）： 模块是一段 JavaScript 代码，具有统一的基本书写格式。模块之间通过基本交互规则，能彼此引用，协同工作。...Sea.js 遵循的是 CMD 规范，会在接下来的文档中详细阐述。 延伸阅读 function / bind 的救赎 继承与混合，略谈系统的构建方式
持续更新 文字效果阴影 text-shadow: 5px 5px 5px #0000CC;/*右偏移 下偏移 阴影背景模糊*/ 块阴影 box-shadow:2px 5px 12px #3B2E32
此案例实现的是侧边栏的滑入与滑出，主要用定时器来实现物体滑动时速度的控制，从而实现滑入滑出效果，下面是效果图： 下面是实现的js代码： window.onload=function()
飘雪效果 作者：matrix 被围观: 2,606 次 发布时间：2017-01-13 分类：零零星星 | 无评论 » 这是一个创建于 2056 天前的主题，其中的信息可能已经有所发展或是发生改变...这个季节看到TGP的LOL新闻页面的飘雪效果挺好看的。顺手就copy了下 飘雪效果网上貌似大多数代码都是http://x-team.com 。 css，js，png文件都整理出来了也就记录下。...add_action('wp_footer', 'snow_footer'); function snow_footer() { if ('1' === date("n")) {//一月份才会有飘雪效果...https://pan.baidu.com/s/1i5cAnhb#383t 提取码在＃字符后面 注意需要修改snow.js 105行处代码 peace ---- P.S. 180206 jd页面的飘雪效果
}, { "id": 2 }, { "id": 3 } ] } Sea.js...(CMD) 因为 Sea.js 社区尚未提供 webpack 插件，所以 Mock.js 暂不完整支持通过 Sea.js 加载。...一种变通的方式是，依然通过 Sea.js 配置和加载 Mock.js，然后访问全局变量 Mock。
这里说的水下效果, 是指在水底下时, 为了增强真实感, 做的一种水的波动效果, 算是post process的一种吧 原理很简单, 就是把渲染好的屏幕场景做为一张纹理输入, 然后对上面的像素按时间进行扰动...texCoord + bump/500; return tex2D( Texture0, texel ); } Texture1是一张bumpmap 最终效果...: 可能不太明显, 毕竟是个动态效果, 把波动值加大: 关于扰动的时候屏幕边缘会显示另一边的像素的问题, 只要把texture0的寻址模式改成CLAMP就OK啦
Glare, 即Bloom/Glow, 一种发光的效果, 包括曝光处理 2. Streaks, 即Star-like glow, 星光效果 3....Ghosts, 即Lens Flares, 镜头光晕 通常情况下, 只做第一种处理, 这样的HDR效果上并没有差太多, 但是效率比原来有很大提高, 也不需要那么多的RenderTarget....Gaussian Filter(高斯模糊), 分u, v两个方向进行效果比较好 最后的Tone Mapping的曝光度要控制得当, 不然画面会失真 最终效果
选人界面的角色出现时的效果非常酷, 一直不知道咋做的 还是中speedtree在镜头前时的消隐也是这种溶解效果, 跟的圆形透明消隐差不多, 但是这种方法不用alphablend...那么, 用一张噪声图就可以控制那种不规则的小窟窿(虫子咬了) PS里只要用一个量来控制clip的参数范围就能很好地实现溶解效果....float4 color = tex2D(Texture0, tex); clip(color.r + fDissolve * 0.15f); return color; } 效果图
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
