03 2017 档案
摘要：网页布局（layout） 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 6个属性设置在容器上 flex-direction flex-wrap flex-flow justify-
阅读全文
摘要：1、使用outline属性在元素周围画一条线。 2、设置轮廓的宽度 3、设置表格的布局 4、是否显示表格中的空单元。（请在非 IE 浏览器中浏览） 5、合并表格边框，是否把表格边框显示为一条单独的边框，还是像标准的 HTML 中那样分开显示 6、设置单元格边框之间的距离。（请在非 IE 浏览器中浏览
阅读全文
摘要：1、用简写属性来将所有四个边框属性设置于同一声明中 2、设置四边框样式 3、用简写属性来将所有边框宽度属性设置于同一声明中 4、设置四个边框的颜色。可以设置一到四个颜色 5、用简写属性来将所有下边框属性设置在同一声明中 6、设置下边框
阅读全文
摘要：1、相对定位，相对于一个元素的正常位置来对其定位 2、使用绝对值来对元素进行定位 通过绝对定位，元素可以放置到页面上的任何位置。下面距离页面左侧 100px，距离页面顶部 150px。 3、固定定位 相对于浏览器窗口来对元素进行定位 4、设置元素的形状。此元素被剪裁到这个形状内，并显示出来 5、当元
阅读全文
摘要：1、设置文本字体 2、设置字体尺寸 3、设置字体风格 4、设置字体的异体 5、设置字体的粗细 使用简写属性将字体属性设置在一个声明之内
阅读全文
摘要：1、设置文本的颜色 2、增加或减少字符间距 3、使用百分比值来设置段落中的行间距。 4、对齐文本 5、向文本添加修饰 6、缩进文本首行 注意：一般来说，可以为所有块级元素应用 text-indent，但无法将该属性应用于行内元素，图像之类的替换元素上也无法应用 text-indent 属性。不过，如
阅读全文
摘要：使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下： jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送
阅读全文
摘要：index.jsp: <a href="product-input.action">input</a> details.jsp: productId:${product.productId}
阅读全文
摘要：@节点及其类型： 1.元素节点 2.属性节点：元素的属性，可以直接通过属性的方式来操作 3.文本节点：是元素节点的子节点 @在HTML文档的什么位置编写js代码？ 1.直接在HTML页面中书写。 <button id="button" onclick="alert('hello world');">
阅读全文
摘要：1、设置背景颜色 2、将图像设置为背景 3、重复背景图像 3、在页面上放置背景图像 您需要把 background-attachment 属性设置为 "fixed"，才能保证该属性在 Firefox 和 Opera 中正常工作。 4、使用百分比来在页面上定位背景图像 为了在 Mozilla 中实现此
阅读全文
摘要：yeomen: npm install yo angular-in-action project npm install -g generator-angular npm install -g genrator-webapp yo angular learnangular new angular p
阅读全文
摘要：1、安装gulp： 2、在项目根目录创建名为gulpfile.js文件 4、运行gulp 想要单独执行特定的任务（task），输入 gulp <task> <othertask> gulp.src(globs[, options]) 输出（Emits）符合所提供的匹配模式（glob）或者匹配模式的数
阅读全文
摘要：var stats = fs.statSync(dir+'/'+file); 同步版的 stat() 。 方法返回一个stat数组对象，包含以下信息 JSON.stringify(即将转换为json格式的data，函数，每一个前面添加的空格个数); ./startMoco update new:
阅读全文
摘要：环境准备： 1、创建一个static web名为bootstrapDemo 2、在bootstrapDemo文件夹下安装bower npm install bower 会自动产生node-module文件夹 3、在bootstrapDemo文件夹下安装所需jar包 npm install boots
阅读全文
摘要：Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、
阅读全文
摘要：1、导入JavaScript插件 Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。 一次性导入： Bootstrap提
阅读全文
摘要：1、缩略图 缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。 使用方法： 通过“thu
阅读全文
摘要：1、下拉菜单（基本用法） 在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件： ☑ LESS版本：对应的源码文件为 dropdowns.less ☑ Sass版本：对应的源码文件为 _dropdowns.scss ☑ 编译后的Bootstrap版本：查看boots
阅读全文
摘要：基础表单 表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风格都各有不同。 表单源码查询 Bootstrap框架的表单，其源码占据了大量的代码，同样的，根据不同的Bootstrap版本，你可以轻松
阅读全文
摘要：基本的HTML模板 bootstrap不支持IE兼容模式，在IE运行最新的渲染模式 初始化移动浏览显示 bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可 同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码 全局样式 Boo
阅读全文
摘要：Git常用操作命令： 1) 远程仓库相关命令 检出仓库：$ git clone git://github.com/jquery/jquery.git 查看远程仓库：$ git remote -v 添加远程仓库：$ git remote add [name] [url] 删除远程仓库：$ git re
阅读全文
摘要：directive： 匹配模式restrict:'AEMC'默认为A template templateUrl templateCache:把模板缓存起来，共多个指令使用 replace： transclude:指令互相嵌套 独立scope scope：{} 绑定策略 内置指令63： compile
阅读全文
摘要：代码编辑工具 Sunblime,wenstonm 断点调试工具 chrom Batarang插件 版本管理工具 git,git小乌龟 代码合并和混淆工具 node.js grunt(uglify,concat,watch) npm install grunt node_modules 依赖管理工具
阅读全文
摘要：method one： method two： method three： method four：
阅读全文
摘要：web.xml apllication-spring-mvc.xml applicationContext-*.xml applicationContext-*.xml包括三个配置文件，分别对应数据层控制、业务逻辑service控制和事务的控制。 也可以同时配置在applicationContext
阅读全文
摘要：MVC:作为DataModel的$scope 依赖注入DI 模块化Module Service Filter Two way DateBinding Directive Unit Testing&E2E Testing AngularJS应用的解析 映射到模型-视图-控制器设计模式 模板（Templ
阅读全文
摘要：添加按钮跳转到add表单页面 到struts.xml找到对应的Action 在Action的类中进行跳转： add页面设置form值，进行提交给saveAction，进入数据保存 save成功之后重定向到另外一个action 业务层要实现事务 @Transational
阅读全文
摘要：OGNL的概念： OGNL是Object-Graph Navigation Language的缩写，全称为对象图导航语言，是一种功能强大的表达式语言，它通过简单一致的语法，可以任意存取对象的属性或者调用对象的方法，能够遍历整个对象的结构图，实现对象属性类型的转换等功能。 1.OGNL表达式的计算是围
阅读全文
摘要：首先在Action类定义当前页的值 在spring IOC容器进行注入该变量 在Action类写一个findAll方法,里面有个findByPage()方法 Service层实现： findAll方法里调用Service层的方法返回一个复杂的集合（有当前页，和查询得到的信息集合），这个集合我们创建一
阅读全文
摘要：设计模式： 是一套被反复使用，多数人知晓的，经过分类编目的，代码设计经验总结。 工厂模式： 实例化对象，用工厂方法代替new操作。 工厂模式包括工厂方法模式和抽象工厂模式 抽象工厂模式是工厂方法模式的扩展 意图： 定义一个接口来创建对象，但是让子类来决定那些类需要被实例化 工厂方法把实例化的工作推迟
阅读全文
摘要：所谓方法，就是用来解决一类问题的代码的有序组合，是一个功能模块。 方法的返回值最多只能有一个，不能返回多个值 方法返回值的类型必须兼容，例如，如果返回值类型为 int ，则不能返回 String 型值 方法的重载 如果同一个类中包含了两个或两个以上方法名相同、方法参数的个数、顺序或类型不同的方法，则
阅读全文
摘要：if: if...else: 多重if: 嵌套if: switch: 表达式只能包含整数类型的表达式和枚举类型 1、 switch 后面小括号中表达式的值必须是整型或字符型 2、 case 后面的值可以是常量数值，如 1、2；也可以是一个常量表达式，如 2+2 ；但不能是变量或带有变量的表达式，如
阅读全文
摘要：Java中的关键字 Java 语言中有一些具有特殊用途的词被称为关键字。关键字对 Java 的编译器有着特殊的意义，在程序中应用时一定要慎重 Java标识符 标识符就是用于给 Java 程序中变量、类、方法等命名的符号 1. 标识符可以由字母、数字、下划线（_）、美元符（$）组成，但不能包含 @、%
阅读全文
