先来几个photoshop打开psd图的标准动作. ctrl+,ctrl-,放大,缩小psd图的.查看字体大小看T等等. 想psd图出现刻度 你只需要"> 设置度量单位为像素之后,打开我们的标尺 准备切图的时候,使用参考线,便于切图. 切图无外乎切jpg图片和png图片. 第一种:切jpg图片方法. 第二种切png图片方法 记得是用移动工具 确保png图片背景必须为透明.注意png图需要一个一个的切.慢慢切,耐心就好. 使用markman的方法. 来看看markman长什么样子. 后记:…
今天为大家分享Photoshop将普通照片快速制作二次元漫画风格效果,教程很不错,对于喜欢漫画的朋友可以参考本文,希望能对大家有所帮助! 一提到日本动画电影,大家第一印象肯定是宫崎骏,但是日本除了宫崎骏还有一位风格独树一帜的映像作家——新海诚,他的画风细腻唯美,几乎每一帧画面都可以截图作为壁纸,故事感人且触动人心,擅于用细节和生活化的镜头表现情感,从他的作品中你总能看到“生命的感动”. 前些天看了新海诚的代表作<秒速5厘米>,觉得画面实在美到不行,所以就想自己尝试一下能不能用PS做出这种风格的…
前言:上篇介绍了下ko增删改查的封装,确实节省了大量的js代码.博主是一个喜欢偷懒的人,总觉得这些基础的增删改查效果能不能通过一个什么工具直接生成页面效果,啥代码都不用写了,那该多爽.于是研究了下T4的语法,虽然没有完全掌握,但是算是有了一个大致的了解,给需要自定义模板的园友们提供一个参考.于是乎有了今天的这篇文章:通过T4模板快速生成页面. KnockoutJS系列文章: JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(一) JS组件系列——Bootst…
关于纸壳CMS 纸壳CMS又名 ZKEACMS Core 是ZKEACMS的 .net core 版本,可运行在 .net core 1.1 平台上.是一个开源的CMS. 纸壳CMS对于 ZKEACMS 是一个完整的迁移,并且加入了许多新的功能. 项目官方网站 http://www.zkea.net 项目地址 http://www.zkea.net/zkeacms/zkeacmscore 新功能介绍 1. 快速创建页面 为了可以快速的创建页面,纸壳CMS内置了一些通用页面作为模板,在创建页面的时…
来源:GBin1.com 如果需要在用户滚动页面的时候,保持特定元素始终可见的话,今天这里我们介绍的Sticky-Kit是一个不错的选择. 它是一个开源的jQuery插件,可以帮助大家快速针对页面元素来生成固定页面的效果.往往大家在开发导航栏的时候,需要类似这样的功能. 主要的特性 支持多个元素的固定展示 支持元素展示的位置及其viewport 使用非常简单,类库非常小 如何使用 $("#sticky_item").stick_in_parent() 或者 $("#stick…
一.快速新增页面的方法: 1.在vscode中的app.json文件中的pages数组的第一行新增一个路径,如: 2.在微信开发者工具中的app.json中的新增一个空格,然后保存,就会生成一个新的页面. 二.快速新增组件的方法: 在vscode中新建一个components目录,目录中在新建一个tabs目录,如果在tabs目录中一个一个的新增文件太慢了,有一种最简洁的方式,在微信的编辑器中,鼠标点击tabs文件夹,右键选择新增component,名称为tabs,这样四个文件瞬间创建完毕.…
在HTML5未出现之前我们都用div+css来构建页面,比如<div id=”header”>,div的滥用,使得代码的可读性和可维护性很差,现在用本文来介绍一下用HTML5′干净的’语义化标签,更简单的语法来重构一下页面. 最基本的标签 Header:文档的头部,主要包含页面的标题或者导航部分. Section: 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分.用于定义页面中的主题栏目等,比如选项卡的各个部分                Nav:导航,可…
在设计一个软件系统,构建过程:需求->数据表->系统开发.实际情况是需求(数据)很多来源于已经存在的文件中,客户会要求把这些数据“电子化”,这就给需求分析产生了很大的工作量: 分析这些原始文件 根据文件中的格式进行字段的设计 形成数据字段表 在数据库中添加这些表 开始代码编写 进行原始的文件分析过程中,经常会出现一些问题: 遗漏一些数据项 数据定义和文件中含义不一致 初始化数据无法导入 ... ... 活字格提供了一个通过文件创建数据表的功能,就是通过Access.Excel和文本,快速创建数…
项目:jquery-ajax-cache 地址:https://github.com/WQTeam/jquery-ajax-cache     最近在项目中用到了本地缓存localStorage做数据的缓存. 1.简单说下localStorage localStorage和cookies相比,在浏览器中存储的容量更大.另外最大的特点是不会附带在http请求中传给后台,不会像cookies一样导致http头部变大影响传输性能.基于这个原因,localStorage适合缓存一些常用的数据,无需平凡的…
先看一看xpath的语法 我们将在下面的例子中使用这个 XML 文档. <?xml version="1.0" encoding="ISO-8859-1"?> <bookstore> <book> <title lang="eng">Harry Potter</title> <price>29.99</price> </book> <book&g…
<?php /** * 防止快速刷新 * */ session_start(); header("Content-type:text/html;charset=utf-8"); error_reporting(E_ALL^E_NOTICE); // 参数: N秒内刷新M次,就禁止访问! 并且关小黑屋X秒! $seconds = 3; //时间段[秒] $refresh = 20; //刷新次数 $disdeny = 10; // 放开限制的时间: 30秒后 $sid = sess…
Ctrl+Alt+M 顺带一提,eclipse的快捷键是:Alt+Shift+M;…
第一部分 Telegraf 部署和配置 Telegraf 是实现 数据采集 的工具.Telegraf 具有内存占用小的特点,通过插件系统开发人员可轻松添加支持其他服务的扩展. 在平台监控系统中,可以使用 Telegraf 采集多种组件的运行信息,而不需要自己手写脚本定时采集,大大降低数据获取的难度:且 Telegraf 配置极为简单,只要有基本的 Linux 基础即可快速上手.Telegraf 按照时间序列采集数据,数据结构中包含时序信息,借助 Influxdb 可以针采集得到的数据完成各种分析…
物理环境:虚拟机centos6.4 配置:8G内存.2*2核cpu.3块虚拟硬盘(sda,sdb,sdc,sdb和sdc是完全一样的)        在实际生产环境中,系统硬盘与数据库和应用是分开的,这样有利于系统的维护和对数据应用的使用.本环境中将sda作为系统盘,sdb+sdc做软RAID0(如果做RAID5,只需要在添加一块与sdb完全一样的硬盘即可,并在创建RAID的时候选择level 5).        软件磁盘阵列的设置很简单,因为值需要使用一个命令即可.那就是mdadm,常用参数…
API参考:http://foundation.zurb.com/docs/ 作为网页设计和开发人员,我们面临着以下几个严峻的问题: 每天,人们用来上网的设备种类和数量都在不断上升. 为每种设备设计开发不同的界面是不可能的. 即使你专门为某些设备定制打造,这些设备也很有可能在不久的将来退出主流舞台. 真心欢乐.别怕,大家一起面对并解决问题.其实,不同类型的设备及屏幕的这个问题,很早以前就开始存在了,只是多年来我们一直忽视这个状况,一厢情愿的守着960像素的网格系统. 如今,我们需要从设计流程的上…
原创文章,转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]本文地址:http://www.zhangxinxu.com/wordpress/?p=1152 一.关于“鑫三无准则” “鑫三无准则”这个概念早在去年我写“关于Google圆角高光高宽自适应按钮及其拓展”一文时就已经提到了.这是自己在页面重构的经验中总结出来的一套约束自己CSS的准则,即“无宽度”.“无图片”和“无浮动”,目的是使CSS布局模块化以及增强可扩展性. 此准则是针对我个人的,可能没有…
本文均为项目实战经验,要求兼容至IE8,所以以下内容均为兼容代码,欢迎各位小伙伴批评指教.其实重构页面是一门学问,看似简单,却暗藏很多学问.实际项目中页面的重构有以下几点最基本需求: 1.需要使用合理的标签进行语义化: 2.可扩展性,在页面的某个标签内增加新的内容(文字或标签),不会对原有内容造成影响. 3.当页面接受后台数据时,标签内容替换后,页面布局与样式不会受到影响. 4.兼容性(根据项目需要) 页面重构基本思想: 1.渐进增强思想(以兼容要求的最低版本为基础,主键向高层次的浏览器靠拢):…
在很久很久以前做过一个很糟糕的订单结算页面,虽然里面各区域(收货地址)使用模块化加载,但是偶尔会遇到某个模块加载失败的问题导致订单提交的数据有误. 大致问题如下: 1. 每个模块都采用usercontrol(收货地址.配送范围.支付方式.优惠券等等),维护起来很困难. 2. 每个模块的加载都是一个Ajax请求,并且根据前后顺序关系加载多个模块即多个Ajax请求.比如用户修改收货地址后系统重新计算配送方式和支付方式,并刷新配送方式.支付方式.订单总金额等数据,一般情况下没问题,但偶尔会遇到某个模块…
在我们基于框架开发系统的时候,往往对一些应用场景的页面对进行了归纳总结,因此对大多数情况下的页面呈现逻辑都做了清晰的分析,因此在我们基于框架的基础上,增量式开发业务功能的时候,能够事半功倍.代码生成工具Database2Sharp承载着我们各种开发框架的快速开发逻辑,包括界面代码的生成.后端代码的生成等内容,本篇随笔介绍在这个基础上,增加Vue&Element 工作流页面的快速生成,以便减轻我们实际开发工作流页面的繁琐工作. 1.工作流查看.编辑页面的组件动态化 在我的随笔<基于Vue的工作…
使用基于Roslyn的编译时AOP框架来解决.NET项目的代码复用问题 Metalama简介1. 不止是一个.NET跨平台的编译时AOP框架 Metalama简介2.利用Aspect在编译时进行消除重复代码 Metalama简介3.自定义.NET项目中的代码分析 Metalama简介4.使用Fabric操作项目或命名空间 在Visual Studio中有提供快速操作(小灯泡)功能 以及重构(小刷子)功能 使用它们可以快速进行一些快捷的针对代码的操作,如提取接口.添加实现.自动属性.快速重构.删除…
概述 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来.传统的页面应用,是用一些超链接来实现页面切换和跳转的.在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换. 本文将以示例的形式来介绍vue-router的各个特性,一共包含6个示例,每个示例都有乞丐版,前5个示例有皇帝版.乞丐版是将所有代码混杂在一起的HTML页面,皇帝版是基于vue…
“PrimusUI”是自己在借鉴了如今网上很多开源的UI库,再经过自己整理加工的一个简单代码集合. 每个功能块的CSS代码都很少,力求简单易懂,低门槛,代码可根据自己实际情况轻易修改,改到符合自己场景为止. 一.制作的理由 之所以重复造轮子,有以下几点原因: 1)现今开发很多时候讲究效率,给你很短的时间,完成很多的内容. 如果不备点存货,那只能加班加点的赶进度. 2)由于是加班加点赶出来的项目,百分百会有各种问题,兼容性啊.功能性啊.与设计图偏差. 如果碰到挑细节的测试或领导,搞不好就要让你1像…
上一章给常用的from表单控件属性页面,进行了简单说明和介绍,但是由于是在网页中做界面设计,操作肯定没有桌面应用程序方便,便捷,为了更方便的布局与设计,今天我主要说一下快速布局,工具箱,tab选项卡,我目前只是这三个是为了设计界面而创建的. 快速布局:主要是因为CKEditor拖拽的时候释放的时候,有时候会出现相对位置的偏差,而详细页面与查询条件需要拖拽很多文本框,下拉框,复选框,多选框,所以开发了快速布局页面,主要是为了方面操作. 工具箱:就是页面的工具条,是操作按钮的集合,是为了按钮权限而设…
转自http://fhqllt.iteye.com/blog/836186 每次想快速测试页面效果的时候,特别是在学习前端代码的时候,就想到W3school的那个试一试功能,一直都是用他们那个在线的版本测试, 今天发现网上有类似的代码,以后就不需要联网了,想测就可以直接用了. 下面把代码贴上 首先先建立一个样式文件tc.css Css代码: /* W3School 在线编辑工具 */ body#editor { margin:0; padding:0; border:0; text-align:…
[.net 面向对象编程基础] (14) 重构 通过面向对象三大特性:封装.继承.多态的学习,可以说我们已经掌握了面向对象的核心.接下来的学习就是如何让我们的代码更优雅.更高效.更易读.更易维护.当然了,这也是从一个普通程序员到一个高级程序员的必由之路.就看病一样,普通医生只能治标,高级医生不但看好病,还能除病根. 1.什么时重构? 重构(Refactoring)就是在不改变软件现有功能的基础上,通过调整程序代码改善软件的质量.性能,使其程序的设计模式和架构更趋合理,提高软件的扩展性和维护性.…
使用AngularJS,你可以在HTML中包含其它的HTML文件. 在HTML中包含其它HTML文件? 当前的HTML文档还不支持该功能.不过W3C建议在后续的HTML版本中增加HTML imports功能,以支持在HTML中包含其它的HTML文件. <link rel="import" href="/path/navigation.html"> 在服务端包含文件 大部分的web服务器都支持服务端包含文件(Server Side Includes).通过…
修改增加了demo地址 gulp-webpack-demo 之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题,最终算是搭建了一套比较完整的解决方案,接下来这篇文章以一个实际项目为例子,讲解多页面项目中如何利用gulp和webpack进行工程化构建.本文是自己的实践经验,所以有些解决方案并不是最优的,仍在探索优化中.所以有什么错误疏漏请随时指出. 使用gulp过程中的一些问题,我已经在另外一篇文章讲到了 grunt or gulp 前言 现在为什么又整了一个webpack进来呢…
1.下面是一些对响应式设计提供了不同程度支持的CSS框架: (1)Semantic(http://semantic.gs); (2)Skeleton(http://getskeleton.com); (3)Less Framework(http://lessframework.com); (4)1140 CSS Grid(http://cssgrid.net); (5)Columnal(http://www.columnal.com) 2.本节主要讲Columnal网格系统并介绍如何利用它快速搭…
与 ASP.NET 1.0 相比,ASP.NET 2.0 的各方面改进可以说是非常巨大的.但就其实现层面来说,最大的增强莫过于提供了对异步页面的支持.通过此机制,编写良好的页面可以将数据库.WebService 调用等慢速操作,对网站吞吐能力的影响降到最低,并极大的改善网站的平均页面响应速度.本文将从使用和实现两个层面,简单的剖析这一强大机制的原理,以便读者能够更好的应用这一机制.      对一个网页请求的生命周期来说,首先是 Web 服务器收到客户端 HTTP 请求,将请求转交给 ASP.N…
  PS抠图方法 一.魔术棒法——最直观的方法 适用范围:图像和背景色色差明显,背景色单一,图像边界清晰. 方法意图:通过删除背景色来获取图像. 方法缺陷:对散乱的毛发没有用. 使用方法:1.点击“魔术棒”工具: 2.在“魔术棒”工具条中,在“连续”项前打勾: 3.“容差”值填入“20”.(值可以看之后的效果好坏进行调节): 4.用魔术棒点背景色,会出现虚框围住背景色: 5.如果对虚框的范围不满意,可以先按CTRL+D取消虚框,再对上一步的“容差”值进行调节: 6.如果对虚框范围满意,按键盘上的…