发表于   |  

目录结构

components //第三方组件

bootstrap-datatimepicker //基于boostrap的日期选择器
font-awesome-4.5.0 //字体图标
layer //弹出层插件
qrcode //JQuery二维码插件

framework //全局框架

angular-1.3.0.14 //Anguler
angular-ui-router //基于Angular的第三方路由
bootstrap-3.3.5 //UI框架
jquery

src //源代码

common //公共资源

css

base.css //基础样式：标签初始化
common.css //自定义公共UI组件

js

app.js //Angular启动js：主要是配置路由代码
controllers.js //Controller（控制器）：主要js代码都在里面
filters.js //Filter（过滤器）：过滤data，类似handlebars里面的Handlebars.register
services.js //Service（服务）：自定义服务

page //子页面

bank.html //提现帐户
comment.html //评价管理
commodity.html //商品管理（未完成）
home.html //主子页
member.html //会员管理
notice.html //公告设置
qrcode.html //二维码
recharge.html //积分充值
withdraw.html //提现

panel //面板（子页面中的功能板块区域）

account.html //子主页面 - 用户帐户板块
finance.html //子主页面 - 用户账务板块
shortCut.html //子主页面 - 快捷功能板块

api-conf.js //路径配置
fis-conf.js //fis配置
index.html //入口页面：包括页面头部和左菜单列表

阅读全文 »

发表于   |  

p.s: 文中出现的== ==，均为大胡子两对花括号的替换，好像是hexo不支持两对花括号，编译时会出错，又找到一个坑(⊙﹏⊙)b

自定义helper

<div class="post">
  <h1>By {{fullName author}}</h1>
  <div class="body">{{body}}</div>

  <h1>Comments</h1>

  {{#each comments}}
  <!--下面{{fullName author}}调用自定义模板，fullName是模板名，后面的author才是函数参数-->
  <h2>By {{fullName author}}</h2>   
  <div class="body">{{body}}</div>
  {{/each}}
</div>

var context = {
  author: {firstName: "Alan", lastName: "Johnson"},
  body: "I Love Handlebars",
  comments: [{
    author: {firstName: "Yehuda", lastName: "Katz"},
    body: "Me too!"
  }]
};
//自定义Helper
Handlebars.registerHelper('fullName', function(person) {
  return person.firstName + " " + person.lastName;
});
阅读全文 »

发表于   |  

起始篇

  1. 模块是你需要哪个模块才自己手动当初模块，包括jq也一样。
  2. 配环境步骤 https://zhuanlan.zhihu.com/p/20367175?refer=FrontendMagazine 傻瓜式教程

我会遇到的坑：

  • 在进行css预编译时，换成sass写，教程没说要安装什么东西，但是就是一直出现这个问题，后来查了一下是还要安装 node-sass

    webpack1

    npm install node-sass --save-dev

  • 在二“加载jQuery plugin或者其他legacy第三方库”中，第一种方法，使用webpack.ProvidePlugin,在config中加入代码时，

    ...
plugins: [
  new HtmlwebpackPlugin({
    title: 'Hello World app'
  }),
  //provide $, jQuery and window.jQuery to every script
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    "window.jQuery": "jquery"
  })
]
...

出现了以下的错误：

webpack2

原来是，在config开始时没有对引入webpack，引入代码并定义：
var webpack = require('webpack');

阅读全文 »

发表于   |  

昨天因为数据结构的封装上有点问题，就分别在开源中国和segmentFault上面提了问题，别问为什么不在stackoverflow里面提。。。

segmentFault里面的大神的答案果然不失所望。

其中有个答案是结合了reduce和map来编写的。map留着下次再说~请期待O(∩_∩)O~

所以今晚就看了一下关于reduce()的资料，才发现自己底子不行，之前理解的很多细节都没有注意到。翻回犀牛书认真读了一遍才茅塞顿开。

阅读全文 »

发表于   |  

常见方法

《JavaScript高级程序》里介绍到动态创建html节点的几种方法，常见的有以下几种：

  • crateAttribute(name)：　　　　　 　　用指定名称name创建特性节点

  • createComment(text)：　　　　　　　创建带文本text的注释节点

  • createDocumentFragment()：　　　　创建文档碎片节点

  • createElement(tagname)：　　　　　 创建标签名为tagname的节点

  • createTextNode(text)：　　　　　　 创建包含文本text的文本节点

阅读全文 »