Swig 使用指南
原文来自:http://www.cnblogs.com/elementstorm/p/3142644.html如何使用APIswig.init({allowErrors:false,autoescape:true,cache:true,encoding:'utf8',filters:{},root:'/',tags:{},extensions:{},tzOffset:0});options:allowErrors:默认值为false。将所有模板解析和编译错误直接输出到模板。如果为true，则将引发错误，抛出到Node.js进程中，可能会使您的应用程序崩溃。autoescape:默认true，强烈建议保持。字符转换表请参阅转义过滤器。true:HTML安全转义false:不转义，除非使用转义过滤器或者转义标签'js':js安全转义cache:更改为false将重新编译每个请求的模板的文件。正式环境建议保持true。encoding模板文件编码root需要搜索模板的目录。如果模板传递给sw
ExtJS 6.2 基础使用
一、安装：下载两个压缩包：分别是ext-6.2.0-gpl(这个是Extjs的sdk文件，创建新项目的时候需要用)。SenchaCmd-6.5.2-windows-64bit(这个下载下来是解压，或者不解压。反正最后看到的是一个.exe结尾的安装文件，直接安装运行即可PS：一定要记住安装到哪个文件夹下面了)二、运行：安装好SenchaCmd-6.5.2-windows-64bit.exe之后，点击Windows的命令提示窗image.png进入到提示窗中：使用cd命令进入刚才SenchaCmd-6.5.2-windows-64bit.exe安装的那个文件夹中，我的路径是：C:\Users\win7\bin\Sencha\Cmd效果如下：
使用MyEclipse将HTML5移动项目迁移到PhoneGap（三）
MyEclipse开年钜惠在线购买低至75折！立即开抢>>【MyEclipse最新版下载】三、将图像从HTML5项目复制到PhoneGap项目1.在PhoneGap项目的www/res文件夹中，创建一个用于存储应用程序图像的新文件夹。可以在res/文件夹中使用你喜欢的任何文件夹结构。注意：不需要将图像存储在res/文件夹中；然而，使用res/文件夹可以防止iOS图像被包含在Android构建中，反之亦然。因此，建议将图像存储在res/文件夹中。默认应用程序图像存储在res/图标和屏幕文件夹中。用于存储应用图像的新文件夹2.在HTML5应用程序项目中，打开Android和iOS的文件夹和apps/文件夹。从相应image/文件夹中复制图像到在PhoneGap项目中创建的文件夹中。将HTML5项目的图像复制到新的项目3.双击PhoneGap项目中的config.xml，在编辑器中将其打开。4.展开Images，并更新图像参数来引用您复制到项目中的图像。
jQuery的50个使用技巧（译）
2.使用route。
Vue系列（一）：简介、起步、常用指令、事件和属性、模板、过滤器、
一、Vue.js简介1.Vue.js是什么Vue.js也称为Vue，读音/vju:/，类似view，错误读音v-u-e是一个轻量级MVVM（Model-View-ViewModel）框架，和angular、react类似，其实就是所谓的数据双向绑定数据驱动+组件化的前端开发（核心思想）更容易上手、小巧vue2.0和1.0相比，最大的变化就是引入了VirtualDOM（虚拟DOM）,页面更新效率更高，速度更快。参考：官网2.vue和angular的区别2.1angular上手较难指令以ng-xxx开头所有属性和方法都存储在$scope中由google维护2.2vue简单、易学、更轻量指令以v-xxx开头HTML代码+JSON数据，再创建一个vue实例由个人维护：尤雨溪，华人，目前就职于阿里巴巴，2014.2开源了vue.js库共同点：都不兼容低版本IE二、起步1.HelloWorld<!DOCTYPEhtml><htmllang="en">&l
基于element的表单渲染器 (el-form-renderer)
基于element-ui封装的表单渲染器，完整继承了element的属性定义，并进行了简单扩展，从而用户能够通过使用一段预设的数据渲染出一个完整的element表单。演示地址项目地址Usage//Step1下载代码gitclonehttps://github.com/leezng/el-form-renderer.git//Step2在需要使用本组件的.vue文件中<template><el-form-renderer:content="content"></el-form-renderer></template><script>importElFormRendererfrom'path/el-form-renderer'exportdefault{components:{ElFormRenderer}}</script>Props支持el-form上的所有属性
可视化拖拽 UI 布局之拖拽篇
前言：前段时间负责公司的运营管理后台项目，通过运营后台的PC端拖拽配置布局，达到App首页模板的动态UI界面配置，生成页面。趁着周末，整理一下当时所了解到的拖拽。文章会根据大家的反馈或者自己学习经验的累积成长不定期更新丰富。如果你想了解更多PC端的拖拽开发，欢迎点赞关注或者收藏一波[鞠躬]。之前在掘金一篇文章里看到这段话:UI开发的三种模式1.手写标签和样式代码，生成页面2.可视化拖拽UI组建，生成页面3.直接输入设计稿，输出可用页面有幸当前公司处于UI开发的第二阶段当时开发参考过的小部分网站，其它参考过的大量网站由于电脑硬盘出现故障丢失了无法恢复。以上网站这些不是很重要，真正重要有用的网站链接我已经帮你筛选整理出来了，并贴在下面的文章里面(分为演示与教程两类)，点击相关链接即可进入相关开发学习。贴上面网站的原因是我想告诉大家，插件选型之前一定要先整理好自己的需求，根据需求在网上寻找插件，并且打开控制台，看看效果是不是你所需要的类型，否则下载到本地后调试了半天发现最后不能达到自己想要的效果，这样既浪费时间又浪费精力，
为什么Interface里的成员不能使用static修饰？
首先引用MSDN里的原文Interfacemembersareautomaticallypublic,andtheycan'tincludeanyaccessmodifiers.Membersalsocan'tbestatic--https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/interfaces/index即：接口成员会自动成为公共成员，不能包含任何访问修饰符。成员也不能是静态成员。那么我们先不讨论编译器内部发生了什么，先从语法上来理解：为何Interface（接口）内的成员不能使用static修饰符。我们知道，对一个实现接口的类，可以用显式方式实现接口定义的成员，也可以用隐式方式来实现。那么假设可以定义带有一个静态成员StaticString()的接口IStatic，并定义一个类StaticClass显式实现这个接口。publicInterfaceIStatic{static
Vue的computed和watch的细节全面分析
定义1.computed是一个计算属性,类似于过滤器,对绑定到view的数据进行处理,并监听变化,如下对应的computedDataRes就是接受返回值,并监听变化,变化可以执行方法computedMethod,data:{firstName:'Foo',lastName:'Bar'},computed:{fullName:function(){returnthis.firstName+''+this.lastName}}fullName不可在data里面定义,如果定义会报错,因为对应的computed作为计算属性定义fullName并返回对应的结果给这个变量,变量不可被重复定义和赋值2.watch是一个观察的动作data:{firstName:'Foo',lastName:'Bar',fullName:'FooBar'},watch:{firstName:fun
React + Webpack 构建打包优化
使用babel-react-optimize对React代码进行优化检查没有使用的库，去除import引用按需打包所用的类库，比如lodash、echart等lodash可以采用babel-plugin-lodash进行优化。需要注意的是在babel-react-optimize中使用了babel-plugin-transform-react-remove-prop-types这个插件。正常情况下，如果你在代码中没有引用到组件的PropTypes，则完全没问题。如果你的组件用到了，那么使用该插件可能会导致问题。具体见：https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types#is-it-safeWebpack构建打包优化Webpack构建打包存在的问题主要集中于下面两个方面：Webpack构建速度慢Webpack打包后的文件体积过大Webpack构建速度慢可以使用W
AspectCore动态代理中的拦截器详解（一）
前言在上一篇文章使用AspectCore动态代理中，简单说明了AspectCore.DynamicProxy的使用方式，由于介绍的比较浅显，也有不少同学留言询问拦截器的配置，那么在这篇文章中，我们来详细看一下AspectCore中的拦截器使用。两种配置方式在AspectCore中，提供拦截器的特性配置和全局配置两种使用方式，并且分别提供AbstractInterceptor(可用于全局拦截器配置)和AbstractInterceptorAttribute(可同时用于全局配置和特性配置)两个拦截器基类。下面来分别演示两个拦截器配置方式的使用：特性拦截器。我们继承AbstractInterceptorAttribute来实现一个自己的特性拦截器publicclassCustomInterceptorAttribute:AbstractInterceptorAttribute{publicoverrideTaskInvoke(AspectContextcontext,AspectDelegatenext){returnco
從 macOS 中提取 SF Mono 字體
SanFrancisco系列字體是蘋果在WWDC2016上推出的系統UI字體（中文为「蘋方」）。SFMono便是其中用於代碼顯示的等寬字體，但是，macOS只在Xcode和Terminal中內置了SFMono，並未將其安裝在系統字體中，也不包含的下載包中。如果想在WebStorm、VSCode之類的第三方軟件中使用SFMono，則需要自行將SFMono提取出來安裝到系統字體中。在Terminal中SFMono字體完整路徑為：/Applications/Utilities/Terminal.app/Contents/Resources/Fonts/或者Xcode中：/Applications/Xcode.app/Contents/SharedFrameworks/DVTKit.framework/Versions/A/Resources/Fonts可以通過以下兩種方式安裝到系統。通過Finder安裝在Finder菜單中選擇「前往」->「前往文件夾」（快捷鍵
SQL Server 加密案例解析
一、概述加密是一种安全措施，有时候甚至是法律要求。作为攻破Windows系统的最后一道防线，通过加密可以保证在没有密钥的情况下获取备份或者物理介质变得毫无意义。二、概念加密层次结构加密层次结构的每一层是如何对它下面的一层进行加密的，并且显示了最常用的加密配置。对层次结构的开始进行的访问通常受密码保护。SQLServer用分层加密和密钥管理基础结构来加密数据。每一层都使用证书、非对称密钥和对称密钥的组合对它下面的一层进行加密。非对称密钥和对称密钥可以存储在SQLServer之外的可扩展密钥管理(EKM)模块中。注意：为了获得最佳性能，使用对称密钥（而不是证书或非对称密钥）加密数据。数据库主密钥受服务主密钥保护。服务主密钥由SQLServer安装程序创建，并且使用Windows数据保护API(DPAPI)进行加密。堆叠其他层的其他加密层次结构是可能的。可扩展密钥管理(EKM)模块将对称密钥或非对称密钥保存在SQLServer的外部。透明数据加密(TDE)必须使用称
Databus 分布式数据库同步系统
社区wiki主页：https://github.com/linkedin/Databus/wiki背景一个大型分布式系统往往存在多种的存储系统，mysql，tair，redis，memcache，hbase等等。一些重要的或者需要事务支持的数据操作，通常都会放到mysql处理。但是，为了满足高性能的访问需求或者做一些服务定制化的查询，业务上通常又会把mysql的数据再写到tair或者redis等外部存储中一份。以业务将tair作为mysql的高速缓存为例，通常业务在代码中会有这么一段逻辑，读取tair，数据不存在，从mysql读取数据，然后写入tair。用户变更mysql，然后会同时刷新tair，或者将tair数据删除。为了降低客户端复杂度并且防止缓存穿透，常会引入MQ进行异步同步，如下图所示：
three.js 入门案例
three.js入门案例最近公司需要用tree.js实现一个3D图的显示，就看了官方文档，正好有时间，就记录下来。由于我们公司的前端框架用的是angular，所以我就把我的treejs封装在一个directives里面。后面放源码首先我们要知道three.js的下载地址它的地址是：https://github.com/mrdoob/three.js。其次，什么是three.js？three.js的几个步骤：1：引入three.js文件（打开调试窗口，并在Console下输入THREE.REVISION命令，得到版本号，成功）2：设置一个场景//varscene=newTHREE.Scene();3：varcamera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000)；设置一个透视相机4：varrenderer=newTHREE.WebGLRenderer();re
Node.js与Express基础应用
图源网Node.js为什么要使用Node.js?Node.js的目的是实现动态网页，也就是说由服务器动态生成HTML页面。之所以要这么做，是因为静态HTML的可扩展性非常有限，无法与用户有效交互，同时如果有大量相似的内容，例如产品介绍页面，那么1000个产品就要1000个静态的HTML页面，维护这1000个页面简直是一场灾难，因此动态生成HTML页面的技术应运而生。Node.js可跳过HTTP服务器，因为它本身就是，Node.js提供了http模块，它是由C++实现的，性能可靠，可以直接应用到生产环境。Node.js和其他的语言相比的另一个显著区别，在于它的原始封装程度较低。在Node.js中，很多工作需要你自己来做，而自己来做这些事情太过麻烦，而且也没有必要重复造轮子，所以需要第三方框架来帮助我们。安装Node.js用Node.js创建一个应用在没有Express的时候，我们要创建一个web应用，用Node.js怎样实现呢？新建一个目录，进入此目录并初始化$mkdirmyapp
神级程序员仅100秒，60行代码写出俄罗斯方块，成为全公司焦点！
小编我今天逛论坛看到一位HR帖子直播公司面试情况，该公司是做棋牌APP的，现在正在招聘前端工程师和运营人员，HR直播的是前端这块的，有写游戏的也有做网站项目的，写特效的都有很多，但是这位HR却看上了一位60行代码写俄罗斯方块的小伙，代码很少只要是学过的看一遍都会写，但是HR看上的是他的思维和速度，能在短时间内写出来代表他的基本功很强，小编我也把这位小伙的代码COPY了一份，是用JavaScript语言写的，头条有学前端的都可以拿去练手，文末有源码领取地址。这篇文章分享之前我还是要推荐下我自己的前端群：640633433，不管你是小白还是大牛，小编我都挺欢迎，不定期分享干货，包括我自己整理的一份2018最新的前端资料和零基础入门教程，欢迎初学和进阶中的小伙伴。完成后的效果图：
移动App,AJAX异步请求，实现简单的增、删、改、查
用ajax发异步请求时，要注意url。“AppServer”为后台项目名，“LoginServlet.action”为web.xml中的