模板工程

1.安装 webpack 和vue-cli 模块: npm install webpack -g --registry=https://registry.npm.taobao.org npm install vue-cli -g --registry=https://registry.npm.taobao.orgnpm install vue -g --registry=https://registry.npm.taobao.org或cnpm install --global vue-cli --registry=https://registry.npm.taobao.orgcnpm install --global vue --registry=https://registry.npm.taobao.org 2.进入到新建项目的目录里面执行以下命令新建项目: vue init webpack webpack_template　 3.然后进入到使用cd 命令进入到新建的webpack_template目录下面安装package.json中的模块 cnpm install --registry=https://registry.npm.taobao.org 4.然后执行命令看是否正常运行: npm run dev 5.使用WebStrom打开webpack_template项目: 6

Beetl作者：李家智(闲大赋) < xiandafu@126.com > 1. 什么是Beetl 广告:闲大赋知识星球,付费会员 Beetl( 发音同Beetle ) 目前版本是3.0.7,相对于其他java模板引擎，具有功能齐全，语法直观,性能超高，以及编写的模板容易维护等特点。使得开发和维护模板有很好的体验。是新一代的模板引擎。总得来说，它的特性如下： 功能完备：作为主流模板引擎，Beetl具有相当多的功能和其他模板引擎不具备的功能。适用于各种应用场景，从对响应速度有很高要求的大网站到功能繁多的CMS管理系统都适合。Beetl本身还具有很多独特功能来完成模板编写和维护，这是其他模板引擎所不具有的。 非常简单：类似Javascript语法和习俗，只要半小时就能通过半学半猜完全掌握用法。拒绝其他模板引擎那种非人性化的语法和习俗。同时也能支持html 标签，使得开发CMS系统比较容易 超高的性能：Beetl 远超过主流java模板引擎性能(引擎性能5-6倍于FreeMarker，2倍于JSP。参考附录），而且消耗较低的CPU。 易于整合：Beetl能很容易的与各种web框架整合，如Spring MVC，JFinal，Struts，Nutz，Jodd，Servlet等。 扩展和个性化：Beetl支持自定义方法，格式化函数，虚拟属性，标签，和HTML标签.

今天花了点时间，把fckeditor编辑器的模板研究了一下。其实很简单，只要修改一个文件就可以实现DIY了。 fckeditor/fcktemplates.xml 代码结构分析 <? xml version ="1.0" encoding ="utf-8" ?> < Templates imagesBasePath = "fck_template/images/" > <!--上面节点：模板功能的起始根节点，并用来指明模板示意图的目录位置--> <!--比如上面已有的地址表明了我现在的模板图片文件所在位置是：\测试工程\fckeditor\editor\dialog\fck_template\images--> < Template title = "fckeditor自建模板" image = "template4.jpg" > <!--上面节点：表示一个一个的不同模板，譬如我创建多组TEMPLATE节点，那么在显示的时候就会有多个模板可供使用编辑器的人选择--> <!--上面节点：另外2个属性分别表示模板提示名称和示例图文件名--> < Description > 本模板是验货报告表的验货主题部分 </ Description > <!--上面节点：该模板的功能说明--> <!--下面节点：TABLE标签就是模板主体，就是这部分可以根据用户自由操作--> < Html > <!

Three20是预编译静态库，最简单的方法是使用Xcode的依赖工程特性，下面是方法： 1. 复制（Clone命令） three20 git（GitHub） 目录: `git clone git://github.com/joehewitt/ three20 .git`. 确保将其储存在一个常用位置，以便Xcode每次编译时来索引和访问 2. 在 “three20/src”中找到 “Three20.xcodeproj” . 拖拽Three20.xcodeproj到您工程的根目录”Groups and Files”边栏中.在弹出对话框中去掉”Copy items”的对号，”Reference Type”选择”Relative to Project”然后点“Add”. 3. 现在要链接Three20库到您的工程。点击添加进来的”Three20.xcodeproj”，在“Details”表中，你会看到 libThree20.a. 打上文件右侧的对号 4. 现在你需要设置320库为你程序的依赖库，以便Xcode在编译的时候也会将320一起编译起来。展开左侧的“Targets”标签，双击您程序的“目标”文件。在“General”标签下，你会看到“Direct Dependencies”，点“+”号添加320库。 5. 现在你需要添加图片和字符串包到你的程序，找到”Three20.bundle

最近写模板类发现只能将模板函数的定义放在h文件里才能完成编译器链接。对于喜欢声明与定义分开的笔者来说这么写很不习惯。 那究竟是什么原因造成模板函数不能放在cpp文件里定义呢？本文就围绕着这个问题进行探究。 从编码到运行 首先笔者想要探讨一下一个C++项目是如何从文本文件生成可执行文件的。 预编译 预编译是将预编译宏命令进行处理，如 #include , #define ， #ifdef , #pragma 等。 编译 编译是将文本中的源码转换成计算机能直接处理的汇编语言。这里要注意的是C++采用的是 分离式编译 (各个的h、cpp文件的编译独立)。 c++开发中广泛使用声明和实现分开的开发形式，其编译过程是分离式编译，就是说各个cpp文件完全分开编译，然后生成各自的obj目标文件，最后通过连接器link生成一个可执行的exe文件。引用自： https://blog.csdn.net/uestclr/article/details/51372780 链接 编译中提到了C++采用的是分离是编译，例如如下代码： Test.h void test(); Test.cpp #include "Test.h" void test() { //todo } main.cpp #include "test.h" int main() { test(); return 0; } 到此为止

1 下载一个新的ABP模板项目 http://www.aspnetboilerplate.com/ 2 在Windows上安装MySql, 这里不多说，我用的是mysql-installer-5.5.21.0 3 打开模板项目，还原NuGet包先 打开项目后，在“程序包管理器控制平台”中选择*.EntityFramwork以及*.Web项目（*号为你的项目名称前缀） Install-Package MySql.Data.Entity // Install-Package MySql.Data.Entity - 安装MySql.Data.Entity组件的命令 安装Web项目时失败，错误提示信息 我用的VS2015，后来在一篇英文帖子里发现方法： 1）、在资源管理器中打开你的项目所在的文件夹。用记事本打开packages.config。查找并移除损坏包名称的行。 2）、打开解决方案所在的文件夹。打开文件夹“packages”。查找带有损坏包的文件夹并将其删除。 重新安装，提示成功 4 修改web.config文件 <entityFramework codeConfigurationType="MySql.Data.Entity.MySqlEFConfiguration, MySql.Data.Entity.EF6"> <defaultConnectionFactory type=

1. 什么是前端工程化 自有前端工程师这个称谓以来，前端的发展可谓是日新月异。相比较已经非常成熟的其他领域，前端虽是后起之秀，但其野蛮生长是其他领域不能比的。虽然前端技术飞快发展，但是前端整体的工程生态并没有同步跟进。目前绝大多数的前端团队仍然使用非常原始的 “切图（FE）->套模板（RD）” 的开发模式，这种模式下的前端开发虽说不是刀耕火种的原始状态，但是效率非常低下。 前端的工程化问题与传统的软件工程虽然有所不同，但是面临的问题是一样的。我们首先回顾一下传统的软件开发流程模型： 上图中的运行和维护并不是串行关系，也并非绝对的并行关系。维护贯穿从编码到运行的整个流程。 如果说计算机科学要解决的是系统的某个具体问题，或者更通俗点说是 面向编码 的，那么工程化要解决的是如何提高整个系统生产效率。所以，与其说软件工程是一门科学，不如说它更偏向于管理学和方法论。 软件工程是个很宽泛的话题，每个人都有自己的理解。以上是笔者个人的理解，仅供参考。 具体到前端工程化，面临的问题是如何提高 编码->测试->维护 阶段的生产效率。 可能会有人认为应该包括需求分析和设计阶段，上图展示的软件开发模型中，这两个阶段具体到前端开发领域，更恰当的称谓应该是 功能需求分析 和 UI设计 ，分别由产品经理和UI工程师完成。至于API需求分析和API设计，应该包括在编码阶段。 2. 前端工程化面临的问题

1. idea的启动配置 idea的配置可以在新建一个项目在配置，也可以打开工具的时候，在弹窗中，点击configure-settings来进行配置，如图： 1.1 配置字体 在settings弹窗中，点击Editor-font 1.2 配置主题 1.3 设置构建工具 点击maven，设置maven构建工具，如图： 注意：idea的启动配置可以在启动之后配置，接下来就简要的介绍一下idea启动之后的一些配置 2. idea启动之后的配置 2.1 隐藏过滤文件 file-settings 在弹窗中找到Editor下的File Types，如图： 在最下方的Ignore files and folders下，添加需要过滤掉的文件或者目录，如图： 点击apply 点击OK，项目中这两个文件就被隐藏了 2.2 代码提示模板的配置 点击 file-settings 在弹窗中找到editor，选中live template，如图： 新建模板，点击加号，如图： 会出现两个选项： 1. Live Template：直接创建一个模板 2. Template Group：创建一个模板分组 这里，我们先创建一个分组，然后将我们自定义的代码模板都放在该分组下，方便管理 点击Template Group，输入组名myGroup 创建模板代码，选中分组，点击加号，Live Template 然后

引言： 模板是一种神奇的东西。涉及到模板的很多代码，都是编译器在编译阶段生成的。 除了代码生成之外，编译器在处理模板时，还会进行一些计算。 我们利用模板的这个特性，可以让编译器做一些数学运算。 比如，让编译器计算阶乘，而不是在程序运行时计算阶乘： 下面， 使用模板在编译期计算斐波那契数列 引入一个例子： // 主模板 template<int N> struct Fib { enum { Result = Fib<N-1>::Result + Fib<N-2>::Result }; }; // 完全特化版 template <> struct Fib<1> { enum { Result = 1 }; }; // 完全特化版 template <> struct Fib<0> { enum { Result = 0 }; }; int main() { int i = Fib<10>::Result; // std::cout << i << std::endl; } 这样，在编译期间，就会直接计算得到 Fib<10>::Result的值，然后赋给i使用 -frepo -fdump-tree-original参数进行编译。 得到文件： 其中，.rpo文件的内容是 M InstantiationFunction.cpp D E:\快盘\Code\Cpp\DevCpp

模板测试 当片段着色器处理完一个片段之后， 模板测试(Stencil Test)会开始执行，和深度测试一样，它也可能会丢弃片段 。接下来， 被保留的片段会进入深度测试，它可能会丢弃更多的片段 。模板测试是根据又一个缓冲来进行的，它叫做模板缓冲(Stencil Buffer) 模板测试需要模板缓存，GLFW默认创建。 如果自己创建的帧缓存没有模板缓存,则模板测试总是通过。 三个相关函数 参考1 参考2 （1）glStencilMask(GLunit mask)设置一个模板缓冲区的位遮罩 glStencilMask允许我们设置一个位掩码(Bitmask)，它会与将要写入缓冲的模板值进行与(AND)运算 glStencilMask ( 0xFF ) ; // 每一位写入模板缓冲时都保持原样 //禁止模板缓冲的写入 glStencilMask ( 0x00 ) ; // 每一位在写入模板缓冲时都会变成0（禁用写入） glStencilMask(GLunit mask) 设置一个模板缓冲区的位遮罩，默认位遮罩为1。 在 模板测试最后，当测试通过要写入新的模板值 时， 新的模板值会与位遮罩进行按位与(AND)运算，不为0的位才会写入(注意不是写入整个模板值) 。比如：现在要写入的模板值是2(10)，但是位遮罩是5(101)，与后每位都为0，所以最后什么都没有写入 （2）设置比较函数