2.在wxml中import wxParse.wxml,并把template插入到到对应的位置上

3.在wxss中import wxParse.wxss，并设置样式；比如‘wxParse-image’是富文本图片转化成image组件之后的类名，‘wxParse-p’是p标签转化成view组件后设置的类名

4.js

面对面翻译 微信小程序源码下载，语音翻译类小程序工具http://www.henkuai.com/thread-37499-1-1.html

开源微信小程序，小团队管理小程序下载 ：http://www.henkuai.com/thread-37498-1-1.html

微信小程序多用户商城demo，还在开发中：http://www.henkuai.com/thread-37497-1-1.html

微信小程序抢课列表demo ：http://www.henkuai.com/thread-37496-1-1.html

微信小程序地图实时显示demo：http://www.henkuai.com/thread-37495-1-1.html

购房摇号助手微信小程序下载：http://www.henkuai.com/thread-37471-1-1.html

使用微信小程序map组件开发的一个demo，各种坑：http://www.henkuai.com/thread-37400-1-1.html

微信小游戏2048源码下载，经典的小游戏：http://www.henkuai.com/thread-37399-1-1.html

微信小程序-菜谱百科，小程序开发学习demo ：http://www.henkuai.com/thread-37380-1-1.html

鲜切水果微信小程序，水果商城小程序：http://www.henkuai.com/thread-37379-1-1.html

微信小程序线上图书馆前端+后端源码下载，图书查询小程序 ：http://www.henkuai.com/thread-37378-1-1.html

微信小程序日历打卡项目下载，轻巧好用的日历打卡组件：http://www.henkuai.com/thread-37367-1-1.html

微信小程序练手项目，包含抽屉效果、底部tab效果实现等：http://www.henkuai.com/thread-37365-1-1.html

【独立小程序】志汇餐饮8.6 小程序前端修复版本：http://www.henkuai.com/thread-37344-1-1.html

仿今日头条3.0 小程序前端 demo分享：http://www.henkuai.com/thread-37338-1-1.html

微信小程序真心话大冒险游戏，朋友聚会必备小程序：http://www.henkuai.com/thread-37337-1-1.html

微信小游戏头脑王者自动答题辅助插件，小游戏作弊工具：http://www.henkuai.com/thread-37336-1-1.html

微信小程序左滑操作自定义组件，让你的小程序开发更：http://www.henkuai.com/thread-37334-1-1.html

一、背景颜色渐变。

运行效果

二、文字颜色渐变。

运行效果

三、边框颜色渐变。

运行效果

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

jQuery提供了JS未能提供的动画效果，利用jQuery的动画效果，可以极大的简化JS动画部分的逻辑

滑入滑出动画

1. 滑入动画

   定义：以下拉方式动画效果将html内容显示出来

   使用方式：

   $(selector).slideDown(time,function) 
   $(selector).slideDown(2000) 
   $(selector).slideDown() 
   $(selector).slideDown(fast/normal/slow)

   time代表执行动画的时间，function代表动画执行完之后所要执行的函数

2. 滑出动画

   定义：以上滑方式动画效果将html内容隐藏出来

   使用方式：

   $(selector).slideUp(time,function) 
   $(selector).slideUp(2000) 
   $(selector).slideUp() 
   $(selector).slideUp(fast/normal/slow)

   time代表执行动画的时间，function代表动画执行完之后所要执行的函数

3. 滑入滑出切换动画

   定义：在滑入滑出动画间切换

   使用方式：

   $(selector).slideToggle(time,function) 
   $(selector).slideToggle(2000) 
   $(selector).slideToggle() 
   $(selector).slideToggle(fast/normal/slow)

淡入淡出动画

1. 淡入动画

   作用：让元素以淡淡的进入视线的方式展现出来

   使用方式

   $(selector).fadeIn(time,function) 
   $(selector).fadeIn(2000) 
   $(selector).fadeIn() 
   $(selector).fadeIn(fast/normal/slow)

2. 淡出动画

   作用：让元素以淡淡的离开视线的方式隐藏起来

   使用方式

   $(selector).fadeOut(time,function) 
   $(selector).fadeOut(2000) 
   $(selector).fadeOut() 
   $(selector).fadeOut(fast/normal/slow)

3. 淡入淡出切换动画

   作用：让元素在淡入淡出动画切换

   使用方式

   $(Selector).fadeToggle(time,function) 
   $(selector).fadeToggle(2000) 
   $(selector).fadeToggle() 
   $(selector).fadeToggle(fast/normal/slow)

4. 修改opacity

   作用： 修改opacity的值

   使用方式

   $(Selector).fadeTo(time,opacity,function) 
   time可以是字符串，可以是具体数字 
   也可只有参数一、参数二

显示隐藏动画

1. 显示动画

   作用： 将Html结构显现出来

   使用方式

   $(Selector).show(time，function) 
   $(selector).show(2000) 
   $(selector).show() 
   $(selector).show(fast/normal/slow)

2. 隐藏动画

   作用： 将Html结构隐藏起来

   使用方式

   $(Selector).hide(time，function) 
   $(selector).hide(2000) 
   $(selector).hide() 
   $(selector).hide(fast/normal/slow)

停止动画

• 定义：停止正在执行的动画

• 使用方式：

  $(selector).stop() 
  stop()中可以有两个参数，参数一：后续动画是否执行，参数二：当前动画是否执行完毕，默认的是（false,false),注意第一个参数，true代表的是后续动画不执行 
  ———————————————————————————— 
  第一种:(false，false) 
  后续动画会执行，当前动画不会执行完 
  第二种:(false，true) 
  后续动画会执行，当前动画会执行完 
  第三种:(true，false) 
  后续动画不会执行，当前动画不会执行完 
  第四种:(true，true) 
  后续动画不会执行，当前动画会执行完

自定义动画

• 作用：执行一组CSS属性的自定义动画

• 使用方式：

  $(selector).animate({CSS定义},time,function())

一、背景颜色渐变。

运行效果

二、文字颜色渐变。

运行效果

三、边框颜色渐变。

运行效果

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

 xAxis: {
            data: ["衬衫11111","羊毛二二","雪纺衫111","裤子111","高跟鞋11","袜子111"],//x轴中的数据 name:"123",//坐标轴名称。 nameLocation:'end',//坐标轴名称显示位置。 axisLabel : {//坐标轴刻度标签的相关设置。 interval:0, rotate:"45" }
        },

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

interval

坐标轴刻度标签的显示间隔(在类目轴中有效哦)，默认会采用标签不重叠的方式显示标签（也就是默认会将部分文字显示不全） 
可以设置为0强制显示所有标签，如果设置为1，表示隔一个标签显示一个标签，如果为3，表示隔3个标签显示一个标签，以此类推

一开始我没设置 因为标签文本过长的原因他就自动不显示全部 

被遮挡住就让grid 组件离容器向上移动 把grid中的bottom的值调大一些

 grid:{//直角坐标系内绘图网格 show:true,//是否显示直角坐标系网格。[ default: false ] left:"20%",//grid 组件离容器左侧的距离。 right:"30px",
            borderColor:"#c45455",//网格的边框颜色 bottom:"20%" // },

• 1
• 2
• 3
• 4
• 5
• 6
• 7

 
- 2.换行显示 
在xAxis.axisLabel中 使用formatter回调函数实现换行

 axisLabel : {//坐标轴刻度标签的相关设置。 formatter : function(params){ var newParamsName = "";// 最终拼接成的字符串 var paramsNameNumber = params.length;// 实际标签的个数 var provideNumber = 4;// 每行能显示的字的个数 var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整 /**
                             * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
                             */ // 条件等同于rowNumber>1 if (paramsNameNumber > provideNumber) { /** 循环每一行,p表示行 */ for (var p = 0; p < rowNumber; p++) { var tempStr = "";// 表示每一次截取的字符串 var start = p * provideNumber;// 开始截取的位置 var end = start + provideNumber;// 结束截取的位置 // 此处特殊处理最后一行的索引值 if (p == rowNumber - 1) { // 最后一次不换行 tempStr = params.substring(start, paramsNameNumber);
                                    } else { // 每一次拼接字符串并换行 tempStr = params.substring(start, end) + "\n";
                                    }
                                    newParamsName += tempStr;// 最终拼成的字符串 }

                            } else { // 将旧标签的值赋给新标签 newParamsName = params;
                            } //将最终的字符串返回 return newParamsName
                }

            }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36

• 3.文字竖直显示 
  同样和换行一个道理,只是这个是单个文字换行 
  在xAxis.axisLabel中 使用formatter回调函数实现换行

axisLabel: { interval: 0,  
                               formatter:function(value) {  
                                   return value.split("").join("\n"); } } 

• 1
• 2
• 3
• 4
• 5
• 6
• 7

• 4.隔一个换行 
  在xAxis.axisLabel中 使用formatter回调函数实现换行

axisLabel : {//坐标轴刻度标签的相关设置。 clickable:true,//并给图表添加单击事件  根据返回值判断点击的是哪里 interval : 0,
                formatter : function(params,index){ if (index % 2 != 0) { return '\n\n' + params;
                    } else { return params;
                    }
                }

            }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

1.RenderPass这个通道会在当前场景（scene）和摄像机（camera）的基础上渲染出一个新场景，新建：

2.FilmPass这个通道通过扫描线和失真模拟电视屏幕效果，实现的效果超有时代感，新建：

3.EffectComposer可以理解为着色器通道容器，着色器通道按照先后顺序添加进来并执行，新建：

本文实现的demo基于three.js_r86(请自行下载)，代码所用js文件和图片都在下载的那个包里面，请读者自行引用。

实现效果：

代码：

include指令标记用于把JSP文件，HTML网文文件等文件静态嵌入当前JSP网页中，语法如下:

静态嵌入就是“先包含后处理”在编译阶段完成对文件嵌入，即先将当前JSP页面与被嵌入文件合并成一个新的JSP页面

eg：

二.include动作标记：

动态嵌入就是“先处理后包含”在运行阶段完成对文件嵌入，即在把JSP页面转译为JAVA文件时，并不合并两个页面。

eg：

运行结果：

总结：静态嵌入中嵌入页面与原页面合并了，动态嵌入则还没有。

动态嵌入与静态嵌入相比较，动态嵌入执行速度稍慢，但是灵活性较高。