前端工程师必备PS技能】的更多相关文章

PS参考线及其辅助 视图-->新建参考线 也可以快捷键Ctrl+R,显示区的上侧和左侧就会出现标尺.任意点选中,并拖动标尺,便会出现浅蓝色的辅助线.只有在移动工具下,才能拖动某一条参考线. 删除参考线的方式,哪里来的回哪里去,拖动参考线把它移动到标尺处.上面的标尺对应的是水平参考线,左边的标尺对应的是竖直参考线. 新建参考线的快捷键:Alt+V+E Alt+V是打开视图菜单,不放,然后再按E就是新建参考线 对于规则图形,选中图层后,再拖动参考线,默认参考线会吸附到图层边缘部分.参考线所在的地方都…
前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能. 前端切图四大面板:在“窗口”菜单下开启 1,信息(手动开启)2,字符(手动开启)3,历史记录(手动开启)4,图层(默认开启) PS首选项设置: 编辑->首选项->单位与标尺,选改为像素. PS 技能需求.工具需求: 常用快捷键 图片格式 ( PSD | JPG/GIF/PNG) JPG/GIF/PNG的应用 PSD测量注意事项: 文字右方和下方会有1像素的默认间隙:…
sublime text3 --前端工程师必备神器 导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题解决方案 如何使用自定义的快捷键快速在浏览器中打开html文件 sublime text3 下载安装与 Emmet插件的安装 对于前端工程师来说,sublime text3绝对是神器,Emmet插件通过自动补齐可以大大提高我们的开发效率. 第一步:进入 官网 下载sublime text3.比如对于…
sublime text3 --前端工程师必备神器 导读目录: 下载与Emmet插件安装 sublime text3 中cssrem安装与使用 sublime Text 3的中文文件名显示为方框的问题解决方案 如何使用自定义的快捷键快速在浏览器中打开html文件 安装jade的高亮插件 安装ejs的高亮插件 颜色样式选择 显示与修改编码 安装vue的高亮插件 解决jsx文件中的html标签无法自动补全的问题 Sublime中使用typescript(支持报错) sublime text3 下载安…
/******************************************** 学习时间:2015年12月21日 学习者:易天曦 学习目的:掌握切图技巧 学习目标:1.学会从网页设计师的PSD文件中提取素材 2.对PS有一定的了解 3.对审美有一定的提高 *******************************************/ 学习内容: 1.网页设计中初始化尺寸参数和一些快捷键. 2.选择和移动元素. 3.常见的Web切图界面设置.…
提要: 前端开发的时候, 经常会遇到表格勾选, 单个勾选判断是否全选的事情.趁着有时间, 总结一下以备不时之需! 就像下面这个栗子: 1 源代码: h5 // 全选框 <input type="checkbox" class="cb_All"> //单选框 <input type="checkbox" class="cb_One"> 2 js代码: 逻辑还是很简单的 : 巧妙利用了"prop&…
右侧依次是信息.图层.历史记录,如下图:…
FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:<#-- ... -->格式部分,不会输出 3,插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出 4,FTL指令:FreeMarker指定,和HTML标记类似,名字前加#予以区分,不会输出 下面是一个FreeMarker模板的例子,包含了以上所说的4个部分 <html><br> <head&…
1 cookie可以很好地解决微信浏览器登录状态的保存,具体教程看下面链接: https://www.cnblogs.com/autoXingJY/p/10456767.html 2 参考了w3c等的一些内容,总结了下自己经常用js进行的cookie操作:"cookie的 添加 , 获取, 删除": 2-1 添加cookie function setCookie(c_name, value, expiredays) { var exdate = new Date() exdate.se…
1 单选: type="radio"  需求: 男女input只能选择一个 <input type="radio" name="sex" value="男" >男<input type="radio" name="sex" value="女" >女 2 多选: type="checkbox"  <input type=…