今天是个神奇的日子。附猪八戒网公司外包私活经历

哈哈，对于我个人来说，今天是个神奇的日子。

结婚了？不对不对

生孩子了？不对不对

有什么事比获得你们的青睐，让我可以无休止的向你们推送更有趣（厌烦）的公众号（或广告）来的高兴呢。哈哈

不就是开通个流量主吗？至于那么高兴吗。5000粉丝意味着什么？表示小生推送的文章内容还是有那么一丢丢用处的。

跟大家分享一下，首次在猪八戒网接私活的经历。

猪八戒网，中国领先的一站式的企业全生命周期服务平台

此处不是打广告哦

意思就是大家可以在这里接一些私活（除自己本职工作以后的金钱来源），接私活除了金钱的来源以后，其实好处还有很多。

1. 企业私活可以了解外面的花花世界

大家或多或少的都接触过：在网站上直接编辑网址的功能吧。例如：淘宝网的装修店铺；前端时间跟大家分享的易企秀贺卡定制；或者自己在一些平台上注册了临时域名，并使用它们提供的页面模板。

这些页面都提供了自定义某个模块样式，自定义文字内容等等。

那这些是如何做到的呢？

首先看段代码： a) 文字替换

指令：

data-edit="{name:'姓名',field:'name', type:'text'}"

示例

<div class="${laymod.args.name_display}" 
        data-edit="{name:'姓名',field:'name', type:'text'}">
            <c:out value="${laymod.args.name}">张三</c:out>
 </div>

分析：

① c:out 标签是Jsp的标签库 jstl 中的自定义标签，用于在页面上显示内容。

② ${} 是从request 或者 全局上下文中获取值。可以理解为是后端传过来的值。

③ 重点是data-edit 这个标签。

首先声明一下，这段代码是某外包公司提供的一个规定，该代码的适用范围也仅仅只是给他们制作页面模板（这里的模板指的是单个页面里面的某一块内容），所以这些模板全部会被嵌套在最终生成的网页中（这里的最终生成，其实是已经写好的一个框子，里面包含一些默认的 js 处理）。

而在他们的 js 中，会对 data 属性进行解析。想事件的朋友可以试着用一下wow.js这个插件（在 animation.css 基础上开发的动画库）。可以了解一下这一机制。

当 data(edit)有值时，页面提供一个输入框，自己编辑保存后，他们会保存这样的数据，给你单独使用。

b) 图文编辑

指令：

data-inline="{name: '图文', field: 'text_content', type: 'editor'}"

示例

<div class="${laymod.args.text_content_display}" 
        data-inline="{name:'图文',field:'text_content', type:'editor'}">
            <c:out value="${laymod.args.text_content}" escapeXml="false">
            图文编辑内容</c:out>
</div>

注意：标签需添加属性escapeXml="false", data-inline只能添加在div等除p标签的块元素上

这段代码也是相同的意思。 只不过处理的是 data-inline 属性。

2. 可以和外面的花花世界进行交际，听听“大海”的声音

另外我联系的一个私活是一东北爷们，他哐哐哐跟我聊了一下午，那叫一个嗨啊

。。。。

不说了，容我做做私活。虽然我自己在接私活做，我还是不推荐大家去接。道理我就不多赘述了，那句话怎么说的来着（宁可我负天下人，不可天下人付我），好像不是这句话。

个人观点，不喜勿喷