09 2017 档案
摘要：AE插件之SKYBOX CONVERTER AE插件SKYBOX CONVERTER的主要作用是开发全景视频或者制作全景图片时，对添加的字幕、图片进行扭曲。 下载目录：http://www.gfxcamp.com/skybox-studio/ 插件安装： 1.安装SkyBox_Studio_v1.0
阅读全文
摘要：前端自动化之webstrom 在刚接触前端的时候，使用的就一直是webstrom，版本是webstrom 8. 前端自动画使用的时候，因为webstrom 8版本是没有集成gulp的。所以每次使用都默默跑到Hbuild中使用。 实际最近在webstrom 12中找到了简单的方法，就连cmd都省了。
阅读全文
摘要：前端生成pdf文件之pdfmake.js pdfmake.js是一个简单的生成pdf文件的插件。 pdfmake.js https://files.cnblogs.com/files/s313139232/pdfmake.min.js 代码也很简单： html文件： 代码中会引用两个技术，pdfma
阅读全文
摘要：前端自动化之ts编译 gulp引用包：gulp-tsc gulpfiles.js代码： 然后在serve中监控ts代码的改变并编译
阅读全文
摘要：javascript中的立即执行函数(function(){…})() 深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包住业务代码,使用jquery时比较常见。 ( function(){…} )()和( functio
阅读全文
摘要：前端自动化之gulp 前题：1.安装好nodejs环境，或者nvm 2.安装npm包管理工具 简介： 可以自动的将开发阶段的代码进行压缩、合并、编译、加密等处理，生成项目提交的代码。 使用： gulpfile.js文件编写的api较少，只有5个，可查看api自行编写。 http://www.gulp
阅读全文
摘要：前端自动化之项目搭建 1.先安装全局的gulp $ npm install --global gulp 2.npm初始化，在项目内创建package.json文件 npm init 3.项目文件路径下，将gulp安装到本地项目内。 $ npm install --save gulp //--save
阅读全文
摘要：angular结合echarts创建图表 原理： 利用angularjs中的指令（directive）将echarts封装。 步骤： 1.封装函数： app.directive('line', function() { return { restrict: 'E', template: '<div
阅读全文
摘要：前端自动化之npm npm——node依赖包管理工具 安装： 1.在nvm目录下复制npm和npm-cath文件夹 2.配置环境变量。 使用： 1.在项目文件夹，shift+右键打开命令窗口 2.npm init 创建package.json文件 3.npm install bootstrap 下载
阅读全文
摘要：nvm ——node环境版本控制工具。 1.解压安装包 2.打开setting文件，修改文件内容 root：当前nvm所在的路径 path：将root路径的nvm改为nodejs arch：64位系统 3.配置环境变量 将第二步的两个路径配置为环境变量。 4.在nvm目录中，shift+右键，此处打
阅读全文
摘要：前端自动化总流程 1.安装nvm（安装node环境） node环境可以直接用.msi文件安装，但通常不这样做。 因为node环境版本较多，所以安装版本管理工具： nvm 2.安装npm node依赖包管理工具。 3.安装gulp 4.创建项目 4.1 npm初始化 4.2 gulp项目本地安装 4.
阅读全文
摘要：小白之js原生轮播图 html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="banner.css"> <script
阅读全文
摘要：小白之返回顶部按钮 样式： 点击按钮后，页面返回顶部。 步骤： 步骤： 1.引入jquery，bootstrap。 <script src="jquery/jquery-3.1.0.min.js"></script> <link rel="stylesheet" href="bootstrap/cs
阅读全文
摘要：小白之侧拉栏 效果： 就是点击分享，从右边拉出一个div，再次点击回去。功能很简单。 步骤： 1.引入jquery。 <script src="jquery/jquery-3.1.0.min.js"></script> 2.创建按钮和div。 <button class="buts">分享</but
阅读全文
摘要：全景拼接 通过gropro等全景相机拍得相片、视频素材后得到的为多个镜头的素材。需要进行全景拼接。 全景拼接软件除常用的kolor autopano giga（全景图片拼接）、kolor autopano video pro(全景视频拼接)外，还有得图的DeStitch等。 kolor autopa
阅读全文
摘要：krpano之字幕添加 字幕是指介绍语音的字幕，字幕随着语音的播放而滚动，随语音暂停而暂停。字幕添加的前提是用之前的方法添加过介绍语音。 原理： 字幕层在溢出隐藏的父元素中向右滑动，当点击声音控制按钮时，字幕位置被固定，再次点击时继续右滑。 效果截图： 步骤及原理： 1.在皮肤.xml文件中添加父元
阅读全文
摘要：UML之时序图 一、时序图简介（Brief introduction） 时序图（Sequence Diagram）是显示对象之间交互的图，这些对象是按时间顺序排列的。顺序图中显示的是参与交互的对象及其对象之间消息交互的顺序。时序图中包括的建模元素主要有：对象（Actor）、生命线（Lifeline）
阅读全文
摘要：krpano之语音介绍 语音介绍：在每进入一个场景时，播放一段该场景的语音介绍。 制作步骤： 1.定义全局事件。在关闭场景时执行stopsounds()，在打开新场景时执行automusic()。 <events onremovepano="stopsounds()" onnewpano="auto
阅读全文
摘要：小工具之录音(文字转语音) 文字转语音最好的办法当然是找个声优，完美的搞起。 不过显然很多时候需要很多时间，当在对语音要求并不高的时候自然也就有了投机取巧的方法。 工具： win7或win10自带的录音机。 原理及步骤： 1.将需要的语音编辑好文档。 2.将文档放在百度翻译一类的翻译软件上，点击发音
阅读全文
摘要：动态生成按钮的点击事件绑定 当按钮为动态生成时，向按钮上绑定click时间时会失效。 on()函数用于为指定元素的一个或多个事件绑定事件处理函数。 //为所有p元素绑定click事件处理程序(注意：这里省略了selector参数) //n2、n3、n5均可触发该事件 $("p").on("click
阅读全文
