├── .gitattributes ├── .gitignore ├── .idea ├── SourceSave.iml ├── misc.xml ├── modules.xml └── workspace.xml ├── AngularJs ├── AngualrJs@demo │ ├── 00_ngRouter.html │ ├── 01_agular-ui-router-helloWorld.html │ ├── 02_gitHubService.html │ ├── 03_$http.html │ ├── 04_angular-ui-router-solar.html │ ├── 05_Market.html │ ├── bootstrap │ │ ├── css │ │ │ ├── bootstrap-theme.css │ │ │ ├── bootstrap-theme.min.css │ │ │ ├── bootstrap.css │ │ │ └── bootstrap.min.css │ │ ├── fonts │ │ │ ├── glyphicons-halflings-regular.eot │ │ │ ├── glyphicons-halflings-regular.svg │ │ │ ├── glyphicons-halflings-regular.ttf │ │ │ └── glyphicons-halflings-regular.woff │ │ └── js │ │ │ ├── bootstrap.js │ │ │ └── bootstrap.min.js │ ├── js │ │ ├── angular-1.2.32 │ │ │ ├── angular-animate.js │ │ │ ├── angular-animate.min.js │ │ │ ├── angular-cookies.js │ │ │ ├── angular-cookies.min.js │ │ │ ├── angular.js │ │ │ └── angular.min.js │ │ └── angular-ui-router.min.js │ └── tpl │ │ ├── PageTab.html │ │ ├── dashboard.html │ │ ├── home.html │ │ ├── login.html │ │ ├── register.html │ │ └── sideNav.html ├── AngualrJs@guide │ ├── 00_Data binding.html │ ├── 01_Controllers.html │ ├── 02_Services.html │ ├── 03_angularJs适用场景.html │ ├── 04_Accessing the backend.html │ ├── 05_Setting up the initial state of a $scope object.html │ ├── 06_Adding Behavior to a Scope Object.html │ ├── 07_Simple Spicy Controller Example.html │ ├── 08_Scope Hierarchies.html │ ├── 09_Scope Events Propagation.html │ ├── 10_Expressions.html │ ├── 11_ExpressionContext.html │ ├── 12_$event.html │ ├── 13_One-time binding.html │ ├── 14_Filter.html │ ├── 15_Creating custom filters.html │ ├── 16_Stateful filters.html │ ├── 17_Simple Form.html │ ├── 18_Simple valid.html │ ├── 19_Valid Form.html │ ├── 20_Custom model update triggers.html │ ├── 21_Debounced.html │ ├── 22_Custom Validation.html │ ├── 23_Modifying built-in validators.html │ ├── 24_Custom form controls.html │ ├── 25_Template-expanding directive.html │ ├── 26_TemplateUrl.html │ ├── 27_TemplateUrlFn.html │ ├── 28_Restrict.html │ ├── 29_Isolate Scope.html │ ├── 30_Directive that Manipulates the DOM.html │ ├── 31_Directive that Wraps Other Elements.html │ ├── 32_Directive that Wraps Other Elements2.html │ ├── 33_Dialog With Close.html │ ├── 34_Directive that Adds Event Listeners.html │ ├── 35_Directives that Communicate.html │ ├── 36_Animations.html │ └── tpl │ │ ├── 26_my-customer.html │ │ ├── 27_customer-address.html │ │ ├── 27_customer-name.html │ │ ├── 29_my-customer.html │ │ ├── 31_my-dialog.html │ │ ├── 33_my-dialog-close.html │ │ ├── 35_my-pane.html │ │ └── 35_my-tabs.html ├── AngualrJs@imooc │ ├── 00_模块化.html │ ├── 01_ng-bind.html │ ├── 02_双向数据绑定.html │ ├── 03_设置样式.html │ ├── 04_ng-class.html │ ├── 05_ng-show.html │ ├── 06_指令.html │ ├── 07_指令和控制器的交互.html │ ├── 08_指令间的交互.html │ ├── 09_独立scope.html │ ├── 10_内置form指令.html │ ├── 11_内置form指令2.html │ ├── 12_利用指令实现展开收缩控件.html │ ├── 13_Accordion.html │ ├── 14_$http.html │ ├── 15_service.html │ ├── 16_$filter.html │ ├── 17_自定义filter.html │ ├── css │ │ └── bootstrap-3.0.0 │ │ │ ├── css │ │ │ ├── bootstrap-theme.css │ │ │ ├── bootstrap-theme.min.css │ │ │ ├── bootstrap.css │ │ │ └── bootstrap.min.css │ │ │ ├── fonts │ │ │ ├── glyphicons-halflings-regular.eot │ │ │ ├── glyphicons-halflings-regular.svg │ │ │ ├── glyphicons-halflings-regular.ttf │ │ │ └── glyphicons-halflings-regular.woff │ │ │ └── js │ │ │ ├── bootstrap.js │ │ │ └── bootstrap.min.js │ └── js │ │ ├── 00_模块化.js │ │ ├── 01_ng-bind.js │ │ ├── 02_双向数据绑定.js │ │ ├── 03_设置样式.js │ │ ├── 04_ng-class.js │ │ ├── 05_ng-show.js │ │ ├── 06_指令.js │ │ ├── 07_指令和控制器的交互.js │ │ ├── 08_指令间的交互.js │ │ ├── 09_独立scope.js │ │ ├── 10_内置form指令.js │ │ ├── 11_内置form指令2.js │ │ ├── 12_利用指令实现展开收缩控件.js │ │ ├── 13_Accordion.js │ │ ├── 14_$http.js │ │ ├── 15_service.js │ │ ├── 16_$filter.js │ │ ├── 17_自定义filter.js │ │ └── angular-1.3.0.js ├── AngularJs@lg │ ├── css │ │ └── index.css │ ├── data │ │ ├── city.json │ │ ├── code.json │ │ ├── company.json │ │ ├── favorite.json │ │ ├── handle.json │ │ ├── isHandled.json │ │ ├── login.json │ │ ├── logout.json │ │ ├── myFavorite.json │ │ ├── myPost.json │ │ ├── position.json │ │ ├── positionList.json │ │ ├── regist.json │ │ ├── salary.json │ │ ├── scale.json │ │ └── search.json │ ├── image │ │ ├── account.png │ │ ├── background.png │ │ ├── company-1.png │ │ ├── company-2.png │ │ ├── company-3.png │ │ ├── document.png │ │ ├── head.png │ │ ├── lock.png │ │ ├── me.png │ │ ├── search.png │ │ ├── star-active.png │ │ └── star.png │ ├── index.html │ ├── lib │ │ ├── angular-animate.min.js │ │ ├── angular-cookies.min.js │ │ ├── angular-ui-router.min.js │ │ ├── angular-validation.min.js │ │ └── angular.min.js │ ├── script │ │ ├── app.js │ │ ├── config.js │ │ ├── controller.js │ │ ├── directive.js │ │ ├── filter.js │ │ └── service.js │ └── view │ │ ├── company.html │ │ ├── favorite.html │ │ ├── login.html │ │ ├── main.html │ │ ├── me.html │ │ ├── position.html │ │ ├── post.html │ │ ├── register.html │ │ ├── search.html │ │ └── template │ │ ├── companyInfo.html │ │ ├── foot.html │ │ ├── head.html │ │ ├── headBar.html │ │ ├── positionClass.html │ │ ├── positionInfo.html │ │ ├── positionList.html │ │ ├── sheet.html │ │ └── tab.html └── AngularJs@xmb │ ├── 00_依赖注入.html │ ├── 01_数据绑定.html │ ├── 03_购物车.html │ ├── 04_module.html │ ├── 05_过滤器练习.html │ ├── 06_$scope中的$apply.html │ ├── 07_$scope中的$watch.html │ ├── 08_购物车重写.html │ ├── 09_filter.html │ ├── 10_过滤器练习重写.html │ ├── 11_自定义过滤器.html │ ├── 12_内置指令.html │ ├── 13_自定义指令.html │ ├── 14_自定义指令2.html │ ├── 15_自定义指令3.html │ ├── 16_自定义指令4.html │ ├── 17_自定义指令5.html │ ├── 18_自定义指令6.html │ ├── 19_自定义accordion指令.html │ ├── 20_模块中的value、contant、run.html │ ├── 21_form.html │ ├── bootstrap │ ├── css │ │ ├── bootstrap-theme.css │ │ ├── bootstrap-theme.min.css │ │ ├── bootstrap.css │ │ └── bootstrap.min.css │ ├── fonts │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ └── glyphicons-halflings-regular.woff │ └── js │ │ ├── bootstrap.js │ │ └── bootstrap.min.js │ ├── img │ └── loader.gif │ ├── js │ ├── angular-animate.js │ ├── angular-route.min.js │ └── angularjs.js │ └── tpl │ ├── accordionItem.html │ └── testTpl.html ├── Canvas ├── 00_canvas.html ├── 01_canvas_绘制多个路径.html ├── 02_canvas_绘制多个路径_相互独立.html ├── 03_canvas_七巧板.html ├── 04_canvas_圆弧.html ├── 05_canvas_多个圆弧.html ├── 06_canvas_时钟.html ├── 07_canvas_抛物线.html ├── 07_canvas_时钟_带小球.html ├── 08_canvas_三条折线.html ├── 09_canvas_三条折线_状态绘制陷阱.html ├── 10_canvas_三条折线_避免状态绘制陷阱.html ├── 11_canvas_封闭图形_不规范方法.html ├── 12_canvas_封闭图形_正确方法.html ├── 13_canvas_封闭图形_填充颜色陷阱.html ├── 14_canvas_封闭图形_避免填充颜色陷阱.html ├── 15_canvas_绘制图形格式.html ├── 16_canvas_绘制矩形.html ├── 17_canvas_绘制矩形_快捷方法.html ├── 18_canvas_线条帽子.html ├── 19_canvas_绘制五角星.html ├── 20_canvas_绘制五角星_lineJoin.html ├── 21_canvas_绘制星空.html ├── 22_canvas_图形变换累加机制.html ├── 23_canvas_图形变换避免累加.html ├── 24_canvas_图形变换避免累加_状态保存及恢复.html ├── 25_canva_绘制星空_translate、rotate.html ├── 26_canva_scale_副作用.html ├── 27_canva_绘制星空_scale.html ├── 28_canva_变换矩阵.html ├── 29_canva_线性渐变.html ├── 30_canva_绘制星空_背景渐变.html ├── 31_canva_径向渐变.html ├── 32_canvas_使用图片.html ├── 33_canvas_圆角矩形.html ├── 34_canvas_绘制月亮.html ├── 35_canvas_绘制星空_月亮.html ├── 36_canvas_绘制星空_草地.html ├── 37_canvas_文字基础.html ├── 38_canvas_文字度量.html ├── 39_canvas_阴影.html ├── 40_canvas_透明度.html ├── 41_canvas_覆盖方式.html ├── 42_canvas_剪辑区域.html ├── 43_canvas_探照灯.html ├── 44_canvas_路径方向.html ├── 45_canvas_阴影圆环.html ├── 46_canvas_判断点击区域.html ├── 47_canvas_绘制图像.html ├── 48_canvas_绘制图像_设置尺寸.html ├── 49_canvas_绘制图像_中心缩放.html ├── 50_canvas_绘制图像_离屏canvas.html ├── 51_canvas_绘制图像_鼠标交互.html ├── 52_canvas_像素处理.html ├── 53_canvas_像素处理_置灰.html ├── 54_canvas_像素处理_黑白.html ├── 55_canvas_像素处理_反色.html ├── 56_canvas_像素处理_创建ImageData.html ├── digit.js └── sea.jpg ├── CanvasMDN ├── 00_开始.html ├── 01_坐标系.html ├── 02_绘制图形.html ├── 03_绘制路径.html ├── 04_路径对象Path2D.html ├── 05_设置颜色.html ├── 06_全局透明度.html ├── 07_线型.html ├── 08_渐变.html ├── 09_图案样式.html ├── 10_阴影.html ├── 11_填充规则.html ├── 12_绘制文本.html ├── 13_使用图像.html ├── 14_缩放图像.html ├── 15_图像切片.html ├── 16_画布状态保存与恢复.html ├── 17_translate.html ├── 18_rotate.html ├── 19_scale.html ├── 20_transform.html ├── 21_合成.html ├── 22_裁切路径.html ├── 23_动画.html ├── 24_像素操作.html ├── 25_灰度反色.html ├── 26_缩放反锯齿.html ├── 27_保存图片.html ├── 28_优化.html ├── 29_其他属性及方法.html └── pattern.png ├── CssSecrets ├── 00_减少代码重复.html ├── 01_currentColor.html ├── 02_使用inherit完成一些reset.html ├── 03_半透明边框.html ├── 04_多重边框.html ├── 05_多重边框_outline.html ├── 06_灵活背景图定位.html ├── 07_灵活背景图定位_origin.html ├── 08_灵活背景图定位_calc.html ├── 09_边框内圆角_两个元素实现.html ├── 10_边框内圆角_一个元素实现.html ├── 11_水平条纹.html ├── 12_垂直条纹.html ├── 13_斜向条纹.html ├── 14_更好的斜向条纹.html ├── 15_灵活的同色系条纹.html ├── 16_渐变生成网格.html ├── 17_格子可调的网格.html ├── 18_更加逼真的可调网格.html ├── 19_径向渐变生成波点.html ├── 20_错落有致的波点.html ├── 21_渐变生成棋盘.html ├── 22_渐变生成棋盘优化.html ├── 23_伪随机背景.html ├── 24_连续的背景边框.html ├── 25_老式信封.html ├── 26_蚂蚁行军边框.html ├── 27_脚注.html ├── 28_椭圆.html ├── 29_平行四边形.html ├── 30_菱形图片.html ├── 31_斜向切角.html ├── 32_弧形切角.html ├── 33_梯形标签页.html ├── 34_饼图.html ├── 35_饼图_svg.html ├── 36_饼图_svg优化.html ├── 37_单侧、邻边、双侧投影.html ├── 38_不规则投影.html ├── 39_染色效果_滤镜.html ├── 40_染色效果_混合模式.html ├── 41_毛玻璃.html ├── 42_折角效果.html ├── 43_其它角度折角.html ├── 44_更加逼真的折角.html ├── 45_插入换行.html ├── 46_代码斑马纹.html ├── 47_控制tab的大小.html ├── 48_自定义下划线.html ├── 49_凸版文字.html ├── 50_空心文字.html ├── 51_文字发光效果.html ├── 52_伪3d文字.html ├── 53_长阴影文字.html ├── 54_环形文字.html ├── 55_使用禁用标志标识禁用按钮.html ├── 56_扩大点击区域.html ├── 57_自定义复选框.html ├── 58_模糊背景.html ├── 59_滚动阴影提示.html ├── 60_图片对比控件.html ├── 61_范围输入的图片对比控件.html ├── 62_自适应内部元素.html ├── 63_根据兄弟元素的数量来设置样式.html ├── 64_根据兄弟元素数量范围来匹配元素.html ├── 65_满幅背景定宽内容.html ├── 66_弹性过渡.html ├── 67_延时过渡.html ├── 68_逐帧动画.html ├── 69_文字闪烁动画.html ├── 70_打字动画.html ├── 71_状态平滑的动画.html └── 72_用两个元素实现沿环形路径平移的动画.html ├── DaNei ├── 00_Html基础知识.html ├── 01_Css基础知识.html ├── 02_hack.html ├── 03_js基础.html ├── 04_js核心语法.html ├── 05_数据类型.html ├── 06_数据类型转换.html ├── 07_运算符.html ├── 08_判断输入类型.html ├── 09_逻辑短路.html ├── 100_canvas图像.html ├── 101_Web存储.html ├── 102_飞机大战.html ├── 103_cQuery.html ├── 104_jQuery.html ├── 105_jQuery插件.html ├── 106_jQuery插件开发最佳实践.html ├── 107_让jQuery插件支持AMD、CMD、CommonJs规范.html ├── 108_Ajax.html ├── 109_RESTful.html ├── 10_函数.html ├── 110_Xhr2的onprogress事件.html ├── 111_JSONP.html ├── 112_Commet用Http流实现.html ├── 113_WebSocket.html ├── 11_URI编码解码.html ├── 12_eval.html ├── 13_IPO.html ├── 14_switch.html ├── 15_循环.html ├── 16_随机数.html ├── 17_声明提升.html ├── 18_阶乘.html ├── 19_乘法表.html ├── 20_数组.html ├── 21_变量生命周期.html ├── 22_数组遍历.html ├── 23_冒泡排序.html ├── 24_数组方法.html ├── 25_数组sort.html ├── 26_升降序.html ├── 27_栈和队列.html ├── 28_十进制转二进制.html ├── 29_二维数组.html ├── 30_遍历二维数组.html ├── 31_内置对象.html ├── 32_字符串.html ├── 33_所有字符转五位.html ├── 34_每个单词首字母大写.html ├── 35_字符串中各种字符的个数.html ├── 36_模式匹配.html ├── 37_正则表达式.html ├── 38_RegExp.html ├── 39_获取a的href值.html ├── 40_从正则已经匹配的内容中取一部分.html ├── 41_用于模式匹配的String方法.html ├── 42_多空格每个单词首字母大些.html ├── 43_去除开头结尾空白字符.html ├── 44_Math类型.html ├── 45_4位随机验证码.html ├── 46_生成验证码并验证.html ├── 47_Date对象.html ├── 48_合同到期.html ├── 49_日期格式化.html ├── 50_Number对象.html ├── 51.错误处理.html ├── 52_Function对象.html ├── 53_isEmpty.html ├── 54_闭包.html ├── 55_OOP.html ├── 56_继承.html ├── 57_继承续.html ├── 58_2048.html ├── 59_访问器属性.html ├── 60_属性的特性.html ├── 61_面向对象编写去前导空格.html ├── 62_面向对象编写date格式化.html ├── 63_DOM.html ├── 64_二级菜单.html ├── 65_遍历元素树.html ├── 66_创建table.html ├── 67_读取数据显示在表格上.html ├── 68_省市级联下拉.html ├── 69_BOM.html ├── 70_window.length.html ├── 71_在线点菜.html ├── 72_打开新窗口.html ├── 73_时钟.html ├── 74_秒表.html ├── 75_定时跳转.html ├── 76_变换的标题.html ├── 77_禁止用户输入特定字符.html ├── 78_HTMLDOM.html ├── 79_遍历元素所有属性.html ├── 80_验证手机号.html ├── 81_留言板验证.html ├── 82_不限层级的联动菜单.html ├── 83_无限层级级联菜单.html ├── 84_表单验证.html ├── 85_用户登录弹窗.html ├── 86_放大镜.html ├── 89_尺寸位置大小总结.html ├── 90_服务器端开发技术.html ├── 91_HTTP.html ├── 92_HTML5.html ├── 93_调色板.html ├── 94_验证事件.html ├── 95_多媒体.html ├── 96_canvas.html ├── 97_太极图.html ├── 98_小球移动.html ├── 99_canvas文字.html ├── img │ ├── background.png │ ├── bomb.png │ ├── btn_finish.png │ ├── btn_finish_en.png │ ├── bullet1.png │ ├── bullet2.png │ ├── enemy1.png │ ├── enemy1_down1.png │ ├── enemy1_down2.png │ ├── enemy1_down3.png │ ├── enemy1_down4.png │ ├── enemy2.png │ ├── enemy2_down1.png │ ├── enemy2_down2.png │ ├── enemy2_down3.png │ ├── enemy2_down4.png │ ├── enemy2_hit.png │ ├── enemy3_down1.png │ ├── enemy3_down2.png │ ├── enemy3_down3.png │ ├── enemy3_down4.png │ ├── enemy3_down5.png │ ├── enemy3_down6.png │ ├── enemy3_hit.png │ ├── enemy3_n1.png │ ├── enemy3_n2.png │ ├── game_loading1.png │ ├── game_loading2.png │ ├── game_loading3.png │ ├── game_loading4.png │ ├── game_pause_nor.png │ ├── game_pause_pressed.png │ ├── hero1.png │ ├── hero1.psd │ ├── hero1_protect1.png │ ├── hero1_protect2.png │ ├── hero2.png │ ├── hero_blowup_n1.png │ ├── hero_blowup_n2.png │ ├── hero_blowup_n3.png │ ├── hero_blowup_n4.png │ ├── hero_protect_disapper_n1.png │ ├── hero_protect_disapper_n2.png │ ├── hero_protect_disapper_n3.png │ ├── loading-fj.gif │ ├── loading.gif │ ├── position.png │ ├── product-s4-l.jpg │ ├── product-s4-m.jpg │ ├── shoot_copyright.png │ ├── shoot_copyright_en.png │ ├── small-bee-hi.png │ ├── start.png │ ├── ufo1.png │ └── ufo2.png ├── js │ ├── 00_测试内外部同名函数.js │ ├── 2048.js │ └── jquery-1.12.4.min.js └── media │ ├── video.mp4 │ └── video.ogg ├── Dmd ├── 00_过滤表单左右空格.html ├── 01_验证是否输入.html ├── 02_禁止输入.html ├── 03_关闭输入法.html ├── 04_禁止复制与粘贴.html ├── 05_限制只能输入数字.html ├── 06_限制只能输入中文.html ├── 07_限制字符串长度.html ├── 08_限制字符串长度(区分中英文).html ├── 09_实时提示可输入的字符数.html ├── 10_Placeholder.html ├── 11_垂直滚动.html ├── 12_密码强度实时验证.html ├── 13_回车提交.html ├── 14_光标停留在文字最后.html ├── 15_默认选中文本.html ├── 16_常用验证.html ├── 17_关键字过滤.html ├── 18_根据指定内容选定复选框.html ├── 19_实时预览上传的图片.html ├── 20_层叠轮播.html ├── 21_图片旋转.html ├── 22_表格拖拽.html ├── 23_打字机.html ├── 24_表格分页.html ├── 25_表格分页_Module模式.html ├── 26_表格分页_Module加强.html ├── 27_表格分页_Module加强2.html ├── 28_刷新页面.html ├── 29_屏蔽右键.html ├── 30_防止页面被嵌套.html ├── 31_取消选取.html ├── 32_添加到收藏夹.html ├── 33_页面上一来源.html ├── 34_禁止网页缓存.html ├── 35_防止点击空链接，页面重置到页的首端.html ├── 36_获取url中的参数.html ├── 37_关闭当前窗口.html ├── 38_打印.html ├── 39_获取指定日期所在月份的天数.html ├── 40_获取指定日期是第几周.html ├── 41_树形目录.html └── img │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── btn.png │ ├── float-bg.png │ ├── loading.gif │ └── share-btn.png ├── FormEvent ├── event.html └── js │ └── event.js ├── Graphviz ├── 学习Graphviz.dot └── 学习Graphviz.png ├── MiaoV ├── 00_VQuery.html ├── 01_imgOnload.html ├── 02_image对象.html ├── 03_图片lazyload.html ├── 04_苹果导航菜单.html ├── 05_照片墙.html ├── 06_闭包.html ├── 07_跨域.html ├── img │ ├── 0.jpg │ ├── 1.jpg │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ ├── 9.jpg │ └── loading.gif └── js │ ├── VQuery-v.js │ ├── VQuery.js │ └── jQuery.js ├── MiniProgram └── wx-bus │ ├── app.js │ ├── app.json │ ├── app.wxss │ ├── pages │ ├── detail │ │ ├── bus.png │ │ ├── change.png │ │ ├── detail.js │ │ ├── detail.json │ │ ├── detail.wxml │ │ └── detail.wxss │ ├── index │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── search │ │ ├── search.js │ │ ├── search.json │ │ ├── search.wxml │ │ └── search.wxss │ └── site │ │ ├── site.js │ │ ├── site.json │ │ ├── site.wxml │ │ └── site.wxss │ ├── project.config.json │ └── utils │ ├── btoa.js │ ├── des.js │ ├── event.js │ ├── location.js │ ├── promise.js │ └── util.js ├── Plugins ├── 00_template.html ├── 01_Dialog.html ├── 02_Ruler.html ├── 03_Placeholder.html ├── 04_TableSort.html ├── 05_move.html ├── 06_move_enhance.html ├── 07_carousel.html ├── 08_navFixed.html ├── 09_timeCountDown.html ├── 10_drag.html ├── 11_pagination.html ├── 12_jsonp.html ├── 13_gestures.html └── js │ ├── 00_main.js │ ├── 01_main.js │ ├── 02_main.js │ ├── 03_main.js │ ├── 04_main.js │ ├── 05_main.js │ ├── 06_main.js │ ├── 07_main.js │ ├── 08_main.js │ ├── 09_main.js │ ├── 10_main.js │ ├── lib │ ├── amNotAMD.js │ ├── domReady.js │ └── jquery-1.12.4.min.js │ ├── require-2.3.3.min.js │ └── vendor │ ├── 00_template.js │ ├── 01_dialog.js │ ├── 02_ruler.js │ ├── 03_placeholder.js │ ├── 04_tableSort.js │ ├── 05_move.js │ ├── 06_move_enhance.js │ ├── 07_carousel.js │ ├── 08_navFixed.js │ ├── 09_timeCountDown.js │ ├── 10_drag.js │ ├── 11_pagination.js │ ├── 12_jsonp.js │ └── 13_gestures.js ├── Practice ├── 00_switch.html ├── 01_calculator.html ├── 02_获取当前使用的MAC.html ├── 03_获取所有MAC.html ├── 04_viewport.html ├── 05_烟花.html ├── 06_postMessage.html ├── 07_LazyMan.html ├── 08_requestAnimationFrame.html ├── 09_GSAP.html ├── 10_表格内容滚动.html ├── 11_Module模式.html ├── 12_Masonry.html ├── 13_Handlebars.html ├── 14_Handlebars-实例.html ├── 15_数据类型的判断、属性存在性的检测.html ├── 16_兼容amd的js插件模板.html ├── 17_兼容amd的jQuery插件模板.html ├── 18_TemplateEngine.html ├── 19_flex.html ├── 20_flex实例.html ├── 21_HighChart.html ├── 22_photoSwipe.html ├── 23_移动端fixed定位、input被遮挡解决.html ├── 24_mi4.html ├── 25_list.js的API.html ├── 26_list.js实现表格排序、搜索、分页实践.html ├── 27_bootstrap-table相关API.html ├── 28_自定义滚动条.html ├── 29_刮一刮.html ├── 30_des3加密、解密.html ├── 31_地图坐标转换.html ├── 32_queryString.html ├── 33_计算两个日期的差.html ├── 34_CompositingLayer.html ├── img │ ├── Bar.png │ ├── Mobile-b.png │ ├── Mobile-w.png │ └── cattyboard.png ├── js │ ├── TweenMax.js │ ├── app.js │ ├── dark-unica.js │ ├── default-skin │ │ ├── default-skin.css │ │ ├── default-skin.png │ │ ├── default-skin.svg │ │ ├── photoswipe.css │ │ └── preloader.gif │ ├── des.js │ ├── handlebars-4.0.5.js │ ├── handlebars-4.0.5.min.js │ ├── highcharts.js │ ├── jquery-1.8.3.min.js │ ├── jquery.min.js │ ├── list.js │ ├── list.min.js │ ├── masonry.pkgd.min-4.4.1.js │ ├── photoswipe-ui-default.js │ └── photoswipe.min.js ├── json │ └── bootstrap_table_test.json └── vendors │ ├── bootstrap-3.3.7-dist │ ├── css │ │ ├── bootstrap-theme.css │ │ ├── bootstrap-theme.css.map │ │ ├── bootstrap-theme.min.css │ │ ├── bootstrap-theme.min.css.map │ │ ├── bootstrap.css │ │ ├── bootstrap.css.map │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map │ ├── fonts │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ ├── glyphicons-halflings-regular.woff │ │ └── glyphicons-halflings-regular.woff2 │ └── js │ │ ├── bootstrap.js │ │ ├── bootstrap.min.js │ │ └── npm.js │ └── bootstrap-table │ ├── bootstrap-table-locale-all.js │ ├── bootstrap-table-locale-all.min.js │ ├── bootstrap-table.css │ ├── bootstrap-table.js │ ├── bootstrap-table.min.css │ ├── bootstrap-table.min.js │ ├── extensions │ ├── accent-neutralise │ │ ├── bootstrap-table-accent-neutralise.js │ │ └── bootstrap-table-accent-neutralise.min.js │ ├── angular │ │ ├── bootstrap-table-angular.js │ │ └── bootstrap-table-angular.min.js │ ├── auto-refresh │ │ ├── bootstrap-table-auto-refresh.css │ │ ├── bootstrap-table-auto-refresh.js │ │ └── bootstrap-table-auto-refresh.min.js │ ├── click-edit-row │ │ ├── bootstrap-table-click-edit-row.css │ │ ├── bootstrap-table-click-edit-row.js │ │ └── bootstrap-table-click-edit-row.min.js │ ├── cookie │ │ ├── bootstrap-table-cookie.js │ │ └── bootstrap-table-cookie.min.js │ ├── copy-rows │ │ ├── bootstrap-table-copy-rows.js │ │ └── bootstrap-table-copy-rows.min.js │ ├── editable │ │ ├── bootstrap-table-editable.js │ │ └── bootstrap-table-editable.min.js │ ├── export │ │ ├── bootstrap-table-export.js │ │ └── bootstrap-table-export.min.js │ ├── filter-control │ │ ├── bootstrap-table-filter-control.css │ │ ├── bootstrap-table-filter-control.js │ │ └── bootstrap-table-filter-control.min.js │ ├── filter │ │ ├── bootstrap-table-filter.js │ │ └── bootstrap-table-filter.min.js │ ├── flat-json │ │ ├── bootstrap-table-flat-json.js │ │ └── bootstrap-table-flat-json.min.js │ ├── group-by-v2 │ │ ├── bootstrap-table-group-by.css │ │ ├── bootstrap-table-group-by.js │ │ └── bootstrap-table-group-by.min.js │ ├── group-by │ │ ├── bootstrap-table-group-by.css │ │ ├── bootstrap-table-group-by.js │ │ └── bootstrap-table-group-by.min.js │ ├── i18n-enhance │ │ ├── bootstrap-table-i18n-enhance.js │ │ └── bootstrap-table-i18n-enhance.min.js │ ├── key-events │ │ ├── bootstrap-table-key-events.js │ │ └── bootstrap-table-key-events.min.js │ ├── mobile │ │ ├── bootstrap-table-mobile.js │ │ └── bootstrap-table-mobile.min.js │ ├── multi-column-toggle │ │ ├── bootstrap-table-multi-toggle.js │ │ └── bootstrap-table-multi-toggle.min.js │ ├── multiple-search │ │ ├── bootstrap-table-multiple-search.js │ │ └── bootstrap-table-multiple-search.min.js │ ├── multiple-selection-row │ │ ├── bootstrap-table-multiple-selection-row.css │ │ ├── bootstrap-table-multiple-selection-row.js │ │ └── bootstrap-table-multiple-selection-row.min.js │ ├── multiple-sort │ │ ├── bootstrap-table-multiple-sort.js │ │ └── bootstrap-table-multiple-sort.min.js │ ├── natural-sorting │ │ ├── bootstrap-table-natural-sorting.js │ │ └── bootstrap-table-natural-sorting.min.js │ ├── print │ │ ├── bootstrap-table-print.js │ │ └── bootstrap-table-print.min.js │ ├── reorder-columns │ │ ├── bootstrap-table-reorder-columns.js │ │ └── bootstrap-table-reorder-columns.min.js │ ├── reorder-rows │ │ ├── bootstrap-table-reorder-rows.css │ │ ├── bootstrap-table-reorder-rows.js │ │ └── bootstrap-table-reorder-rows.min.js │ ├── resizable │ │ ├── bootstrap-table-resizable.js │ │ └── bootstrap-table-resizable.min.js │ ├── select2-filter │ │ ├── bootstrap-table-select2-filter.js │ │ └── bootstrap-table-select2-filter.min.js │ ├── sticky-header │ │ ├── bootstrap-table-sticky-header.css │ │ ├── bootstrap-table-sticky-header.js │ │ └── bootstrap-table-sticky-header.min.js │ ├── toolbar │ │ ├── bootstrap-table-toolbar.js │ │ └── bootstrap-table-toolbar.min.js │ └── tree-column │ │ ├── bootstrap-table-tree-column.css │ │ ├── bootstrap-table-tree-column.js │ │ └── bootstrap-table-tree-column.min.js │ └── locale │ ├── bootstrap-table-af-ZA.js │ ├── bootstrap-table-af-ZA.min.js │ ├── bootstrap-table-ar-SA.js │ ├── bootstrap-table-ar-SA.min.js │ ├── bootstrap-table-ca-ES.js │ ├── bootstrap-table-ca-ES.min.js │ ├── bootstrap-table-cs-CZ.js │ ├── bootstrap-table-cs-CZ.min.js │ ├── bootstrap-table-da-DK.js │ ├── bootstrap-table-da-DK.min.js │ ├── bootstrap-table-de-DE.js │ ├── bootstrap-table-de-DE.min.js │ ├── bootstrap-table-el-GR.js │ ├── bootstrap-table-el-GR.min.js │ ├── bootstrap-table-en-US.js │ ├── bootstrap-table-en-US.min.js │ ├── bootstrap-table-es-AR.js │ ├── bootstrap-table-es-AR.min.js │ ├── bootstrap-table-es-CL.js │ ├── bootstrap-table-es-CL.min.js │ ├── bootstrap-table-es-CR.js │ ├── bootstrap-table-es-CR.min.js │ ├── bootstrap-table-es-ES.js │ ├── bootstrap-table-es-ES.min.js │ ├── bootstrap-table-es-MX.js │ ├── bootstrap-table-es-MX.min.js │ ├── bootstrap-table-es-NI.js │ ├── bootstrap-table-es-NI.min.js │ ├── bootstrap-table-es-SP.js │ ├── bootstrap-table-es-SP.min.js │ ├── bootstrap-table-et-EE.js │ ├── bootstrap-table-et-EE.min.js │ ├── bootstrap-table-fa-IR.js │ ├── bootstrap-table-fa-IR.min.js │ ├── bootstrap-table-fr-BE.js │ ├── bootstrap-table-fr-BE.min.js │ ├── bootstrap-table-fr-FR.js │ ├── bootstrap-table-fr-FR.min.js │ ├── bootstrap-table-he-IL.js │ ├── bootstrap-table-he-IL.min.js │ ├── bootstrap-table-hr-HR.js │ ├── bootstrap-table-hr-HR.min.js │ ├── bootstrap-table-hu-HU.js │ ├── bootstrap-table-hu-HU.min.js │ ├── bootstrap-table-id-ID.js │ ├── bootstrap-table-id-ID.min.js │ ├── bootstrap-table-it-IT.js │ ├── bootstrap-table-it-IT.min.js │ ├── bootstrap-table-ja-JP.js │ ├── bootstrap-table-ja-JP.min.js │ ├── bootstrap-table-ka-GE.js │ ├── bootstrap-table-ka-GE.min.js │ ├── bootstrap-table-ko-KR.js │ ├── bootstrap-table-ko-KR.min.js │ ├── bootstrap-table-ms-MY.js │ ├── bootstrap-table-ms-MY.min.js │ ├── bootstrap-table-nb-NO.js │ ├── bootstrap-table-nb-NO.min.js │ ├── bootstrap-table-nl-NL.js │ ├── bootstrap-table-nl-NL.min.js │ ├── bootstrap-table-pl-PL.js │ ├── bootstrap-table-pl-PL.min.js │ ├── bootstrap-table-pt-BR.js │ ├── bootstrap-table-pt-BR.min.js │ ├── bootstrap-table-pt-PT.js │ ├── bootstrap-table-pt-PT.min.js │ ├── bootstrap-table-ro-RO.js │ ├── bootstrap-table-ro-RO.min.js │ ├── bootstrap-table-ru-RU.js │ ├── bootstrap-table-ru-RU.min.js │ ├── bootstrap-table-sk-SK.js │ ├── bootstrap-table-sk-SK.min.js │ ├── bootstrap-table-sv-SE.js │ ├── bootstrap-table-sv-SE.min.js │ ├── bootstrap-table-th-TH.js │ ├── bootstrap-table-th-TH.min.js │ ├── bootstrap-table-tr-TR.js │ ├── bootstrap-table-tr-TR.min.js │ ├── bootstrap-table-uk-UA.js │ ├── bootstrap-table-uk-UA.min.js │ ├── bootstrap-table-ur-PK.js │ ├── bootstrap-table-ur-PK.min.js │ ├── bootstrap-table-uz-Latn-UZ.js │ ├── bootstrap-table-uz-Latn-UZ.min.js │ ├── bootstrap-table-vi-VN.js │ ├── bootstrap-table-vi-VN.min.js │ ├── bootstrap-table-zh-CN.js │ ├── bootstrap-table-zh-CN.min.js │ ├── bootstrap-table-zh-TW.js │ └── bootstrap-table-zh-TW.min.js ├── QA ├── 00_数组分块.html ├── 01_数组去假值.html ├── 02_数组去重.html ├── 03_数组去重_第二项开始遍历.html ├── 04_数组去重_filter.html ├── 05_数组去重_es6.html ├── 06_数组去重_对象存放.html ├── 07_数组去重_先排序.html ├── 08_数组浅拷贝.html ├── 09_数组浅拷贝_slice.html ├── 10_数组浅拷贝_concat.html ├── 11_数组浅拷贝_es6.html ├── 12_对象浅拷贝.html ├── 13_对象浅拷贝_assign.html ├── 14_引用类型深拷贝.html ├── 15_引用类型深拷贝_JSON.html ├── 16_引用类型深拷贝_兼容.html ├── 17_数组遍历方法比较.html ├── 18_是否改变原数组方法总结.html ├── 19_对象的遍历.html ├── 20_随机数.html ├── 21_数组最小最大值.html ├── 22_DOM加载时机.html ├── 23_ready兼容处理.html └── 24_ready终极处理.html ├── README.md ├── Sjms ├── 00_鸭子类型.html ├── 01_多态.html ├── 02_多态2.html ├── 03_多态3.html ├── 04_封装数据.html ├── 05_封装实现.html ├── 06_原型模式.html ├── 07_this.html ├── 08_call、apply.html ├── 09_闭包.html ├── 10_利用闭包创建测试类型函数.html ├── 11_闭包封装变量.html ├── 12_回调函数.html ├── 13_AOP.html ├── 14_函数柯里化.html ├── 15_反柯里化.html ├── 16_函数节流.html ├── 17_分时函数.html ├── 18_惰性载入函数.html ├── 19_单例模式.html ├── 20_透明的单例模式.html ├── 21_用代理实现单例模式.html ├── 22_Js中的单例模式.html ├── 23_惰性单例.html ├── 24_通用的惰性单例.html ├── 25_策略模式.html ├── 26_传统面向对象中的策略模式.html ├── 27_JS中的策略模式.html ├── 28_使用策略模式实现缓动动画.html ├── 29_使用策略模式完成表单验证.html ├── 30_代理模式.html ├── 31_虚拟代理实现图片预加载.html ├── 32_虚拟代理合并HTTP请求.html ├── 33_虚拟代理在惰性加载中的应用.html ├── 34_缓存代理.html ├── 35_用高阶函数动态创建缓存代理.html ├── 36_迭代器模式.html ├── 37_迭代类数组对象和字面量对象.html ├── 38_倒序迭代器.html ├── 39_迭代器模式实现上传控件选择.html ├── 40_观察者模式.html ├── 41_观察者模式的通用实现.html ├── 42_观察者模式实现网站登录.html ├── 43_全局的发布-订阅对象.html ├── 44_支持先发布再订阅、并提供命名空间的观察者模式.html ├── 45_命令模式.html ├── 46_带撤销的命令模式.html ├── 47_使用命令模式实现重做.html ├── 48_宏命令.html ├── 49_组合模式.html ├── 50_组合模式-引用父对象.html ├── 51_模板方法模式.html ├── 52_钩子方法.html ├── 53_模板方法模式在js中的实现.html ├── 54_享元模式.html ├── 55_享元模式重构上传.html ├── 56_对象池.html ├── 57_通用对象池.html ├── 58_职责链模式.html ├── 59_灵活可拆分的职责链节点.html ├── 60_异步的职责链.html ├── 61_用AOP实现职责链.html ├── 62_用职责链获取文件上传对象.html ├── 63_中介者模式.html ├── 64_用中介者改造泡泡堂游戏.html ├── 65_普通方法-购买商品.html ├── 66_中介者模式-购买商品.html ├── 67_装饰者模式.html ├── 68_装饰函数.html ├── 69_用AOP来装饰函数.html ├── 70_AOP实现数据上报.html ├── 71_用AOP动态改变函数的参数.html ├── 72_利用AOP动态改变参数发送ajax前添加token.html ├── 73_插件式的表单验证.html ├── 74_AOP的注意事项.html ├── 75_状态模式.html ├── 76_状态模式改进电灯程序.html ├── 77_状态模式的通用结构.html ├── 78_状态模式实现文件上传.html ├── 79_状态模式重构文件上传.html ├── 80_状态模式的注意事项.html ├── 81_Javascript版本的状态机.html ├── 82_使用delegate函数实现状态机.html ├── 83_表驱动的有限状态机.html ├── 84_适配器模式.html ├── 85_单一职责原则.html ├── 86_最少知识原则.html ├── 87_开放-封闭原则.html ├── 88_接口和面向接口编程.html ├── 89_代码重构技巧.html └── js │ ├── 33.js │ ├── jquery-2.2.4.min.js │ └── mock-min.js ├── TodoMVC └── angularjs │ ├── index.html │ └── js │ ├── app.js │ ├── controllers │ └── todoCtrl.js │ ├── directives │ ├── todoEscape.js │ └── todoFocus.js │ └── services │ └── todoStorage.js ├── Touch └── 00_touch.html ├── Vue ├── Vue@eleme │ ├── .babelrc │ ├── .editorconfig │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .gitignore │ ├── .postcssrc.js │ ├── README.md │ ├── build │ │ ├── build.js │ │ ├── check-versions.js │ │ ├── dev-client.js │ │ ├── dev-server.js │ │ ├── utils.js │ │ ├── vue-loader.conf.js │ │ ├── webpack.base.conf.js │ │ ├── webpack.dev.conf.js │ │ ├── webpack.prod.conf.js │ │ └── webpack.test.conf.js │ ├── config │ │ ├── dev.env.js │ │ ├── index.js │ │ ├── prod.env.js │ │ └── test.env.js │ ├── index.html │ ├── package.json │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ └── HelloWorld.vue │ │ ├── main.js │ │ └── router │ │ │ └── index.js │ ├── static │ │ └── .gitkeep │ └── test │ │ ├── e2e │ │ ├── custom-assertions │ │ │ └── elementCount.js │ │ ├── nightwatch.conf.js │ │ ├── runner.js │ │ └── specs │ │ │ └── test.js │ │ └── unit │ │ ├── .eslintrc │ │ ├── index.js │ │ ├── karma.conf.js │ │ └── specs │ │ └── Hello.spec.js ├── Vue@guide │ ├── 00_声明式渲染.html │ ├── 01_条件与循环.html │ ├── 02_处理用户输入.html │ ├── 03_组件化应用构建.html │ ├── 04_指令.html │ ├── 05_计算属性.html │ ├── 06_插值.html │ ├── 07_prop.html │ ├── 08_prop验证.html │ ├── 09_$emit.html │ ├── 10_使用自定义事件的表单输入组件.html │ ├── 11_非父子组件通信.html │ ├── 12_编译作用域.html │ ├── 13_作用域插槽.html │ ├── 14_响应式.html │ ├── 15_异步更新队列.html │ ├── 16_过渡.html │ ├── 17_过渡2.html │ ├── 18_过渡3.html │ ├── 19_过渡4.html │ ├── 20_过渡5.html │ ├── 21_过渡6.html │ ├── 22_过渡7.html │ ├── 22_过渡8.html │ ├── 23_过渡9.html │ ├── 24_过渡10.html │ ├── 25_过渡11.html │ ├── 26_过渡12.html │ ├── 27_自定义指令.html │ ├── 28_简单路由.html │ ├── 29_vue-router.html │ └── js │ │ ├── vue-router.js │ │ └── vue.js ├── vue-cli-study │ ├── .babelrc │ ├── .editorconfig │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .gitignore │ ├── .postcssrc.js │ ├── README.md │ ├── build │ │ ├── build.js │ │ ├── check-versions.js │ │ ├── logo.png │ │ ├── utils.js │ │ ├── vue-loader.conf.js │ │ ├── webpack.base.conf.js │ │ ├── webpack.dev.conf.js │ │ └── webpack.prod.conf.js │ ├── config │ │ ├── dev.env.js │ │ ├── index.js │ │ └── prod.env.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── logo.png │ │ │ ├── test.scss │ │ │ └── test2.scss │ │ ├── components │ │ │ └── HelloWorld.vue │ │ ├── main.js │ │ └── router │ │ │ └── index.js │ └── static │ │ └── .gitkeep └── vue-music │ ├── .babelrc │ ├── .editorconfig │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .gitignore │ ├── .postcssrc.js │ ├── README.md │ ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.conf.js │ ├── config │ ├── dev.env.js │ ├── index.js │ └── prod.env.js │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── src │ ├── App.vue │ ├── api │ │ ├── config.js │ │ ├── rank.js │ │ ├── recommend.js │ │ ├── search.js │ │ ├── singer.js │ │ └── song.js │ ├── base │ │ ├── confirm │ │ │ └── confirm.vue │ │ ├── listview │ │ │ └── listview.vue │ │ ├── loading │ │ │ ├── loading.gif │ │ │ └── loading.vue │ │ ├── no-result │ │ │ ├── no-result.vue │ │ │ ├── no-result@2x.png │ │ │ └── no-result@3x.png │ │ ├── progress-bar │ │ │ └── progress-bar.vue │ │ ├── progress-circle │ │ │ └── progress-circle.vue │ │ ├── scroll │ │ │ └── scroll.vue │ │ ├── search-box │ │ │ └── search-box.vue │ │ ├── search-list │ │ │ └── search-list.vue │ │ ├── slider │ │ │ └── slider.vue │ │ ├── song-list │ │ │ ├── first@2x.png │ │ │ ├── first@3x.png │ │ │ ├── second@2x.png │ │ │ ├── second@3x.png │ │ │ ├── song-list.vue │ │ │ ├── third@2x.png │ │ │ └── third@3x.png │ │ ├── switches │ │ │ └── switches.vue │ │ └── top-tip │ │ │ └── top-tip.vue │ ├── common │ │ ├── fonts │ │ │ ├── music-icon.eot │ │ │ ├── music-icon.svg │ │ │ ├── music-icon.ttf │ │ │ └── music-icon.woff │ │ ├── image │ │ │ └── default.png │ │ ├── js │ │ │ ├── cache.js │ │ │ ├── config.js │ │ │ ├── dom.js │ │ │ ├── jsonp.js │ │ │ ├── mixin.js │ │ │ ├── singer.js │ │ │ ├── song.js │ │ │ └── util.js │ │ └── stylus │ │ │ ├── base.styl │ │ │ ├── icon.styl │ │ │ ├── index.styl │ │ │ ├── mixin.styl │ │ │ ├── reset.styl │ │ │ └── variable.styl │ ├── components │ │ ├── add-song │ │ │ └── add-song.vue │ │ ├── disc │ │ │ └── disc.vue │ │ ├── m-header │ │ │ ├── logo@2x.png │ │ │ ├── logo@3x.png │ │ │ └── m-header.vue │ │ ├── music-list │ │ │ └── music-list.vue │ │ ├── player │ │ │ └── player.vue │ │ ├── playlist │ │ │ └── playlist.vue │ │ ├── rank │ │ │ └── rank.vue │ │ ├── recommend │ │ │ └── recommend.vue │ │ ├── search │ │ │ └── search.vue │ │ ├── singer-detail │ │ │ └── singer-detail.vue │ │ ├── singer │ │ │ └── singer.vue │ │ ├── suggest │ │ │ └── suggest.vue │ │ ├── tab │ │ │ └── tab.vue │ │ ├── top-list │ │ │ └── top-list.vue │ │ └── user-center │ │ │ └── user-center.vue │ ├── main.js │ ├── router │ │ └── index.js │ └── store │ │ ├── actions.js │ │ ├── getters.js │ │ ├── index.js │ │ ├── mutation-types.js │ │ ├── mutations.js │ │ └── state.js │ └── static │ └── .gitkeep ├── WebSocket ├── ws-chat │ ├── .gitignore │ ├── README.md │ ├── client │ │ ├── client.js │ │ ├── index.html │ │ ├── json3.min.js │ │ └── style.css │ └── server │ │ └── index.js ├── ws-learn │ ├── client.html │ ├── package-lock.json │ ├── package.json │ └── server.js └── ws-socketiodemo │ ├── package.json │ ├── public │ ├── css │ │ └── index.css │ ├── img │ │ └── loading.gif │ ├── index.html │ └── js │ │ └── index.js │ └── server.js ├── Webpack ├── webpack-guide │ ├── dist │ │ ├── index.html │ │ ├── main.9d279c936127627c6792.js │ │ └── vendor.0ae1871f4a8afbcca8fc.js │ ├── npm-debug.log │ ├── package-lock.json │ ├── package.json │ ├── server.js │ ├── src │ │ ├── img │ │ │ └── cat.jpg │ │ ├── index.js │ │ ├── print.js │ │ └── style.css │ ├── webpack.common.js │ ├── webpack.config.js │ ├── webpack.dev.js │ └── webpack.prod.js ├── webpack-multi-page │ ├── .babrlrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── app │ │ ├── css │ │ │ └── main.css │ │ ├── favicon.ico │ │ ├── html │ │ │ ├── index.html │ │ │ └── test.html │ │ ├── img │ │ │ └── avatar.jpg │ │ └── js │ │ │ ├── index.js │ │ │ └── test.js │ ├── config │ │ ├── config.js │ │ ├── webpack.config.base.js │ │ ├── webpack.config.dev.js │ │ ├── webpack.config.lint.js │ │ └── webpack.config.prod.js │ ├── package.json │ ├── postcss.config.js │ └── webpack.config.js ├── webpack-test │ ├── app │ │ ├── Greeter.css │ │ ├── config.json │ │ ├── greeter.js │ │ ├── index.tmpl.html │ │ ├── main.css │ │ ├── main.js │ │ └── test.scss │ ├── build │ │ ├── bundle.js │ │ └── index.html │ ├── package.json │ ├── postcss.config.js │ └── webpack.config.js └── webpack-test2 │ ├── .babelrc │ ├── config │ └── webpack.config.js │ ├── npm-debug.log │ ├── package.json │ ├── postcss.config.js │ └── src │ ├── com.js │ ├── css │ └── index.css │ ├── html │ └── index.html │ ├── img │ ├── big.jpg │ └── small.jpg │ ├── index.js │ ├── sass │ └── index.scss │ └── test.js ├── Zns ├── 00_鼠标提示框.html ├── 01_初识函数.html ├── 02_网页换肤.html ├── 03_开关显示.html ├── 04_a链接.html ├── 05_className.html ├── 06_函数传参.html ├── 07_改变样式.html ├── 08_提取行间事件.html ├── 09_获取标签.html ├── 100_cookie.html ├── 101_封装cookie.html ├── 102_记住用户名.html ├── 103_字符串基本操作.html ├── 104_找出所有数字.html ├── 105_找出所有数字_正则.html ├── 106_正则基础知识.html ├── 107_正则表达式.html ├── 108_敏感词过滤.html ├── 109_元字符.html ├── 10_全选.html ├── 110_过滤html标签.html ├── 111_常见转义、量词.html ├── 112_邮箱校验.html ├── 11_选项卡.html ├── 12_设置文字.html ├── 13_简易日历.html ├── 14_求和.html ├── 15_闭包.html ├── 16_隔行变色.html ├── 17_秒转时间.html ├── 18_switch.html ├── 19_json.html ├── 20_函数返回.html ├── 21_不定参.html ├── 22_css函数.html ├── 23_取非行间样式.html ├── 24_数组length.html ├── 25_数组方法.html ├── 26_定时器.html ├── 27_数码时钟.html ├── 28_延时提示框.html ├── 29_offsetLeft.html ├── 30_无缝滚动.html ├── 31_childNodes.html ├── 32_parentNode.html ├── 33_offsetParent.html ├── 34_firstChild,lastChild.html ├── 35_getByClass.html ├── 36_创建元素.html ├── 37_倒序插入,删除.html ├── 38_文档片段.html ├── 39_表格基础知识.html ├── 40_表格隔行变色.html ├── 41_表格添加,删除.html ├── 42_表格搜索.html ├── 43_表格模糊搜索.html ├── 44_多关键字搜索.html ├── 45_表格排序.html ├── 46_表单基础知识.html ├── 47_运动基础.html ├── 48_分享到动画.html ├── 49_淡入淡出图片.html ├── 50_缓冲动画.html ├── 51_右侧悬浮窗.html ├── 52_匀速运动的停止.html ├── 53_多物体运动.html ├── 54_多物体淡入淡出.html ├── 55_offset的bug.html ├── 56_任意值运动框架.html ├── 57_仿flash播放器.html ├── 58_链式运动框架.html ├── 59_完美运动框架.html ├── 60_上下幻灯片.html ├── 61_微博发布.html ├── 62_事件对象.html ├── 63_仿select下拉框.html ├── 64_鼠标坐标.html ├── 65_鼠标跟随.html ├── 66_键盘事件.html ├── 67_键盘控制移动.html ├── 68_键盘提交留言.html ├── 69_组织默认行为.html ├── 70_自定义右键菜单.html ├── 71_只能输入数字的输入框.html ├── 72_拖拽.html ├── 73_事件绑定.html ├── 74_事件绑定2.html ├── 75_元素内拖拽.html ├── 76_磁性吸附.html ├── 77_事件捕获.html ├── 78_拖拽-IE7选中文字问题.html ├── 79_拖拽-带框.html ├── 80_自定义滚动条.html ├── 81_自定义滚动条-文字滚动.html ├── 82_Ajax基础.html ├── 83_get,post请求.html ├── 84_ajax库.html ├── 85_对象组成.html ├── 86_第一个面向对象程序.html ├── 87_工厂模式.html ├── 88_解决没new.html ├── 89_解决方法重复定义.html ├── 90_混合方式构造对象.html ├── 91_面向过程的选项卡.html ├── 92_面向对象的选项卡.html ├── 93_json面向对象.html ├── 94_命名空间.html ├── 95_继承.html ├── 96_使用继承实现限制范围的拖拽.html ├── 97_运行代码.html ├── 98_userAgent.html ├── 99_滚动到顶部.html ├── css │ ├── zns_style.css │ ├── 上下幻灯片.css │ ├── 换肤_红.css │ └── 换肤_蓝.css ├── data.json ├── img │ ├── FlashPlayer │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ ├── 6.jpg │ │ ├── btn.gif │ │ └── loading.gif │ ├── 上下幻灯片 │ │ └── images │ │ │ ├── 1.jpg │ │ │ ├── 2.jpg │ │ │ ├── 3.jpg │ │ │ ├── 4.jpg │ │ │ └── 5.jpg │ ├── 数字时钟 │ │ ├── 0.png │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── 5.png │ │ ├── 6.png │ │ ├── 7.png │ │ ├── 8.png │ │ ├── 9.png │ │ ├── bg.png │ │ ├── five.png │ │ ├── four.png │ │ ├── month.png │ │ ├── one.png │ │ ├── seven.png │ │ ├── sign.png │ │ ├── six.png │ │ ├── three.png │ │ ├── two.png │ │ ├── week.png │ │ └── year.png │ └── 无缝滚动 │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ └── 4.jpg └── js │ ├── ajax.js │ └── move.js └── npm-debug.log /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /.idea/SourceSave.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/bootstrap/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngualrJs@demo/bootstrap/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/bootstrap/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngualrJs@demo/bootstrap/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/bootstrap/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngualrJs@demo/bootstrap/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/tpl/PageTab.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | PageTab 4 | Page-1 5 | Page-2 6 |
7 |
8 |
9 |
10 |
11 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/tpl/dashboard.html: -------------------------------------------------------------------------------- 1 |

这是dashboard {{name}}

2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/tpl/home.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/tpl/login.html: -------------------------------------------------------------------------------- 1 |

这是login

2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/tpl/register.html: -------------------------------------------------------------------------------- 1 |

这是注册

2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@demo/tpl/sideNav.html: -------------------------------------------------------------------------------- 1 |
    2 |
  • 3 | sideNav1 4 |
    • 5 |
  • 6 | sideNav2 7 |
    • 8 |
  • 9 | sideNav3 10 |
    • 11 |
12 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/05_Setting up the initial state of a $scope object.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 |
12 |

{{greeting}}

13 |
14 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/tpl/26_my-customer.html: -------------------------------------------------------------------------------- 1 | Name: {{customer.name}} Address: {{customer.address}} 2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/tpl/27_customer-address.html: -------------------------------------------------------------------------------- 1 | Address: {{customer.address}} 2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/tpl/27_customer-name.html: -------------------------------------------------------------------------------- 1 | Name: {{customer.name}} 2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/tpl/29_my-customer.html: -------------------------------------------------------------------------------- 1 | Name: {{customerInfo.name}} Address: {{customerInfo.address}} 2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/tpl/31_my-dialog.html: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/tpl/33_my-dialog-close.html: -------------------------------------------------------------------------------- 1 |
2 | × 3 |
4 |
5 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/tpl/35_my-pane.html: -------------------------------------------------------------------------------- 1 |
2 |

{{title}}

3 |
4 |
5 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@guide/tpl/35_my-tabs.html: -------------------------------------------------------------------------------- 1 |
2 |
    3 |
  • 4 | {{pane.title}} 5 |
    • 6 |
7 |
8 |
9 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/00_模块化.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |

{{greeting.text}},Angular

12 |
13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/01_ng-bind.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |

,Angular

12 |
13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/03_设置样式.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 15 | 16 | 17 | 18 |
19 |

测试CSS样式

20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/05_ng-show.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 |
    12 |
  • Stun
    • 13 |
  • Disintegrate
    • 14 |
  • Erase from history
    • 15 |
16 |
17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/06_指令.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 我是匹配模式E 11 |
我是匹配模式A
12 |
我是匹配模式C
13 | 14 |
我上面有个注释，它是匹配模式M
15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/07_指令和控制器的交互.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 | 鼠标经过加载数据 12 |
13 |
14 | 鼠标经过加载数据2 15 |
16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/09_独立scope.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/10_内置form指令.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/12_利用指令实现展开收缩控件.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | {{text}} 13 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/13_Accordion.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | {{expander.text}} 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/14_$http.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 |
    12 |
  • 13 | {{user.name}} 14 |
    • 15 |
16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/15_service.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 
{{users}}
15 |
16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/16_$filter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {{ 1304375948024 | date }} 11 |
{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }} 12 |
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }} 13 |
14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/17_自定义filter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {{'测试filter'|filter1 }} 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/css/bootstrap-3.0.0/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngualrJs@imooc/css/bootstrap-3.0.0/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/css/bootstrap-3.0.0/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngualrJs@imooc/css/bootstrap-3.0.0/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/css/bootstrap-3.0.0/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngualrJs@imooc/css/bootstrap-3.0.0/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/00_模块化.js: -------------------------------------------------------------------------------- 1 | var helloModule = angular.module("HelloAngular", []); // 实例化一个名为HelloAngualr的模块 2 | helloModule.controller("helloNgCtrl", ["$scope", function($scope) { // 为此模块添加一个controller 3 | $scope.greeting = { 4 | text: "Hello" 5 | }; 6 | }]); 7 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/01_ng-bind.js: -------------------------------------------------------------------------------- 1 | function helloNgCtrl($scope) { 2 | $scope.greeting = { 3 | text: 'Hello' 4 | }; 5 | } 6 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/03_设置样式.js: -------------------------------------------------------------------------------- 1 | var myCSSModule = angular.module('MyCSSModule', []); 2 | myCSSModule.controller('CSSCtrl', ['$scope', 3 | function($scope) { 4 | $scope.color = "red"; 5 | $scope.setGreen = function() { 6 | $scope.color = "green"; 7 | } 8 | } 9 | ]) 10 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/04_ng-class.js: -------------------------------------------------------------------------------- 1 | var myCSSModule = angular.module('MyCSSModule', []); 2 | myCSSModule.controller('HeaderController', ['$scope', 3 | function($scope) { 4 | $scope.isError = false; 5 | $scope.isWarning = false; 6 | $scope.showError = function() { 7 | $scope.messageText = 'This is an error!'; 8 | $scope.isError = true; 9 | $scope.isWarning = false; 10 | }; 11 | $scope.showWarning = function() { 12 | $scope.messageText = 'Just a warning. Please carry on.'; 13 | $scope.isWarning = true; 14 | $scope.isError = false; 15 | }; 16 | } 17 | ]) 18 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/05_ng-show.js: -------------------------------------------------------------------------------- 1 | var myCSSModule = angular.module('MyCSSModule', []); 2 | myCSSModule.controller('DeathrayMenuController', ['$scope', 3 | function($scope) { 4 | $scope.menuState = { show: false }; 5 | $scope.toggleMenu = function() { 6 | $scope.menuState.show = !$scope.menuState.show; 7 | }; 8 | } 9 | ]) 10 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/06_指令.js: -------------------------------------------------------------------------------- 1 | var myModule = angular.module("MyModule", []); 2 | myModule.directive("hello", function() { 3 | return { 4 | restrict: "AEMC", // 匹配模式，一共有A(attribute)、E(element)、M(comment)、C(class)，可匹配一个，也可一次匹配多个;默认是A，一般常用的是A和E 5 | template: '

这是由指令生成的

', // 如果模板内容太多，可以单独编写成一个.html文件，然后用templateUrl引入 6 | // templateUrl:"test.html", 7 | replace: true 8 | } 9 | }); 10 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/09_独立scope.js: -------------------------------------------------------------------------------- 1 | var myModule = angular.module("MyModule", []); 2 | myModule.directive("hello", function() { 3 | return { 4 | restrict: 'AE', 5 | scope: {}, // 若无此独立作用域，则页面上的hello会共享一个作用域，最后导致的结果就是会相互影响 6 | template: '
{{userName}}
', 7 | replace: true 8 | } 9 | }); 10 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/10_内置form指令.js: -------------------------------------------------------------------------------- 1 | var appModule = angular.module('TestFormModule', []); 2 | appModule.controller("TestFormModule", function($scope) { 3 | $scope.user = { 4 | userName: 'damoqiongqiu', 5 | password: '' 6 | }; 7 | $scope.save = function() { 8 | alert("保存数据!"); 9 | } 10 | }); 11 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/11_内置form指令2.js: -------------------------------------------------------------------------------- 1 | function Controller($scope) { 2 | $scope.master = {}; 3 | 4 | $scope.update = function(user) { 5 | $scope.master = angular.copy(user); 6 | }; 7 | 8 | $scope.reset = function() { 9 | $scope.user = angular.copy($scope.master); 10 | }; 11 | 12 | $scope.isUnchanged = function(user) { 13 | return angular.equals(user, $scope.master); 14 | }; 15 | 16 | $scope.reset(); 17 | } 18 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/14_$http.js: -------------------------------------------------------------------------------- 1 | var myModule = angular.module("MyModule", []); 2 | myModule.controller('LoadDataCtrl', ['$scope', '$http', function($scope, $http) { 3 | $http({ 4 | method: 'GET', 5 | url: 'data.json' 6 | }).success(function(data, status, headers, config) { 7 | console.log("success..."); 8 | console.log(data); 9 | $scope.users = data; 10 | }).error(function(data, status, headers, config) { 11 | console.log("error..."); 12 | }); 13 | }]); 14 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/16_$filter.js: -------------------------------------------------------------------------------- 1 | var myModule = angular.module("MyModule", []); 2 | -------------------------------------------------------------------------------- /AngularJs/AngualrJs@imooc/js/17_自定义filter.js: -------------------------------------------------------------------------------- 1 | console.log(angular.injector()); 2 | var myModule = angular.module("MyModule", []); 3 | myModule.filter('filter1', function() { 4 | return function(item) { 5 | return item + '...........我是后来追加的'; 6 | } 7 | }); 8 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/city.json: -------------------------------------------------------------------------------- 1 | [{ 2 | "id": "", 3 | "name": "全国" 4 | }, { 5 | "id": "c1", 6 | "name": "北京" 7 | }, { 8 | "id": "c2", 9 | "name": "上海" 10 | }, { 11 | "id": "c3", 12 | "name": "广州" 13 | }] 14 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/code.json: -------------------------------------------------------------------------------- 1 | { 2 | "state": 1, 3 | "message": "发送成功" 4 | } 5 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/favorite.json: -------------------------------------------------------------------------------- 1 | { 2 | "state": 1 3 | } 4 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/handle.json: -------------------------------------------------------------------------------- 1 | { 2 | "state": 1 3 | } 4 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/isHandled.json: -------------------------------------------------------------------------------- 1 | { 2 | "state": 0 3 | } 4 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/login.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "asdf123sdf", 3 | "name": "铁头功", 4 | "image": "image/head.png" 5 | } 6 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/logout.json: -------------------------------------------------------------------------------- 1 | { 2 | "state": 1 3 | } 4 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/myFavorite.json: -------------------------------------------------------------------------------- 1 | [{ 2 | "id": "p1", 3 | "imageUrl": "/AngularJs@lg/image/company-1.png", 4 | "job": "WEB前端", 5 | "companyId": "c1", 6 | "companyName": "慕课网", 7 | "cityId": "c1", 8 | "cityName": "北京", 9 | "scaleId": "s2", 10 | "scaleName": "50-100人", 11 | "industryId": "i1", 12 | "industryName": "互联网", 13 | "salaryId": "s5", 14 | "salaryName": "10k-15k", 15 | "experience": "1-3年", 16 | "education": "本科", 17 | "benefit": "发展前景好", 18 | "description": "岗位职责：\n1.负责公司前端页面开发；...", 19 | "date": "2016-06-01 01:05", 20 | "select": true 21 | }] 22 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/position.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "p3", 3 | "imageUrl": "/image/company-3.png", 4 | "name": "销售", 5 | "companyId": "c3", 6 | "companyName": "千度", 7 | "cityId": "c1", 8 | "cityName": "上海", 9 | "scaleId": "s3", 10 | "scaleName": "500人以上", 11 | "industryId": "i1", 12 | "industryName": "互联网", 13 | "salaryId": "s2", 14 | "salaryName": "3k-5k", 15 | "experience": "1-3年", 16 | "education": "专科", 17 | "benefit": "成长空间大", 18 | "description": "1.销售产品;\n2.扫厕所;" 19 | 20 | } 21 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/regist.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "asdf123sdf", 3 | "name": "慕课君" 4 | } 5 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/salary.json: -------------------------------------------------------------------------------- 1 | [{ 2 | "id": "", 3 | "name": "不限" 4 | }, { 5 | "id": "s1", 6 | "name": "3000以下" 7 | }, { 8 | "id": "s2", 9 | "name": "3000~4999" 10 | }, { 11 | "id": "s3", 12 | "name": "5000~7999" 13 | }, { 14 | "id": "s4", 15 | "name": "8000~10000" 16 | }, { 17 | "id": "s5", 18 | "name": "10000~15000" 19 | }, { 20 | "id": "s6", 21 | "name": "15000~25000" 22 | }, { 23 | "id": "s7", 24 | "name": "25000以上" 25 | }] 26 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/scale.json: -------------------------------------------------------------------------------- 1 | [{ 2 | "id": "", 3 | "name": "不限" 4 | }, { 5 | "id": "s1", 6 | "name": "少于50人" 7 | }, { 8 | "id": "s2", 9 | "name": "50~100人" 10 | }, { 11 | "id": "s3", 12 | "name": "100~500人" 13 | }, { 14 | "id": "s4", 15 | "name": "500人以上" 16 | }] 17 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/data/search.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "id": "sf1232", 4 | "imageUrl": "/image/company-1.jpg", 5 | "job": "WEB前端", 6 | "companyId": "mok1232", 7 | "companyName": "慕课网", 8 | "cityId": "0", 9 | "cityName": "北京", 10 | "experience": "3-5年", 11 | "education": "本科", 12 | "type": "成熟型", 13 | "scale": "50-100", 14 | "industry": "互联网", 15 | "salary": "10k-20k" 16 | } 17 | ] 18 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/account.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/account.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/background.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/company-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/company-1.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/company-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/company-2.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/company-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/company-3.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/document.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/document.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/head.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/head.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/lock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/lock.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/me.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/me.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/search.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/star-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/star-active.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/image/star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@lg/image/star.png -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/script/app.js: -------------------------------------------------------------------------------- 1 | angular.module('app', ['ui.router', 'ngCookies', 'ngAnimate', 'validation']); 2 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/script/filter.js: -------------------------------------------------------------------------------- 1 | angular.module('app').filter('filterByObj', [function() { 2 | return function(list, obj) { 3 | var result = []; 4 | angular.forEach(list, function(item) { 5 | var isEqual = true; 6 | for (var e in obj) { 7 | if (item[e] !== obj[e]) { 8 | isEqual = false; 9 | } 10 | } 11 | if (isEqual) { 12 | result.push(item); 13 | } 14 | }); 15 | return result; 16 | }; 17 | }]); 18 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/script/service.js: -------------------------------------------------------------------------------- 1 | angular.module('app').factory('cache', ['$cookies', function($cookies) { 2 | return { 3 | put: function(key, value) { 4 | $cookies.put(key, value); 5 | }, 6 | get: function(key) { 7 | return $cookies.get(key); 8 | }, 9 | remove: function(key) { 10 | return $cookies.remove(key); 11 | } 12 | }; 13 | }]); 14 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/company.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/favorite.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/main.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/position.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |

职位描述

6 |
岗位职责：
7 | 
1.销售商品
2.xxxxx
8 |
9 | 10 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/post.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/template/companyInfo.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |

墨客网

5 |

移动互联网

6 |
7 |
8 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/template/foot.html: -------------------------------------------------------------------------------- 1 |
    2 |
  • 职位
    • 3 |
  • 搜索
    • 4 |
  • 我
    • 5 |
6 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/template/head.html: -------------------------------------------------------------------------------- 1 |
2 | 10秒定制职位 3 | 4 | 5 |
6 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/template/headBar.html: -------------------------------------------------------------------------------- 1 |
2 | < 3 | 4 |
5 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/template/positionInfo.html: -------------------------------------------------------------------------------- 1 |
2 |

销售3k-5k

3 |

上海1-3年博士生

4 |

成长空间大

5 |
6 | 7 |
8 |
9 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/template/sheet.html: -------------------------------------------------------------------------------- 1 |
2 |
    3 |
  • 不限
    • 4 |
5 |
取消
6 |
7 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@lg/view/template/tab.html: -------------------------------------------------------------------------------- 1 |
    2 |
  • 3 |
4 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/00_依赖注入.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/01_数据绑定.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 |
12 | 13 | {{1000}} 14 |
{{100+100}} 15 |
{{"name"}} 16 |
17 |
18 | 19 | {{name}} 20 | 21 |
22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/04_module.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 | {{name}} 13 |
14 |
15 | 16 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/bootstrap/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@xmb/bootstrap/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/bootstrap/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@xmb/bootstrap/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/bootstrap/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@xmb/bootstrap/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/img/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/AngularJs/AngularJs@xmb/img/loader.gif -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/tpl/accordionItem.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

4 | 5 | {{heading}} 6 | 7 |

8 |
9 |
10 |
11 | 12 |
13 |
14 |
15 | -------------------------------------------------------------------------------- /AngularJs/AngularJs@xmb/tpl/testTpl.html: -------------------------------------------------------------------------------- 1 |

2 | tpl文件内容必须被包裹在一个标签内，也即tpl文件只能有一个根标签；即不能存在有文本未被标签包裹，也不能存在多个根标签 3 |
4 | {{name}} 5 |

6 | -------------------------------------------------------------------------------- /Canvas/sea.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Canvas/sea.jpg -------------------------------------------------------------------------------- /CanvasMDN/pattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/CanvasMDN/pattern.png -------------------------------------------------------------------------------- /CssSecrets/01_currentColor.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 16 | 17 | 18 |
test
19 | 20 | -------------------------------------------------------------------------------- /CssSecrets/02_使用inherit完成一些reset.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 18 | 19 | 20 | 
21 | inherit 关键字指定一个属性应从父元素继承它的值。
22 | inherit 关键字可用于任何 HTML 元素上的任何 CSS 属性。
23 |
24 | 25 | 26 | 30 | 链接链接链接链接链接 31 | 32 | -------------------------------------------------------------------------------- /CssSecrets/04_多重边框.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 16 | 17 | 18 |
19 | 20 |
21 | 22 | -------------------------------------------------------------------------------- /CssSecrets/05_多重边框_outline.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 19 | 20 | 21 |
22 | 23 |
24 | 25 | -------------------------------------------------------------------------------- /CssSecrets/09_边框内圆角_两个元素实现.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 18 | 19 | 20 |
21 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta est, id assumenda totam, dolorem fugiat dicta sapiente nisi voluptatum sunt accusantium ipsam nobis aperiam aspernatur laborum. Quasi ut rerum laborum.
22 |
23 | 24 | -------------------------------------------------------------------------------- /CssSecrets/12_垂直条纹.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 15 | 16 | 17 |
18 | 19 | -------------------------------------------------------------------------------- /CssSecrets/13_斜向条纹.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 18 | 19 | 20 |
21 | 22 | -------------------------------------------------------------------------------- /CssSecrets/14_更好的斜向条纹.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 16 | 17 | 18 |
19 | 20 | -------------------------------------------------------------------------------- /CssSecrets/15_灵活的同色系条纹.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 14 | 15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /CssSecrets/16_渐变生成网格.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 17 | 18 | 19 |
20 | 21 | -------------------------------------------------------------------------------- /CssSecrets/17_格子可调的网格.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 17 | 18 | 19 |
20 | 21 | -------------------------------------------------------------------------------- /CssSecrets/18_更加逼真的可调网格.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 16 | 17 | 18 |
19 | 20 | -------------------------------------------------------------------------------- /CssSecrets/19_径向渐变生成波点.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 16 | 17 | 18 |
19 | 20 | -------------------------------------------------------------------------------- /CssSecrets/20_错落有致的波点.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 17 | 18 | 19 |
20 | 21 | -------------------------------------------------------------------------------- /CssSecrets/21_渐变生成棋盘.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 17 | 18 | 19 |
20 | 21 | -------------------------------------------------------------------------------- /CssSecrets/23_伪随机背景.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 20 | 21 | 22 |
23 | 24 | -------------------------------------------------------------------------------- /CssSecrets/25_老式信封.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 18 | 19 | 20 |
1231
21 | 22 | -------------------------------------------------------------------------------- /CssSecrets/26_蚂蚁行军边框.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 24 | 25 | 26 |
1231
27 | 28 | -------------------------------------------------------------------------------- /CssSecrets/27_脚注.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 15 | 16 | 17 |
1231
18 | 19 | 20 | -------------------------------------------------------------------------------- /CssSecrets/39_染色效果_滤镜.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /CssSecrets/46_代码斑马纹.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 16 | 17 | 18 | 
while (true) {
19 | 	var d = new Date();
20 | 	if (d.getDate()==1 && d.getMonth()==3) {
21 | 		alert("TROLOLOL");
22 | 	}
23 | }
24 |
25 | 26 | -------------------------------------------------------------------------------- /CssSecrets/47_控制tab的大小.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 11 | 12 | 13 | 
while (true) {
14 | 	var d = new Date();
15 | 	if (d.getDate()==1 && d.getMonth()==3) {
16 | 		alert("TROLOLOL");
17 | 	}
18 | }
19 |
20 | 21 | -------------------------------------------------------------------------------- /CssSecrets/50_空心文字.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 16 | 17 | 18 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea libero eum, illo deserunt. Aut similique vel repudiandae nostrum ullam architecto molestias, praesentium earum distinctio ex quae consequuntur voluptate officiis qui!

19 | 20 | -------------------------------------------------------------------------------- /CssSecrets/51_文字发光效果.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 20 | 21 | 22 |

test

23 | 24 | -------------------------------------------------------------------------------- /CssSecrets/52_伪3d文字.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 21 | 22 | 23 |

测试用

24 | 25 | -------------------------------------------------------------------------------- /CssSecrets/53_长阴影文字.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 24 | 25 | 26 |

测试用

27 | 28 | -------------------------------------------------------------------------------- /CssSecrets/55_使用禁用标志标识禁用按钮.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /CssSecrets/66_弹性过渡.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 28 | 29 | 30 | 34 | 35 | -------------------------------------------------------------------------------- /CssSecrets/67_延时过渡.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 18 | 19 | 20 |
test
21 | 22 | -------------------------------------------------------------------------------- /CssSecrets/68_逐帧动画.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 19 | 20 | 21 |
22 | 23 | -------------------------------------------------------------------------------- /CssSecrets/69_文字闪烁动画.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 17 | 18 | 19 | 20 |
闪烁文字
21 | 22 | -------------------------------------------------------------------------------- /CssSecrets/70_打字动画.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 27 | 28 | 29 |

CSS is awesome!

30 | 31 | -------------------------------------------------------------------------------- /DaNei/08_判断输入类型.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /DaNei/09_逻辑短路.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
11 | 		逻辑运算在第一个条件就能判断出整个表达式的真假的时候，后面条件将不执行
12 |
13 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /DaNei/111_JSONP.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
11 | 		前台动态创建script标签，并设置src属性为请求地址，src后附带回调函数名，以及其他参数
12 | 		后台用回调函数名包裹返回的数据，实现远程js代码调用本地js函数的效果。
13 |
14 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /DaNei/12_eval.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
11 | 		eval():将字符串解析为javascript代码并执行
12 | 		效率低，不建议使用
13 |
14 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /DaNei/18_阶乘.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /DaNei/19_乘法表.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /DaNei/21_变量生命周期.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
11 | 		栈中变量的生命周期和堆不一样
12 | 			堆中变量由垃圾回收机制回收
13 | 			栈中变量随作用域环境创建而创建，随其销毁而销毁
14 |
15 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /DaNei/28_十进制转二进制.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
11 | 		除2倒取余
12 | 		循环条件:商不等于0
13 | 		循环变量:商
14 | 		循环体:商%2存入数组,商替换为商/2
15 |
16 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /DaNei/30_遍历二维数组.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /DaNei/34_每个单词首字母大写.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /DaNei/39_获取a的href值.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
11 | 		可以用来做网页爬虫
12 |
13 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /DaNei/40_从正则已经匹配的内容中取一部分.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
11 | 		从正则匹配的内容中，取一部分:RegExp.$n
12 | 		$n代表正则表达式中的第n个分组(圆括号),从1开始数
13 | 		必须通过RegExp类型直接调用$n,不能使用对象
14 |
15 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /DaNei/42_多空格每个单词首字母大些.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /DaNei/50_Number对象.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
	
11 | 		API
12 | 			number.toFixed(n);// 把数字按n位四舍五入返回一个字符串
13 | 				var Math.round(num);//只能取整，不能按位数四舍五入;并其返回一个number
14 | 			***何时用:因为是返回一个字符串，所以一般用在计算完之后，需要显示在页面上的时候用(计算之前用，因为类型混乱可能造成计算不准确)***
15 | 			number.toString(n);//按n进制输出数字的字符串格式
16 |
17 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /DaNei/53_isEmpty.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /DaNei/61_面向对象编写去前导空格.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /DaNei/70_window.length.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
返回的只有窗口中框架的数量，不包含自身文档
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /DaNei/72_打开新窗口.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 我同意使用本站的 11 | 使用条款 12 | 13 | xx 14 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /DaNei/75_定时跳转.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |

登录成功

11 |

3s后将跳转首页!

12 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /DaNei/76_变换的标题.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 我是一个正经的标题 7 | 8 | 9 | 10 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /DaNei/77_禁止用户输入特定字符.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 请输入金额 11 | 12 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /DaNei/90_服务器端开发技术.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 
11 | 		常用的网络服务的默认端口
12 | 			HTTP:80
13 | 			FTP:21
14 | 			HTTPS:443
15 | 			DNS:53
16 | 			SMTP:25->邮件
17 | 			POP3:109->邮件
18 | 			Telnet:23->远程，不加密
19 | 			SSH:22->远程，加密
20 | 			Samba:137、138、139->打印机
21 |
22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /DaNei/94_验证事件.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 |
15 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /DaNei/img/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/background.png -------------------------------------------------------------------------------- /DaNei/img/bomb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/bomb.png -------------------------------------------------------------------------------- /DaNei/img/btn_finish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/btn_finish.png -------------------------------------------------------------------------------- /DaNei/img/btn_finish_en.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/btn_finish_en.png -------------------------------------------------------------------------------- /DaNei/img/bullet1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/bullet1.png -------------------------------------------------------------------------------- /DaNei/img/bullet2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/bullet2.png -------------------------------------------------------------------------------- /DaNei/img/enemy1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy1.png -------------------------------------------------------------------------------- /DaNei/img/enemy1_down1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy1_down1.png -------------------------------------------------------------------------------- /DaNei/img/enemy1_down2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy1_down2.png -------------------------------------------------------------------------------- /DaNei/img/enemy1_down3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy1_down3.png -------------------------------------------------------------------------------- /DaNei/img/enemy1_down4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy1_down4.png -------------------------------------------------------------------------------- /DaNei/img/enemy2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy2.png -------------------------------------------------------------------------------- /DaNei/img/enemy2_down1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy2_down1.png -------------------------------------------------------------------------------- /DaNei/img/enemy2_down2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy2_down2.png -------------------------------------------------------------------------------- /DaNei/img/enemy2_down3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy2_down3.png -------------------------------------------------------------------------------- /DaNei/img/enemy2_down4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy2_down4.png -------------------------------------------------------------------------------- /DaNei/img/enemy2_hit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy2_hit.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_down1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_down1.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_down2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_down2.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_down3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_down3.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_down4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_down4.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_down5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_down5.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_down6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_down6.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_hit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_hit.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_n1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_n1.png -------------------------------------------------------------------------------- /DaNei/img/enemy3_n2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/enemy3_n2.png -------------------------------------------------------------------------------- /DaNei/img/game_loading1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/game_loading1.png -------------------------------------------------------------------------------- /DaNei/img/game_loading2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/game_loading2.png -------------------------------------------------------------------------------- /DaNei/img/game_loading3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/game_loading3.png -------------------------------------------------------------------------------- /DaNei/img/game_loading4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/game_loading4.png -------------------------------------------------------------------------------- /DaNei/img/game_pause_nor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/game_pause_nor.png -------------------------------------------------------------------------------- /DaNei/img/game_pause_pressed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/game_pause_pressed.png -------------------------------------------------------------------------------- /DaNei/img/hero1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero1.png -------------------------------------------------------------------------------- /DaNei/img/hero1.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero1.psd -------------------------------------------------------------------------------- /DaNei/img/hero1_protect1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero1_protect1.png -------------------------------------------------------------------------------- /DaNei/img/hero1_protect2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero1_protect2.png -------------------------------------------------------------------------------- /DaNei/img/hero2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero2.png -------------------------------------------------------------------------------- /DaNei/img/hero_blowup_n1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero_blowup_n1.png -------------------------------------------------------------------------------- /DaNei/img/hero_blowup_n2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero_blowup_n2.png -------------------------------------------------------------------------------- /DaNei/img/hero_blowup_n3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero_blowup_n3.png -------------------------------------------------------------------------------- /DaNei/img/hero_blowup_n4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero_blowup_n4.png -------------------------------------------------------------------------------- /DaNei/img/hero_protect_disapper_n1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero_protect_disapper_n1.png -------------------------------------------------------------------------------- /DaNei/img/hero_protect_disapper_n2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero_protect_disapper_n2.png -------------------------------------------------------------------------------- /DaNei/img/hero_protect_disapper_n3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/hero_protect_disapper_n3.png -------------------------------------------------------------------------------- /DaNei/img/loading-fj.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/loading-fj.gif -------------------------------------------------------------------------------- /DaNei/img/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/loading.gif -------------------------------------------------------------------------------- /DaNei/img/position.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/position.png -------------------------------------------------------------------------------- /DaNei/img/product-s4-l.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/product-s4-l.jpg -------------------------------------------------------------------------------- /DaNei/img/product-s4-m.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/product-s4-m.jpg -------------------------------------------------------------------------------- /DaNei/img/shoot_copyright.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/shoot_copyright.png -------------------------------------------------------------------------------- /DaNei/img/shoot_copyright_en.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/shoot_copyright_en.png -------------------------------------------------------------------------------- /DaNei/img/small-bee-hi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/small-bee-hi.png -------------------------------------------------------------------------------- /DaNei/img/start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/start.png -------------------------------------------------------------------------------- /DaNei/img/ufo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/ufo1.png -------------------------------------------------------------------------------- /DaNei/img/ufo2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/img/ufo2.png -------------------------------------------------------------------------------- /DaNei/js/00_测试内外部同名函数.js: -------------------------------------------------------------------------------- 1 | function doIt() { 2 | console.log("我是外部的do"); 3 | } 4 | -------------------------------------------------------------------------------- /DaNei/media/video.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/media/video.mp4 -------------------------------------------------------------------------------- /DaNei/media/video.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/DaNei/media/video.ogg -------------------------------------------------------------------------------- /Dmd/02_禁止输入.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |

可通过添加disabled属性或js来实现

11 | 12 | 13 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Dmd/06_限制只能输入中文.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Dmd/13_回车提交.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /Dmd/15_默认选中文本.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 13 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Dmd/28_刷新页面.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /Dmd/29_屏蔽右键.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /Dmd/30_防止页面被嵌套.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /Dmd/39_获取指定日期所在月份的天数.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /Dmd/40_获取指定日期是第几周.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Dmd/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/1.jpg -------------------------------------------------------------------------------- /Dmd/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/2.jpg -------------------------------------------------------------------------------- /Dmd/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/3.jpg -------------------------------------------------------------------------------- /Dmd/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/4.jpg -------------------------------------------------------------------------------- /Dmd/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/5.jpg -------------------------------------------------------------------------------- /Dmd/img/btn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/btn.png -------------------------------------------------------------------------------- /Dmd/img/float-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/float-bg.png -------------------------------------------------------------------------------- /Dmd/img/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/loading.gif -------------------------------------------------------------------------------- /Dmd/img/share-btn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Dmd/img/share-btn.png -------------------------------------------------------------------------------- /Graphviz/学习Graphviz.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Graphviz/学习Graphviz.png -------------------------------------------------------------------------------- /MiaoV/01_imgOnload.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /MiaoV/img/0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/0.jpg -------------------------------------------------------------------------------- /MiaoV/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/1.jpg -------------------------------------------------------------------------------- /MiaoV/img/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/10.jpg -------------------------------------------------------------------------------- /MiaoV/img/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/11.jpg -------------------------------------------------------------------------------- /MiaoV/img/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/12.jpg -------------------------------------------------------------------------------- /MiaoV/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/2.jpg -------------------------------------------------------------------------------- /MiaoV/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/3.jpg -------------------------------------------------------------------------------- /MiaoV/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/4.jpg -------------------------------------------------------------------------------- /MiaoV/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/5.jpg -------------------------------------------------------------------------------- /MiaoV/img/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/6.jpg -------------------------------------------------------------------------------- /MiaoV/img/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/7.jpg -------------------------------------------------------------------------------- /MiaoV/img/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/8.jpg -------------------------------------------------------------------------------- /MiaoV/img/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/9.jpg -------------------------------------------------------------------------------- /MiaoV/img/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiaoV/img/loading.gif -------------------------------------------------------------------------------- /MiniProgram/wx-bus/app.js: -------------------------------------------------------------------------------- 1 | //app.js 2 | App({ 3 | globalData: { 4 | nearestSiteName: '', 5 | location: { 6 | lont: '', 7 | lati: '' 8 | }, 9 | firstLoad: true 10 | } 11 | }); -------------------------------------------------------------------------------- /MiniProgram/wx-bus/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages": [ 3 | "pages/index/index", 4 | "pages/search/search", 5 | "pages/detail/detail", 6 | "pages/site/site" 7 | ], 8 | "window": { 9 | "backgroundTextStyle": "light", 10 | "navigationBarBackgroundColor": "#f66", 11 | "navigationBarTitleText": "公交查询", 12 | "navigationBarTextStyle": "light" 13 | }, 14 | "networkTimeout": { 15 | "request": 10000, 16 | "connectSocket": 10000, 17 | "uploadFile": 10000, 18 | "downloadFile": 10000 19 | } 20 | } -------------------------------------------------------------------------------- /MiniProgram/wx-bus/app.wxss: -------------------------------------------------------------------------------- 1 | /**app.wxss**/ 2 | 3 | page { 4 | background-color: #eee; 5 | font: 32rpx/1.5 -apple-system, 6 | BlinkMacSystemFont, 7 | "PingFang SC", 8 | "Helvetica Neue", 9 | STHeiti, 10 | "Microsoft Yahei", 11 | Tahoma, 12 | Simsun, 13 | sans-serif; 14 | } 15 | 16 | .itemHover { 17 | background-color: #fcfcfc; 18 | } 19 | -------------------------------------------------------------------------------- /MiniProgram/wx-bus/pages/detail/bus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiniProgram/wx-bus/pages/detail/bus.png -------------------------------------------------------------------------------- /MiniProgram/wx-bus/pages/detail/change.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/MiniProgram/wx-bus/pages/detail/change.png -------------------------------------------------------------------------------- /MiniProgram/wx-bus/pages/detail/detail.json: -------------------------------------------------------------------------------- 1 | { 2 | "enablePullDownRefresh": true 3 | } -------------------------------------------------------------------------------- /MiniProgram/wx-bus/pages/index/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "enablePullDownRefresh": true 3 | } -------------------------------------------------------------------------------- /MiniProgram/wx-bus/pages/search/search.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /MiniProgram/wx-bus/pages/site/site.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /MiniProgram/wx-bus/pages/site/site.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{item}} 6 | 7 | ✔ 8 | 9 | -------------------------------------------------------------------------------- /MiniProgram/wx-bus/project.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "项目配置文件。", 3 | "setting": { 4 | "urlCheck": false, 5 | "es6": true, 6 | "postcss": true, 7 | "minified": true, 8 | "newFeature": true 9 | }, 10 | "compileType": "miniprogram", 11 | "libVersion": "1.9.91", 12 | "appid": "wx57ee5289fca2e47f", 13 | "projectname": "wx-bus", 14 | "isGameTourist": false, 15 | "condition": { 16 | "search": { 17 | "current": -1, 18 | "list": [] 19 | }, 20 | "conversation": { 21 | "current": -1, 22 | "list": [] 23 | }, 24 | "game": { 25 | "currentL": -1, 26 | "list": [] 27 | }, 28 | "miniprogram": { 29 | "current": -1, 30 | "list": [] 31 | } 32 | } 33 | } -------------------------------------------------------------------------------- /MiniProgram/wx-bus/utils/promise.js: -------------------------------------------------------------------------------- 1 | // function wxPromisify(fn) { 2 | // return function(obj={}){ 3 | // return new Promise((resolve,reject)=>{ 4 | // obj.success=function(res){ 5 | // resolve(res); 6 | // }; 7 | // obj.fail=function(res){ 8 | // reject(res); 9 | // } 10 | // fn(obj); 11 | // }); 12 | // } 13 | // } 14 | 15 | // module.exports={ 16 | // wxPromisify 17 | // }; 18 | 19 | module.exports = (api) => { 20 | return (options, ...params) => { 21 | return new Promise((resolve, reject) => { 22 | api(Object.assign({}, options, { success: resolve, fail: reject }), ...params); 23 | }); 24 | } 25 | } -------------------------------------------------------------------------------- /MiniProgram/wx-bus/utils/util.js: -------------------------------------------------------------------------------- 1 | const formatTime = date => { 2 | const year = date.getFullYear() 3 | const month = date.getMonth() + 1 4 | const day = date.getDate() 5 | const hour = date.getHours() 6 | const minute = date.getMinutes() 7 | const second = date.getSeconds() 8 | 9 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':') 10 | } 11 | 12 | const formatNumber = n => { 13 | n = n.toString() 14 | return n[1] ? n : '0' + n 15 | } 16 | 17 | module.exports = { 18 | formatTime: formatTime 19 | } 20 | -------------------------------------------------------------------------------- /Plugins/00_template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /Plugins/09_timeCountDown.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Plugins/js/03_main.js: -------------------------------------------------------------------------------- 1 | require.config({ 2 | baseUrl: "js", 3 | paths: { 4 | lib: "lib", 5 | vendor: "vendor", 6 | placeholder: 'vendor/03_placeholder' 7 | } 8 | }); 9 | require(["vendor/03_placeholder"], function(Pler) { 10 | // 注意执行到这时,window.onload已经触发过了，所以回调中的onload事件就不会再触发了 11 | var pl = new Pler(); 12 | pl.init(); 13 | }); 14 | -------------------------------------------------------------------------------- /Plugins/js/04_main.js: -------------------------------------------------------------------------------- 1 | require.config({ 2 | baseUrl: "js", 3 | paths: { 4 | lib: "lib", 5 | vendor: "vendor", 6 | jquery: "lib/jquery-1.12.4.min", 7 | domReady: "lib/domReady", 8 | tableSort: "vendor/04_tableSort" 9 | } 10 | }); 11 | require(['jquery', 'tableSort'], function($, tableSort) { 12 | console.log(tableSort); 13 | }); 14 | -------------------------------------------------------------------------------- /Plugins/js/07_main.js: -------------------------------------------------------------------------------- 1 | require.config({ 2 | baseUrl: 'js', 3 | paths: { 4 | domReady: 'lib/domReady', 5 | myCarousel: 'vendor/07_carousel', 6 | jquery: 'lib/jquery-1.12.4.min' 7 | } 8 | }); 9 | define(['domReady!', 'myCarousel'], function(doc, myCarousel) { 10 | $('.cgh_Carousel').cgh_carousel({ 11 | height: 380, 12 | autoPlay: true, 13 | showPagination: true, 14 | startIndex: 0, 15 | autoTime: 3000 16 | }); 17 | }); -------------------------------------------------------------------------------- /Plugins/js/08_main.js: -------------------------------------------------------------------------------- 1 | require.config({ 2 | baseUrl: 'js', 3 | paths: { 4 | domReady: 'lib/domReady', 5 | cgh_navfixed: 'vendor/08_navFixed', 6 | jquery: 'lib/jquery-1.12.4.min' 7 | } 8 | }); 9 | define(['domReady!', 'cgh_navfixed'], function(doc, cgh_navfixed) { 10 | $('.Nav').cgh_navfixed(); 11 | }); -------------------------------------------------------------------------------- /Plugins/js/09_main.js: -------------------------------------------------------------------------------- 1 | require.config({ 2 | baseUrl: 'js', 3 | paths: { 4 | domReady: 'lib/domReady', 5 | cgh_timeCountDown: 'vendor/09_timeCountDown', 6 | } 7 | }); 8 | define(['domReady!', 'cgh_timeCountDown'], function(doc, cgh_timeCountDown) { 9 | //继续线程占用 10 | setInterval(function() { 11 | var j = 0; 12 | while (j++ < 9999999); 13 | }, 0); 14 | 15 | cgh_timeCountDown({ 16 | interval: 1000, 17 | msOffset: 5000, 18 | callback: function(ms) { 19 | console.log('离活动开始还有:', ms, 'ms'); 20 | } 21 | }); 22 | 23 | }); -------------------------------------------------------------------------------- /Plugins/js/10_main.js: -------------------------------------------------------------------------------- 1 | require.config({ 2 | baseUrl: 'js', 3 | paths: { 4 | domReady: 'lib/domReady', 5 | jquery: 'lib/jquery-1.12.4.min', 6 | cgh_drag: 'vendor/10_drag' 7 | } 8 | }); 9 | define(['domReady!', 'cgh_drag'], function(doc, cgh_drag) { 10 | $('#js_hd').cgh_drag({ 11 | target: '#js_box' 12 | }); 13 | }); -------------------------------------------------------------------------------- /Plugins/js/lib/amNotAMD.js: -------------------------------------------------------------------------------- 1 | function Person(name) { 2 | this.name = name; 3 | } 4 | 5 | var person = new Person('cgh'); 6 | window.person = person; 7 | -------------------------------------------------------------------------------- /Practice/03_获取所有MAC.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/03_获取所有MAC.html -------------------------------------------------------------------------------- /Practice/06_postMessage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /Practice/30_des3加密、解密.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Practice/img/Bar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/img/Bar.png -------------------------------------------------------------------------------- /Practice/img/Mobile-b.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/img/Mobile-b.png -------------------------------------------------------------------------------- /Practice/img/Mobile-w.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/img/Mobile-w.png -------------------------------------------------------------------------------- /Practice/img/cattyboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/img/cattyboard.png -------------------------------------------------------------------------------- /Practice/js/app.js: -------------------------------------------------------------------------------- 1 | requirejs.config({ 2 | baseUrl: 'js/lib', 3 | }); 4 | requirejs(["hello"], function(h) { 5 | 6 | }); 7 | -------------------------------------------------------------------------------- /Practice/js/default-skin/default-skin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/js/default-skin/default-skin.png -------------------------------------------------------------------------------- /Practice/js/default-skin/preloader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/js/default-skin/preloader.gif -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/vendors/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/vendors/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/vendors/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Practice/vendors/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-3.3.7-dist/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/extensions/auto-refresh/bootstrap-table-auto-refresh.css: -------------------------------------------------------------------------------- 1 | .btn.enabled { 2 | background-color: #5bc0de; 3 | } 4 | -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/extensions/click-edit-row/bootstrap-table-click-edit-row.css: -------------------------------------------------------------------------------- 1 | #tooling{ 2 | float: right; 3 | } 4 | .clear{ 5 | display: block; 6 | width: 13px; 7 | height: 13px; 8 | position: absolute; 9 | opacity: 0.6; 10 | z-index: 100; 11 | top: 50%; 12 | right: 26px; 13 | margin-top: -10px; 14 | cursor: pointer; 15 | } 16 | .clear > i{ 17 | font-size: 1.5em; 18 | } 19 | .clear > i:hover{ 20 | color: hsl(0, 0%, 75%); 21 | } -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/extensions/filter-control/bootstrap-table-filter-control.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @author: Dennis Hernández 3 | * @webSite: http://djhvscf.github.io/Blog 4 | * @version: v2.1.1 5 | */ 6 | 7 | .no-filter-control { 8 | height: 34px; 9 | } 10 | 11 | .filter-control { 12 | margin: 0 2px 2px 2px; 13 | } -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/extensions/group-by-v2/bootstrap-table-group-by.css: -------------------------------------------------------------------------------- 1 | .bootstrap-table .table > tbody > tr.groupBy { 2 | cursor: pointer; 3 | } 4 | 5 | .bootstrap-table .table > tbody > tr.groupBy.expanded { 6 | 7 | } -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/extensions/i18n-enhance/bootstrap-table-i18n-enhance.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * bootstrap-table - v1.11.1 - 2017-02-22 3 | * https://github.com/wenzhixin/bootstrap-table 4 | * Copyright (c) 2017 zhixin wen 5 | * Licensed MIT License 6 | */ 7 | !function(a){"use strict";var b=a.fn.bootstrapTable.Constructor;b.prototype.changeTitle=function(b){a.each(this.options.columns,function(c,d){a.each(d,function(a,c){c.field&&(c.title=b[c.field])})}),this.initHeader(),this.initBody(),this.initToolbar()},b.prototype.changeLocale=function(a){this.options.locale=a,this.initLocale(),this.initPagination()},a.fn.bootstrapTable.methods.push("changeTitle"),a.fn.bootstrapTable.methods.push("changeLocale")}(jQuery); -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/extensions/multiple-selection-row/bootstrap-table-multiple-selection-row.css: -------------------------------------------------------------------------------- 1 | .multiple-select-row-selected { 2 | background: lightBlue 3 | } 4 | 5 | .table tbody tr:hover td, 6 | .table tbody tr:hover th { 7 | background-color: transparent; 8 | } 9 | 10 | 11 | .table-striped tbody tr:nth-child(odd):hover td { 12 | background-color: #F9F9F9; 13 | } 14 | 15 | .fixed-table-container tbody .selected td { 16 | background: lightBlue; 17 | } -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/extensions/sticky-header/bootstrap-table-sticky-header.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @author vincent loh 3 | * @version: v1.0.0 4 | * https://github.com/vinzloh/bootstrap-table/ 5 | * Sticky header for bootstrap-table 6 | */ 7 | 8 | .fix-sticky { 9 | position: fixed; 10 | z-index: 100; 11 | } 12 | .fix-sticky thead { 13 | background: #fff; 14 | } 15 | 16 | .fix-sticky thead th, 17 | .fix-sticky thead th:first-child { 18 | border-left: 0; 19 | border-right: 0; 20 | border-bottom: 1px solid #eee; 21 | border-radius: 0; 22 | } 23 | -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css: -------------------------------------------------------------------------------- 1 | .table:not(.table-condensed)>tbody>tr>td.treenode{padding-top:0;padding-bottom:0;border-bottom:solid #fff 1px}.table:not(.table-condensed)>tbody>tr:last-child>td.treenode{border-bottom:none}.treenode .text{float:left;display:block;padding-top:6px;padding-bottom:6px}.treenode .vertical,.treenode .vertical.last{float:left;display:block;width:1px;border-left:dashed silver 1px;height:38px;margin-left:8px}.treenode .vertical.last{height:15px}.treenode .space,.treenode .node{float:left;display:block;width:15px;height:5px;margin-top:15px}.treenode .node{border-top:dashed silver 1px} -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/locale/bootstrap-table-el-GR.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * bootstrap-table - v1.11.1 - 2017-02-22 3 | * https://github.com/wenzhixin/bootstrap-table 4 | * Copyright (c) 2017 zhixin wen 5 | * Licensed MIT License 6 | */ 7 | !function(a){"use strict";a.fn.bootstrapTable.locales["el-GR"]={formatLoadingMessage:function(){return"Φορτώνει, παρακαλώ περιμένετε..."},formatRecordsPerPage:function(a){return a+" αποτελέσματα ανά σελίδα"},formatShowingRows:function(a,b,c){return"Εμφανίζονται από την "+a+" ως την "+b+" από σύνολο "+c+" σειρών"},formatSearch:function(){return"Αναζητήστε"},formatNoMatches:function(){return"Δεν βρέθηκαν αποτελέσματα"}},a.extend(a.fn.bootstrapTable.defaults,a.fn.bootstrapTable.locales["el-GR"])}(jQuery); -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/locale/bootstrap-table-es-AR.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * bootstrap-table - v1.11.1 - 2017-02-22 3 | * https://github.com/wenzhixin/bootstrap-table 4 | * Copyright (c) 2017 zhixin wen 5 | * Licensed MIT License 6 | */ 7 | !function(a){"use strict";a.fn.bootstrapTable.locales["es-AR"]={formatLoadingMessage:function(){return"Cargando, espere por favor..."},formatRecordsPerPage:function(a){return a+" registros por página"},formatShowingRows:function(a,b,c){return"Mostrando "+a+" a "+b+" de "+c+" filas"},formatSearch:function(){return"Buscar"},formatNoMatches:function(){return"No se encontraron registros"},formatAllRows:function(){return"Todo"}},a.extend(a.fn.bootstrapTable.defaults,a.fn.bootstrapTable.locales["es-AR"])}(jQuery); -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/locale/bootstrap-table-es-MX.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * bootstrap-table - v1.11.1 - 2017-02-22 3 | * https://github.com/wenzhixin/bootstrap-table 4 | * Copyright (c) 2017 zhixin wen 5 | * Licensed MIT License 6 | */ 7 | !function(a){"use strict";a.fn.bootstrapTable.locales["es-MX"]={formatLoadingMessage:function(){return"Cargando, espere por favor..."},formatRecordsPerPage:function(a){return a+" registros por página"},formatShowingRows:function(a,b,c){return"Mostrando "+a+" a "+b+" de "+c+" filas"},formatSearch:function(){return"Buscar"},formatNoMatches:function(){return"No se encontraron registros"},formatAllRows:function(){return"Todo"}},a.extend(a.fn.bootstrapTable.defaults,a.fn.bootstrapTable.locales["es-MX"])}(jQuery); -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/locale/bootstrap-table-fr-BE.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * bootstrap-table - v1.11.1 - 2017-02-22 3 | * https://github.com/wenzhixin/bootstrap-table 4 | * Copyright (c) 2017 zhixin wen 5 | * Licensed MIT License 6 | */ 7 | !function(a){"use strict";a.fn.bootstrapTable.locales["fr-BE"]={formatLoadingMessage:function(){return"Chargement en cours..."},formatRecordsPerPage:function(a){return a+" entrées par page"},formatShowingRows:function(a,b,c){return"Affiche de"+a+" à "+b+" sur "+c+" lignes"},formatSearch:function(){return"Recherche"},formatNoMatches:function(){return"Pas de fichiers trouvés"}},a.extend(a.fn.bootstrapTable.defaults,a.fn.bootstrapTable.locales["fr-BE"])}(jQuery); -------------------------------------------------------------------------------- /Practice/vendors/bootstrap-table/locale/bootstrap-table-vi-VN.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * bootstrap-table - v1.11.1 - 2017-02-22 3 | * https://github.com/wenzhixin/bootstrap-table 4 | * Copyright (c) 2017 zhixin wen 5 | * Licensed MIT License 6 | */ 7 | !function(a){"use strict";a.fn.bootstrapTable.locales["vi-VN"]={formatLoadingMessage:function(){return"Đang tải..."},formatRecordsPerPage:function(a){return a+" bản ghi mỗi trang"},formatShowingRows:function(a,b,c){return"Hiển thị từ trang "+a+" đến "+b+" của "+c+" bảng ghi"},formatSearch:function(){return"Tìm kiếm"},formatNoMatches:function(){return"Không có dữ liệu"}},a.extend(a.fn.bootstrapTable.defaults,a.fn.bootstrapTable.locales["vi-VN"])}(jQuery); -------------------------------------------------------------------------------- /QA/18_是否改变原数组方法总结.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Sjms/04_封装数据.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /Sjms/05_封装实现.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Sjms/38_倒序迭代器.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /Sjms/85_单一职责原则.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /Sjms/86_最少知识原则.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Sjms/88_接口和面向接口编程.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /Sjms/js/33.js: -------------------------------------------------------------------------------- 1 | miniConsole = { 2 | log: function() { 3 | console.log(Array.prototype.join.call(arguments)); 4 | } 5 | }; 6 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-runtime"], 12 | "env": { 13 | "test": { 14 | "presets": ["env", "stage-2"], 15 | "plugins": ["istanbul"] 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/.eslintignore: -------------------------------------------------------------------------------- 1 | /build/ 2 | /config/ 3 | /dist/ 4 | /*.js 5 | /test/unit/coverage/ 6 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | /test/unit/coverage/ 8 | /test/e2e/reports/ 9 | selenium-debug.log 10 | 11 | # Editor directories and files 12 | .idea 13 | .vscode 14 | *.suo 15 | *.ntvs* 16 | *.njsproj 17 | *.sln 18 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | // to edit target browsers: use "browserslist" field in package.json 6 | "autoprefixer": {} 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/README.md: -------------------------------------------------------------------------------- 1 | # vue-eleme 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | 20 | # run unit tests 21 | npm run unit 22 | 23 | # run e2e tests 24 | npm run e2e 25 | 26 | # run all tests 27 | npm test 28 | ``` 29 | 30 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 31 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/build/dev-client.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | 'use strict' 3 | require('eventsource-polyfill') 4 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') 5 | 6 | hotClient.subscribe(function (event) { 7 | if (event.action === 'reload') { 8 | window.location.reload() 9 | } 10 | }) 11 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | 6 | module.exports = { 7 | loaders: utils.cssLoaders({ 8 | sourceMap: isProduction 9 | ? config.build.productionSourceMap 10 | : config.dev.cssSourceMap, 11 | extract: isProduction 12 | }), 13 | transformToRequire: { 14 | video: 'src', 15 | source: 'src', 16 | img: 'src', 17 | image: 'xlink:href' 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/config/test.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const devEnv = require('./dev.env') 4 | 5 | module.exports = merge(devEnv, { 6 | NODE_ENV: '"testing"' 7 | }) 8 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | vue-eleme 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/src/App.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 13 | 14 | 24 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/Vue@eleme/src/assets/logo.png -------------------------------------------------------------------------------- /Vue/Vue@eleme/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | Vue.config.productionTip = false 8 | 9 | /* eslint-disable no-new */ 10 | new Vue({ 11 | el: '#app', 12 | router, 13 | template: '', 14 | components: { App } 15 | }) 16 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'Hello', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/Vue@eleme/static/.gitkeep -------------------------------------------------------------------------------- /Vue/Vue@eleme/test/e2e/specs/test.js: -------------------------------------------------------------------------------- 1 | // For authoring Nightwatch tests, see 2 | // http://nightwatchjs.org/guide#usage 3 | 4 | module.exports = { 5 | 'default e2e tests': function (browser) { 6 | // automatically uses dev Server port from /config.index.js 7 | // default: http://localhost:8080 8 | // see nightwatch.conf.js 9 | const devServer = browser.globals.devServerURL 10 | 11 | browser 12 | .url(devServer) 13 | .waitForElementVisible('#app', 5000) 14 | .assert.elementPresent('.hello') 15 | .assert.containsText('h1', 'Welcome to Your Vue.js App') 16 | .assert.elementCount('img', 1) 17 | .end() 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/test/unit/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "mocha": true 4 | }, 5 | "globals": { 6 | "expect": true, 7 | "sinon": true 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/test/unit/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | 3 | Vue.config.productionTip = false 4 | 5 | // require all test files (files that ends with .spec.js) 6 | const testsContext = require.context('./specs', true, /\.spec$/) 7 | testsContext.keys().forEach(testsContext) 8 | 9 | // require all src files except main.js for coverage. 10 | // you can also change this to match only the subset of files that 11 | // you want coverage for. 12 | const srcContext = require.context('../../src', true, /^\.\/(?!main(\.js)?$)/) 13 | srcContext.keys().forEach(srcContext) 14 | -------------------------------------------------------------------------------- /Vue/Vue@eleme/test/unit/specs/Hello.spec.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import HelloWorld from '@/components/HelloWorld' 3 | 4 | describe('HelloWorld.vue', () => { 5 | it('should render correct contents', () => { 6 | const Constructor = Vue.extend(HelloWorld) 7 | const vm = new Constructor().$mount() 8 | expect(vm.$el.querySelector('.hello h1').textContent) 9 | .to.equal('Welcome to Your Vue.js App') 10 | }) 11 | }) 12 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/.eslintignore: -------------------------------------------------------------------------------- 1 | /build/ 2 | /config/ 3 | /dist/ 4 | /*.js 5 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/README.md: -------------------------------------------------------------------------------- 1 | # vue-cli-study 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-cli-study/build/logo.png -------------------------------------------------------------------------------- /Vue/vue-cli-study/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | vue-cli-study 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-cli-study/src/assets/logo.png -------------------------------------------------------------------------------- /Vue/vue-cli-study/src/assets/test.scss: -------------------------------------------------------------------------------- 1 | * { 2 | text-align: center; 3 | } 4 | 5 | .hello { 6 | color: red; 7 | @at-root #{&}-title { 8 | font-size: 20px; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/src/assets/test2.scss: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: red; 3 | } 4 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | Vue.config.productionTip = false 8 | 9 | /* eslint-disable no-new */ 10 | new Vue({ 11 | el: '#app', 12 | router, 13 | template: '', 14 | components: { App } 15 | }) 16 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /Vue/vue-cli-study/static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-cli-study/static/.gitkeep -------------------------------------------------------------------------------- /Vue/vue-music/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-runtime"], 12 | "env": { 13 | "test": { 14 | "presets": ["env", "stage-2"], 15 | "plugins": ["istanbul"] 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Vue/vue-music/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /Vue/vue-music/.eslintignore: -------------------------------------------------------------------------------- 1 | /build/ 2 | /config/ 3 | /dist/ 4 | /*.js 5 | -------------------------------------------------------------------------------- /Vue/vue-music/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /Vue/vue-music/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | // to edit target browsers: use "browserslist" field in package.json 6 | "autoprefixer": {} 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /Vue/vue-music/README.md: -------------------------------------------------------------------------------- 1 | # vue-music 2 | 3 | > 音乐播放器 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /Vue/vue-music/build/dev-client.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | 'use strict' 3 | require('eventsource-polyfill') 4 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') 5 | 6 | hotClient.subscribe(function (event) { 7 | if (event.action === 'reload') { 8 | window.location.reload() 9 | } 10 | }) 11 | -------------------------------------------------------------------------------- /Vue/vue-music/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | 6 | module.exports = { 7 | loaders: utils.cssLoaders({ 8 | sourceMap: isProduction 9 | ? config.build.productionSourceMap 10 | : config.dev.cssSourceMap, 11 | extract: isProduction 12 | }), 13 | transformToRequire: { 14 | video: 'src', 15 | source: 'src', 16 | img: 'src', 17 | image: 'xlink:href' 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /Vue/vue-music/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /Vue/vue-music/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /Vue/vue-music/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | vue-music 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /Vue/vue-music/src/App.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 25 | 26 | 29 | -------------------------------------------------------------------------------- /Vue/vue-music/src/api/config.js: -------------------------------------------------------------------------------- 1 | export const commonParams = { 2 | g_tk: 67232076, 3 | inCharset: 'utf-8', 4 | outCharset: 'utf-8', 5 | notice: 0, 6 | format: 'jsonp' 7 | }; 8 | 9 | export const options = { 10 | param: 'jsonpCallback' 11 | }; 12 | 13 | export const ERR_OK = 0; 14 | -------------------------------------------------------------------------------- /Vue/vue-music/src/api/song.js: -------------------------------------------------------------------------------- 1 | import {commonParams, options} from './config' 2 | import axios from 'axios' 3 | 4 | 5 | export function getLyric(mid) { 6 | const url='/api/lyric'; 7 | 8 | const data = Object.assign({}, commonParams, { 9 | songmid: mid, 10 | platform: 'yqq', 11 | hostUin: 0, 12 | needNewCode: 0, 13 | categoryId: 10000000, 14 | pcachetime: +new Date(), 15 | format: 'json' 16 | }) 17 | 18 | return axios.get(url, { 19 | params: data 20 | }).then((res) => { 21 | return Promise.resolve(res.data) 22 | }) 23 | } 24 | -------------------------------------------------------------------------------- /Vue/vue-music/src/base/loading/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/loading/loading.gif -------------------------------------------------------------------------------- /Vue/vue-music/src/base/loading/loading.vue: -------------------------------------------------------------------------------- 1 | 7 | 17 | 28 | -------------------------------------------------------------------------------- /Vue/vue-music/src/base/no-result/no-result@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/no-result/no-result@2x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/base/no-result/no-result@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/no-result/no-result@3x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/base/song-list/first@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/song-list/first@2x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/base/song-list/first@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/song-list/first@3x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/base/song-list/second@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/song-list/second@2x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/base/song-list/second@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/song-list/second@3x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/base/song-list/third@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/song-list/third@2x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/base/song-list/third@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/base/song-list/third@3x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/common/fonts/music-icon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/common/fonts/music-icon.eot -------------------------------------------------------------------------------- /Vue/vue-music/src/common/fonts/music-icon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/common/fonts/music-icon.ttf -------------------------------------------------------------------------------- /Vue/vue-music/src/common/fonts/music-icon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/common/fonts/music-icon.woff -------------------------------------------------------------------------------- /Vue/vue-music/src/common/image/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/common/image/default.png -------------------------------------------------------------------------------- /Vue/vue-music/src/common/js/config.js: -------------------------------------------------------------------------------- 1 | export const playMode = { 2 | sequence: 0, 3 | loop: 1, 4 | random: 2 5 | } 6 | -------------------------------------------------------------------------------- /Vue/vue-music/src/common/js/jsonp.js: -------------------------------------------------------------------------------- 1 | import originJsonp from 'jsonp' 2 | 3 | export default function jsonp(url, data, option) { 4 | 5 | url += (url.indexOf('?') < 0 ? '?' : '&') + param(data); 6 | 7 | return new Promise((resolve, reject) => { 8 | originJsonp(url, option, (err, data) => { 9 | if (!err) { 10 | resolve(data); 11 | } else { 12 | reject(err); 13 | } 14 | }); 15 | }); 16 | } 17 | 18 | function param(data) { 19 | let url = ''; 20 | for (var k in data) { 21 | let value = data[k] !== undefined ? data[k] : ''; 22 | url += `&${k}=${encodeURIComponent(value)}`; 23 | } 24 | return url ? url.substring(1) : ''; 25 | } 26 | -------------------------------------------------------------------------------- /Vue/vue-music/src/common/js/singer.js: -------------------------------------------------------------------------------- 1 | export default class Singer { 2 | constructor({id, name}) { 3 | this.id = id, 4 | this.name = name, 5 | this.avatar = `https://y.gtimg.cn/music/photo_new/T001R300x300M000${id}.jpg?max_age=2592000` 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Vue/vue-music/src/common/js/util.js: -------------------------------------------------------------------------------- 1 | function getRandomInt(min, max) { 2 | return Math.floor(Math.random() * (max - min + 1) + min) 3 | } 4 | 5 | export function shuffle(arr) { 6 | let _arr = arr.slice() 7 | for (let i = 0; i < _arr.length; i++) { 8 | let j = getRandomInt(0, i) 9 | let t = _arr[i] 10 | _arr[i] = _arr[j] 11 | _arr[j] = t 12 | } 13 | return _arr; 14 | } 15 | 16 | export function debounce(func, delay) { 17 | let timer 18 | 19 | return function (...args) { 20 | if (timer) { 21 | clearTimeout(timer) 22 | } 23 | timer = setTimeout(() => { 24 | func.apply(this, args) 25 | }, delay) 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /Vue/vue-music/src/common/stylus/base.styl: -------------------------------------------------------------------------------- 1 | @import "variable.styl" 2 | 3 | body, html 4 | line-height: 1 5 | font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback' 6 | user-select: none 7 | -webkit-tap-highlight-color: transparent 8 | background: $color-background 9 | color: $color-text -------------------------------------------------------------------------------- /Vue/vue-music/src/common/stylus/index.styl: -------------------------------------------------------------------------------- 1 | @import "./reset.styl" 2 | @import "./base.styl" 3 | @import "./icon.styl" -------------------------------------------------------------------------------- /Vue/vue-music/src/common/stylus/mixin.styl: -------------------------------------------------------------------------------- 1 | // 背景图片 2 | bg-image($url) 3 | background-image: url($url + "@2x.png") 4 | @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) 5 | background-image: url($url + "@3x.png") 6 | 7 | // 不换行 8 | no-wrap() 9 | text-overflow: ellipsis 10 | overflow: hidden 11 | white-space: nowrap 12 | 13 | // 扩展点击区域 14 | extend-click() 15 | position: relative 16 | &:before 17 | content: '' 18 | position: absolute 19 | top: -10px 20 | left: -10px 21 | right: -10px 22 | bottom: -10px -------------------------------------------------------------------------------- /Vue/vue-music/src/common/stylus/variable.styl: -------------------------------------------------------------------------------- 1 | // 颜色定义规范 2 | $color-background = #222 3 | $color-background-d = rgba(0, 0, 0, 0.3) 4 | $color-highlight-background = #333 5 | $color-dialog-background = #666 6 | $color-theme = #ffcd32 7 | $color-theme-d = rgba(255, 205, 49, 0.5) 8 | $color-sub-theme = #d93f30 9 | $color-text = #fff 10 | $color-text-d = rgba(255, 255, 255, 0.3) 11 | $color-text-l = rgba(255, 255, 255, 0.5) 12 | $color-text-ll = rgba(255, 255, 255, 0.8) 13 | 14 | //字体定义规范 15 | $font-size-small-s = 10px 16 | $font-size-small = 12px 17 | $font-size-medium = 14px 18 | $font-size-medium-x = 16px 19 | $font-size-large = 18px 20 | $font-size-large-x = 22px -------------------------------------------------------------------------------- /Vue/vue-music/src/components/m-header/logo@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/components/m-header/logo@2x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/components/m-header/logo@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/src/components/m-header/logo@3x.png -------------------------------------------------------------------------------- /Vue/vue-music/src/store/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by Administrator on 2017/12/11. 3 | */ 4 | import Vue from 'vue' 5 | import Vuex from 'vuex' 6 | import * as actions from './actions' 7 | import * as getters from './getters' 8 | import state from './state' 9 | import mutations from './mutations' 10 | import createLogger from 'vuex/dist/logger' 11 | 12 | Vue.use(Vuex) 13 | 14 | const debug = process.env.NODE_ENV !== 'production' 15 | 16 | export default new Vuex.Store({ 17 | actions, 18 | getters, 19 | state, 20 | mutations, 21 | strict: debug, 22 | plugins: debug ? [createLogger()] : [] 23 | }) 24 | -------------------------------------------------------------------------------- /Vue/vue-music/src/store/state.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by Administrator on 2017/12/11. 3 | */ 4 | import {playMode} from 'common/js/config' 5 | import {loadSearch,loadPlay,loadFavorite} from 'common/js/cache' 6 | 7 | const state = { 8 | singer: {}, 9 | playing: false, 10 | fullScreen: false, 11 | playlist: [], 12 | sequenceList: [], 13 | mode: playMode.sequence, 14 | currentIndex: -1, 15 | disc:{}, 16 | topList:{}, 17 | searchHistory:loadSearch(), 18 | playHistory:loadPlay(), 19 | favoriteList:loadFavorite(), 20 | }; 21 | 22 | export default state 23 | -------------------------------------------------------------------------------- /Vue/vue-music/static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Vue/vue-music/static/.gitkeep -------------------------------------------------------------------------------- /WebSocket/ws-chat/.gitignore: -------------------------------------------------------------------------------- 1 | server/node_modules/* 2 | server/package.json 3 | -------------------------------------------------------------------------------- /WebSocket/ws-chat/README.md: -------------------------------------------------------------------------------- 1 | This is a simple chat demo by using Node.js and Socket.IO. 2 | 3 | 4 | ##Online demo:## 5 | [http://demo.plhwin.com/chat/](http://demo.plhwin.com/chat/) 6 | 7 | 8 | 9 | ##Installation tutorial:## 10 | [http://www.plhwin.com/2014/05/28/nodejs-socketio/](http://www.plhwin.com/2014/05/28/nodejs-socketio/) 11 | -------------------------------------------------------------------------------- /WebSocket/ws-learn/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ws-learn", 3 | "version": "1.0.0", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "nodejs-websocket": { 8 | "version": "1.7.1", 9 | "resolved": "http://registry.npm.taobao.org/nodejs-websocket/download/nodejs-websocket-1.7.1.tgz", 10 | "integrity": "sha1-zM+7qCO/HPqWgPFoq3q1MSHkhBA=" 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /WebSocket/ws-learn/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ws-learn", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "server.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "start": "node server.js" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "dependencies": { 14 | "nodejs-websocket": "^1.7.1" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /WebSocket/ws-socketiodemo/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ws-socketiodemo", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC", 12 | "dependencies": { 13 | "express": "^4.16.2", 14 | "socket.io": "^2.0.4" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /WebSocket/ws-socketiodemo/public/img/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/WebSocket/ws-socketiodemo/public/img/loading.gif -------------------------------------------------------------------------------- /Webpack/webpack-guide/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 我来自HtmlWebpackPlugin 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Webpack/webpack-guide/server.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); // express服务器 2 | const webpack = require('webpack'); // 使用webpack加载配置 3 | const webpackDevMiddleware = require('webpack-dev-middleware'); // 中间件 4 | 5 | const app = express(); 6 | const config = require('./webpack.config.js'); 7 | 8 | const compiler = webpack(config); 9 | 10 | // 告诉express使用webpack-dev-middleware和webpack.config.js 11 | app.use(webpackDevMiddleware(compiler, { 12 | publicPath: config.output.publicPath 13 | })); 14 | 15 | // 服务启动在3000端口 16 | app.listen(3000, function() { 17 | console.log('Example app listening on port 3000!\n'); 18 | }); -------------------------------------------------------------------------------- /Webpack/webpack-guide/src/img/cat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Webpack/webpack-guide/src/img/cat.jpg -------------------------------------------------------------------------------- /Webpack/webpack-guide/src/print.js: -------------------------------------------------------------------------------- 1 | import _ from 'lodash'; 2 | export default function printMe() { 3 | // console.log('from print.js'); 4 | console.log('Updating print.js...') 5 | } 6 | 7 | // console.log( 8 | // _.join(['Another', 'module', 'loaded!'], ' ') 9 | // ); -------------------------------------------------------------------------------- /Webpack/webpack-guide/src/style.css: -------------------------------------------------------------------------------- 1 | .hello { 2 | color: red; 3 | width: 600px; 4 | height: 500px; 5 | border: 1px solid red; 6 | background: url("./img/cat.jpg") no-repeat bottom 100px right 100px; 7 | } -------------------------------------------------------------------------------- /Webpack/webpack-guide/webpack.common.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const CleanWebpackPlugin = require('clean-webpack-plugin'); 3 | const HtmlWebpackPlugin = require('html-webpack-plugin'); 4 | module.exports = { 5 | entry: { 6 | app: './src/index.js' 7 | }, 8 | plugins: [ 9 | new CleanWebpackPlugin(['dist']), 10 | new HtmlWebpackPlugin({ 11 | title: 'Production' 12 | }) 13 | ], 14 | output: { 15 | filename: '[name].bundle.js', 16 | path: path.resolve(__dirname, 'dist') 17 | } 18 | }; -------------------------------------------------------------------------------- /Webpack/webpack-guide/webpack.dev.js: -------------------------------------------------------------------------------- 1 | const merge = require('webpack-merge'); 2 | const common = require('./webpack.common.js'); 3 | 4 | module.exports = merge(common, { 5 | devtool: 'inline-source-map', 6 | devServer: { 7 | contentBase: './dist' 8 | } 9 | }); -------------------------------------------------------------------------------- /Webpack/webpack-guide/webpack.prod.js: -------------------------------------------------------------------------------- 1 | const merge = require('webpack-merge'); 2 | const UglifyJSPlugin = require('uglifyjs-webpack-plugin'); 3 | const common = require('./webpack.common.js'); 4 | const webpack = require('webpack'); 5 | 6 | module.exports = merge(common, { 7 | devtool: 'source-map', 8 | plugins: [ 9 | new UglifyJSPlugin({ 10 | sourceMap: true 11 | }), 12 | new webpack.DefinePlugin({ 13 | 'process.env': { 14 | 'NODE_ENV': JSON.stringify('production') 15 | } 16 | }) 17 | ] 18 | }); -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/.babrlrc: -------------------------------------------------------------------------------- 1 | { 2 | "plugins": ["transform-es2015-spread"] 3 | } -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/.eslintrc.js: -------------------------------------------------------------------------------- 1 | // eslint配置文件 2 | 3 | module.exports = { 4 | env: { 5 | browser: true, 6 | commonjs: true, 7 | es6: true, 8 | node: true, 9 | }, 10 | extends: 'eslint:recommended', 11 | parserOptions: { 12 | sourceType: 'module', 13 | }, 14 | rules: { 15 | 'comma-dangle': ['error', 'always-multiline'], 16 | indent: ['error', 2], 17 | 'linebreak-style': ['error', 'unix'], 18 | quotes: ['error', 'single'], 19 | semi: ['error', 'always'], 20 | 'no-unused-vars': ['warn'], 21 | 'no-console': 0, 22 | }, 23 | }; -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | npm-debug.log -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/app/css/main.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | color: red; 3 | text-decoration: underline; 4 | background: url("../img/avatar.jpg") no-repeat center; 5 | } -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Webpack/webpack-multi-page/app/favicon.ico -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/app/html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | index 7 | 8 | 9 | 10 |

index

11 | 12 | 13 | -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/app/html/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | test 7 | 8 | 9 | 10 |

test

11 | 12 | 13 | -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/app/img/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Webpack/webpack-multi-page/app/img/avatar.jpg -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/app/js/index.js: -------------------------------------------------------------------------------- 1 | import '../css/main.css'; 2 | 3 | console.log('index.js'); -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/app/js/test.js: -------------------------------------------------------------------------------- 1 | console.log('test.js'); -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/config/config.js: -------------------------------------------------------------------------------- 1 | // 一些全局的配置，比如 HTML 文件的路径、publicPath 等 2 | 3 | 4 | module.exports = { 5 | htmlSrcPath: './app/html', // html模板 6 | cssPublicPath: "../", 7 | imgOutputPath: "img/", 8 | cssOutputPath: "./css/styles.css", 9 | devServerOutputPath: "../dist", // 开发服务器根目录 10 | } -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/config/webpack.config.dev.js: -------------------------------------------------------------------------------- 1 | // 开发环境配置文件 2 | 3 | // 引入基础配置文件 4 | const webpackBase = require("./webpack.config.base"); 5 | // 引入 webpack-merge 插件 6 | const webpackMerge = require("webpack-merge"); 7 | // 引入配置文件 8 | const config = require("./config"); 9 | // 合并配置文件 10 | module.exports = webpackMerge(webpackBase, { 11 | // 配置 webpack-dev-server 12 | devServer: { 13 | // 项目根目录 14 | contentBase: config.devServerOutputPath, 15 | // 错误、警告展示设置 16 | overlay: { 17 | errors: true, 18 | warnings: true 19 | } 20 | } 21 | }); -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/postcss.config.js: -------------------------------------------------------------------------------- 1 | // postcss配置文件 2 | 3 | module.exports = { 4 | plugins: { 5 | 'autoprefixer': { 6 | browsers: ['last 5 version', 'Android >= 4.0'], 7 | //是否美化属性值 默认：true 8 | cascade: true, 9 | //是否去掉不必要的前缀 默认：true 10 | remove: true 11 | } 12 | } 13 | } -------------------------------------------------------------------------------- /Webpack/webpack-multi-page/webpack.config.js: -------------------------------------------------------------------------------- 1 | // 主配置文件，根据环境变量引用相应的环境的配置 2 | 3 | // 获取环境命令，并去除首尾空格 4 | const env = process.env.NODE_ENV.replace(/(\s*$)|(^\s*)/ig,""); 5 | // 根据环境变量引用相关的配置文件 6 | module.exports = require(`./config/webpack.config.${env}.js`) 7 | -------------------------------------------------------------------------------- /Webpack/webpack-test/app/Greeter.css: -------------------------------------------------------------------------------- 1 | /* Greeter.css */ 2 | .root { 3 | background-color: #eee; 4 | padding: 10px; 5 | border: 3px solid #ccc; 6 | color:red; 7 | display: flex; 8 | } -------------------------------------------------------------------------------- /Webpack/webpack-test/app/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "greetText": "Hi there and greetings from JSON!" 3 | } -------------------------------------------------------------------------------- /Webpack/webpack-test/app/greeter.js: -------------------------------------------------------------------------------- 1 | import config from './config.json'; 2 | import styles from './Greeter.css';//导入 3 | 4 | function Greeter(){ 5 | let h1=document.createElement('h1'); 6 | h1.innerHTML=config.greetText; 7 | h1.className=styles.root; 8 | document.querySelector('#root').appendChild(h1); 9 | } 10 | 11 | 12 | export default Greeter 13 | -------------------------------------------------------------------------------- /Webpack/webpack-test/app/index.tmpl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Webpack Sample Project 6 | 7 | 8 |
9 |
10 | 11 | 12 | -------------------------------------------------------------------------------- /Webpack/webpack-test/app/main.css: -------------------------------------------------------------------------------- 1 | /* main.css */ 2 | html { 3 | box-sizing: border-box; 4 | -ms-text-size-adjust: 100%; 5 | -webkit-text-size-adjust: 100%; 6 | } 7 | 8 | *, *:before, *:after { 9 | box-sizing: inherit; 10 | } 11 | 12 | body { 13 | margin: 0; 14 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 15 | } 16 | 17 | h1, h2, h3, h4, h5, h6, p, ul { 18 | margin: 0; 19 | padding: 0; 20 | } 21 | -------------------------------------------------------------------------------- /Webpack/webpack-test/app/main.js: -------------------------------------------------------------------------------- 1 | //main.js 2 | import Greeter from './Greeter'; 3 | import './main.css'; 4 | import './test.scss'; 5 | 6 | Greeter(); 7 | 8 | 9 | -------------------------------------------------------------------------------- /Webpack/webpack-test/app/test.scss: -------------------------------------------------------------------------------- 1 | h1{ 2 | color:red; 3 | > h2{ 4 | color:blue; 5 | } 6 | } -------------------------------------------------------------------------------- /Webpack/webpack-test/build/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Webpack Sample Project 6 | 7 | 8 |
9 |
10 | 11 | 12 | -------------------------------------------------------------------------------- /Webpack/webpack-test/postcss.config.js: -------------------------------------------------------------------------------- 1 | // postcss.config.js 2 | module.exports = { 3 | plugins: [ 4 | require('autoprefixer') 5 | ] 6 | } -------------------------------------------------------------------------------- /Webpack/webpack-test2/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", 4 | { 5 | "targets": 6 | { 7 | "browsers": ["android>=4.0", "ios>=7.0", "ie>=8", "> 1% in CN"] 8 | }, 9 | "useBuiltIns": "usage", 10 | "modules": false, 11 | "loose": true 12 | }] 13 | ] 14 | } -------------------------------------------------------------------------------- /Webpack/webpack-test2/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | 'autoprefixer': { 4 | browsers: ["android>=4.0", "ios>=7.0", "ie>=8", "> 1% in CN"], 5 | //是否美化属性值 默认：true 6 | cascade: true, 7 | //是否去掉不必要的前缀 默认：true 8 | remove: true 9 | } 10 | } 11 | }; -------------------------------------------------------------------------------- /Webpack/webpack-test2/src/com.js: -------------------------------------------------------------------------------- 1 | const Str = 'hahahahahahah'; 2 | export default Str; -------------------------------------------------------------------------------- /Webpack/webpack-test2/src/css/index.css: -------------------------------------------------------------------------------- 1 | h2 { 2 | color: red; 3 | display: flex; 4 | background: url("../img/small.jpg"); 5 | } -------------------------------------------------------------------------------- /Webpack/webpack-test2/src/html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Documenttttttttttttttttttttttttttttttttttttt 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Webpack/webpack-test2/src/img/big.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Webpack/webpack-test2/src/img/big.jpg -------------------------------------------------------------------------------- /Webpack/webpack-test2/src/img/small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Webpack/webpack-test2/src/img/small.jpg -------------------------------------------------------------------------------- /Webpack/webpack-test2/src/index.js: -------------------------------------------------------------------------------- 1 | import './css/index.css'; 2 | import './sass/index.scss'; 3 | import Str from './com.js' 4 | 5 | window.onload = function() { 6 | let h1 = document.createElement('h1'); 7 | h1.innerHTML = Str.toUpperCase(); 8 | document.body.appendChild(h1); 9 | let h2 = document.createElement('h2'); 10 | h2.innerHTML = Str.toLowerCase(); 11 | document.body.appendChild(h2); 12 | }; -------------------------------------------------------------------------------- /Webpack/webpack-test2/src/sass/index.scss: -------------------------------------------------------------------------------- 1 | h1 { 2 | text-decoration: underline; 3 | transform: rotate(180deg); 4 | display: flex; 5 | background: url("../img/big.jpg"); 6 | color: red; 7 | } -------------------------------------------------------------------------------- /Webpack/webpack-test2/src/test.js: -------------------------------------------------------------------------------- 1 | import Str from './com.js'; 2 | 3 | export default function test() { 4 | return Str.toUpperCase(); 5 | } -------------------------------------------------------------------------------- /Zns/00_鼠标提示框.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 15 | 16 | 17 | 18 |
19 | 为了您的信息.... 20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /Zns/04_a链接.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 我是链接 11 | 我不会跳转 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /Zns/05_className.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 18 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /Zns/08_提取行间事件.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /Zns/105_找出所有数字_正则.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Document 9 | 10 | 11 | 15 | 16 | -------------------------------------------------------------------------------- /Zns/15_闭包.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | xx 7 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Zns/17_秒转时间.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /Zns/18_switch.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /Zns/19_json.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Zns/20_函数返回.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Zns/21_不定参.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Zns/24_数组length.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /Zns/26_定时器.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 12 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /Zns/29_offsetLeft.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 17 | 18 | 19 | 20 |
21 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /Zns/36_创建元素.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 12 |
    13 |
14 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Zns/66_键盘事件.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /Zns/69_组织默认行为.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /Zns/71_只能输入数字的输入框.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /Zns/73_事件绑定.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /Zns/74_事件绑定2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Zns/77_事件捕获.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Zns/85_对象组成.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Document 9 | 10 | 11 | 20 | 21 | -------------------------------------------------------------------------------- /Zns/98_userAgent.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 8 | Document 9 | 10 | 11 | 15 | 16 | -------------------------------------------------------------------------------- /Zns/css/换肤_红.css: -------------------------------------------------------------------------------- 1 | * { 2 | background-color: #ccc; 3 | color: red; 4 | } 5 | -------------------------------------------------------------------------------- /Zns/css/换肤_蓝.css: -------------------------------------------------------------------------------- 1 | * { 2 | background-color: #ccc; 3 | color: blue; 4 | } 5 | -------------------------------------------------------------------------------- /Zns/data.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "a", 4 | "pass": "123" 5 | }, 6 | { 7 | "name": "b", 8 | "pass": "123" 9 | }, 10 | { 11 | "name": "c", 12 | "pass": "123" 13 | }, 14 | { 15 | "name": "d", 16 | "pass": "123" 17 | }, 18 | { 19 | "name": "e", 20 | "pass": "123" 21 | }, 22 | { 23 | "name": "f", 24 | "pass": "123" 25 | } 26 | ] -------------------------------------------------------------------------------- /Zns/img/FlashPlayer/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/FlashPlayer/1.jpg -------------------------------------------------------------------------------- /Zns/img/FlashPlayer/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/FlashPlayer/2.jpg -------------------------------------------------------------------------------- /Zns/img/FlashPlayer/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/FlashPlayer/3.jpg -------------------------------------------------------------------------------- /Zns/img/FlashPlayer/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/FlashPlayer/4.jpg -------------------------------------------------------------------------------- /Zns/img/FlashPlayer/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/FlashPlayer/5.jpg -------------------------------------------------------------------------------- /Zns/img/FlashPlayer/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/FlashPlayer/6.jpg -------------------------------------------------------------------------------- /Zns/img/FlashPlayer/btn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/FlashPlayer/btn.gif -------------------------------------------------------------------------------- /Zns/img/FlashPlayer/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/FlashPlayer/loading.gif -------------------------------------------------------------------------------- /Zns/img/上下幻灯片/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/上下幻灯片/images/1.jpg -------------------------------------------------------------------------------- /Zns/img/上下幻灯片/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/上下幻灯片/images/2.jpg -------------------------------------------------------------------------------- /Zns/img/上下幻灯片/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/上下幻灯片/images/3.jpg -------------------------------------------------------------------------------- /Zns/img/上下幻灯片/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/上下幻灯片/images/4.jpg -------------------------------------------------------------------------------- /Zns/img/上下幻灯片/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/上下幻灯片/images/5.jpg -------------------------------------------------------------------------------- /Zns/img/数字时钟/0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/0.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/1.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/2.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/3.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/4.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/5.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/6.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/7.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/8.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/9.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/bg.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/five.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/five.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/four.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/four.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/month.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/month.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/one.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/one.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/seven.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/seven.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/sign.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/sign.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/six.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/six.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/three.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/three.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/two.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/two.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/week.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/week.png -------------------------------------------------------------------------------- /Zns/img/数字时钟/year.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/数字时钟/year.png -------------------------------------------------------------------------------- /Zns/img/无缝滚动/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/无缝滚动/1.jpg -------------------------------------------------------------------------------- /Zns/img/无缝滚动/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/无缝滚动/2.jpg -------------------------------------------------------------------------------- /Zns/img/无缝滚动/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/无缝滚动/3.jpg -------------------------------------------------------------------------------- /Zns/img/无缝滚动/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/BryanAdamss/fe-awesome-demos/db7f353ef5d5697985d61a510fbee075c5c6bca3/Zns/img/无缝滚动/4.jpg --------------------------------------------------------------------------------