编辑器：sublime text3 标注工具：PxCook 切图工具：PS 开发前准备：设计图标注 PxCook 空格键可以上下拖动 大致标注图纸：（可惜不能文字标注和拉参考线） 开发前准备：PS切图 在指定图层上新建一个图层，使用ctrl+e 合并图层，可以将任意图层转为普通图层 （如果图层是下面 ...
分类：
其他好文 时间：
2020-02-10 11:49:08
阅读次数：
48
在vue项目中，我们在做图片轮播的方式和传统切图不同，传统切图中我们一般采用非常强大的swiper来完成，而在vue中一般依赖vue-awesome-swiper组件来完成（vue-awesome-swiper其实就是基于swiper4封装的vue插件，所以如果你刚好熟悉swiper.js插件的话， ...
分类：
其他好文 时间：
2020-02-10 11:47:32
阅读次数：
61
swiper是一个在切图中好用到不行的图片轮播插件，包括3d轮播、h5滑屏等复杂应用都不在话下，到了vue项目一切逻辑完全颠覆了，没有获取dom的概念，还好有 vue-awesome-swiper组件，让我们可以无缝的继续使用swiper。如果没记错的话vue-awesome-swiper基于swi ...
分类：
其他好文 时间：
2020-02-10 11:44:37
阅读次数：
345
蓝湖云特性： 自动标注、共享切图、同步更新 1、https://lanhuapp.com 注册用户,进入，创建项目 2、下载插件 3、安装（windows下直接双击exe，mac版本进手动安装包安装） 4、打开photoshop ,窗口，扩展功能，蓝湖 输入用户名，密码，选择团队，项目 5、打卡ps ...
分类：
其他好文 时间：
2020-02-05 13:27:30
阅读次数：
411
最近写了几个页面都用到css动画，以及很多before,after伪类。在此记录一下成果。css边框循环动画，页面效果如下： 1、沿着边框动画的图形使用before，after伪类写的。当时想用切图来写，后来考虑到优化，就用了css来写。具体代码如下： <div class="div"> <i cl ...
分类：
Web程序 时间：
2020-01-14 23:57:17
阅读次数：
770
巧妙利用边框（或者背景颜色）来进行布局。 填上内容和图片（由设计提供切图）。 去掉边框。 css html ...
分类：
其他好文 时间：
2020-01-06 19:43:46
阅读次数：
91
移动端布局 1.1080 1920.png 2.750 .png 3.切图 4.布局的目标：让设计图等比例呈现在各个不同的设备上 5.解决方案核心思想： 提供一个固定的形式 让它在不同的设备上呈现不同的值 6.百分比布局 100% 移动端布局首选+flex; 能用百分比决不用rem 7.rem布局 ...
分类：
移动开发 时间：
2020-01-06 17:40:33
阅读次数：
100
目标 记忆 能够说出 CSS 的布局的三种机制 理解 能够说出普通流在布局中的特点 能够说出我们为什么用浮动 能够说出我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 能够使用PS切图工具 1.1 CSS 布局的三种机制 网页布局的核心——就是 用 CSS 来摆放盒子 。 CSS ...
分类：
其他好文 时间：
2019-12-31 18:39:20
阅读次数：
77
常见的图片格式 PS切图 可以 分为 利用切片工具切图 以及 利用PS的插件快速切图。 1). PS切片工具 ps切图片，分两大步： 1). 用切片选中图片 利用切片工具手动划出 图层菜单 新建基于图层的切片 利用辅助线 来切图 基于参考线的切片 2). 导出切片 文件菜单 存储为web设备所用格式 ...
分类：
其他好文 时间：
2019-12-31 18:24:59
阅读次数：
75
前后端分离，是目前Web开发的主流模式也是趋势。而Java无疑是后端开发的王者，PHP和.NET目前仍处于水深火热之中，更像是在夹缝中求生存。而大前端，强势崛起！Java+大前端这一强强组合，面对其他Web领域的竞争者，可以将其按在地上使劲摩擦和暴虐。 PHP要生存，怎么办？不断的往H5移动端靠，不 ...
分类：
编程语言 时间：
2019-12-30 19:26:47
阅读次数：
84
