- 博客(31)
- 收藏
- 关注
RSS订阅原创 Axure与Mockplus的区别
在我看来，Mockplus与Axure的区别，就像是Meitu和PS的区别。Mockplus制作的原型，交互方面比较简单，而axure可以高仿真度的模拟。对于与技术开发的沟通一般Mockplus制作的原型就够了，而对于一些不懂技术的人群Axure制作仿真度高的原型更易于理解。建议学习Axure以适应更多应用场景。MockplusMockplus（摩客）是一款简洁快速的原型图设计...
2018-04-20 08:57:27
13621
1
原创 JavaScript语法-运算符
一元运算符只能操作一个值的运算符叫做一元运算符 在没有赋值操作时，前置和后置是一样的。 有赋值的情况下： - 符号前置：先运算后赋值 - 符号后置：先赋值后运算var a=3var b=++aalert(b)//4alert(a)//4var a=3var b=++aalert(b)//3alert(a)//4算术运算符+加法alert(3+4)
2018-01-30 20:42:39
210
原创 JavaScript语法-数据类型
typeof输出值string number object boolean undefined function 不可能是nullfunction fn(){}alert(typeof fn)\转义alert("hello'wally'")alert('hello\'wally\'')console.log('hello \n world')console.log('
2018-01-30 15:39:38
234
原创 JavaScript基础-控制样式
控制样式元素.style.css属性名='css属性值'在css属性用-连接的属性，在JS中要转换成驼峰命名box.style.background='#f00'box.style.width='500px'box.style.height='300px'box.style.color='#00f'bar.style.display="none"修改className
2018-01-29 14:48:39
238
原创 JavaScript基础-引入
JavaScript简介在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。1.JavaScript分为三个部分：ECMAScript 标准 ES3 ES5
2018-01-26 23:51:27
241
原创 Sublime的使用
Normalize.css只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工
2018-01-25 13:54:36
342
原创 HTML基础-form、input、
form表格form不是具体的控件，而是用来组织一类控件input输入框属性type text可以输入任意password密码radio单选一组单选框，需要指定相同的name属性checkbox复选框一组复选框，需要指定相同的name属性hidden隐藏看不见，但可以提交数据file文件选择控件reset重置将表单还原为初始状态submit提交将表单信息提交给服务
2018-01-23 23:41:01
370
原创 CSS基础-定位
一般准则一般情况下，宽度给父元素设置，高度给子元素设置。 宽度给父元素： 如果子元素是块级元素，宽度继承的是父级元素的宽度。 高度给子元素： 对于块级元素来说，不设置高度，那他的高度是靠子元素的高度撑开的，所以你给子元素设置高度，父元素会自动撑开，就有了高度。要想横向排列，加浮动要想谁盖在谁身上，加定位Position定位1.绝对定位position:abcolu
2018-01-23 15:58:58
339
原创 CSS基础-盒模型
上联：为需求而生，为用户而死，为浏览器奋斗一辈子！下联：吃CSS亏，上JS的当，最后死在兼容上！横批：前端人生一、盒模型1.内边距 padding上下左右的内边距都是20pxhead> style> div{ width:300px; height:200px; padding:20px; } style>head>
2018-01-22 17:11:09
303
1
原创 CSS基础-引入
有人用一句话总结了HTML，CSS，JS的关系。HTML是名词，JS是动词，CSS是形容词和副词。什么是CSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。H
2018-01-19 10:32:12
350
2
原创 行内元素与块级元素的区别
关于行内元素和块级元素的说明根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值。例如div元素的默认display属性值为“block”，成为“块级”元素。 而span元素的默认display属性值为“inline”，称为“行内”元素。div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内
2018-01-18 17:07:32
228
原创 单标签和双标签的区别
定义单标签：由一个标签组成。例如双标签：由“开始标签”和“结束标签”两部分构成。例如 是开始标签，表示一个段落的开始。 是结束标签，表示一个段落的结束。常见单标签hr />meta />img />常见双标签html>html>head>head>title>title>body>body>h1>h1>h2>h2>h3>h3>p>p>
2018-01-18 16:02:59
15490
原创 HTML基础-head、body
一个程序员退休之后想练练书法，于是准备好了笔墨纸砚，摆好放在书桌上，他提起笔沉思片刻，然后郑重其事地写下了“Hello World”。HTML简介HTML（超文本标记语言——HyperText MarkupLanguage）是构成Web世界的基石。它描述并定义了一个网页的内容。其他除HTML以外的技术则通常用来描述一个网页的表现/展示效果（CSS）或功能（JavaScript）。
2018-01-18 10:21:59
1215
1
原创 APP设计规范
设计稿与切片稿通常设计稿采用：iPhone6 750*1334 【2倍】 通常切图稿采用：iPhone6 1920*1080 2208*1242【3倍】常见尺寸比例现在尺寸比例，多数都是16：9（最适合人眼的一个比例），而以前是4：3。顶部状态栏从IOS7开始，电池电量条的背景色是透明的，压到顶部操作栏上，颜色与顶部操作栏一致。 android5.0，md 规定，
2018-01-17 23:45:53
9808
1
原创 PS和AI的区别
“位图”和“矢量图”的区别位图是由每一个像素组成，决定位图大小的主要因素是像素的多少和像素所包含的颜色信息。位图的最显著特点是，放大到最大后，会看到一个一个纯色的小格子，这个格子就是像素。矢量图是由路径和锚点组成的，决定图片大小的主要因素是路径和锚点及其有路径和锚点组成的图形对象所包含的各种信息。矢量图的最显著特性是，无论放大多少倍，图片边线仍然清晰光滑。PS和AI的区别在主要用途
2018-01-16 17:42:43
1756
原创 AI操作-图标制作
基础操作画多边形，按住鼠标不松手，按键盘的上下箭头可以改变边数。 画多角形，按住鼠标不松手，按键盘的上下箭头可以修改角数。 画正五角星，按住Alt + Shift键。连续复制： Ctrl + D【AI快捷键】 Alt + Ctrl + Shift + T【PS快捷键】镜像工具：选中图形，再点镜像工具，点两个点，确认对称轴。 对称工具：选中图形，右击，选择“变换”->“对称
2018-01-16 17:20:41
796
原创 AI基础-绘图技巧
其实，AI的很多操作跟PS是十分相似的，但还是存在一些不一样的。AI没有移动工具，很多操作都是由“小黑”和“小白”去完成。 选图形用“小黑”，选锚点用“小白”AI中的魔棒、套锁工具，也不是抠图用了，而是去选择锚点。常用快捷键Ctrl + F 原位粘贴到原图层的前层 Ctrl + B 原位粘贴到原图层的后层 置顶：Ctrl + Shift + ] 置底：Ctrl
2018-01-15 09:25:10
16620
原创 衬线字体与非衬线字体
衬线体和非衬线体的分类起源于英文字体界。 衬线指的是字形笔画在首位的装饰和笔画的粗细不同，所以衬线又被称为字脚。衬线字体这种装饰线的笔画设计多认为来源于古罗马纪念碑上的拉丁字母，1968 年 Edward Catich 神父在著作《The Origin of the Serif》中提到罗马字母最初被雕刻到石碑上之前，要先用方头笔刷写好样子，再照样雕凿。由于直接用方头笔刷书写会导致笔画的
2018-01-11 23:30:14
6794
原创 常见分辨率归纳总结
屏幕比例4:34:3 是最常见屏幕比例，从电视时代流传下来的古老标准。在近代宽屏幕兴起前，绝大部分的屏幕分辨率都是照着这个比例的。VGA(640x480) - 「VGA」 其实本来不是个分辨率的规格，而是 IBM 计算机的一种显示标准。在规范里有 320x200 / 256 色、320x200 / 16 色、640x350 / 16 色、640x480 / 16 色等多种模式，甚至还有
2018-01-11 23:29:30
28854
原创 PS操作-网页排版
用PS进行网页排版，没有新的知识内容，依旧用图标设计的方法进行网页排版。模仿排版“京东锤子官方旗舰店”页面 内容看着不多，做着还挺费劲儿 做完页面顶部，再简单做一下页面的尾部 最后加上右侧条和一张产品广告图片学习网页排版之后，PS的课程基本上就已经完成，再小结一下，多加练习就好。
2018-01-11 23:28:39
800
原创 PS操作-图标设计
绘制图形新建图形图层 每绘制一个图形，都会新建一个图层 若绘制的图形在两个图层中，可以使用Ctrl + X 剪切新图层， 到原有图层上 Ctrl + V粘贴，将他们合并到一个图层中合并形状 绘制的图形是在一个图层中， 然后可以用小黑选中编辑，一个图层只能有一种颜色列表内容 裁剪图形必须在被裁剪图形的上层，可以使用层级属性，调整其层级关系路径对齐方式只对同一图层进行
2018-01-10 23:30:11
623
原创 常见图片格式归纳总结
BMP格式BMP格式是标准的Windows及0S/2的图像文件格式，是Photoshop中最常用的位图格式。此种格式在保存文件时几乎不经过压缩，因此它的文件体积较大，占用的磁盘空间也较大。此种存储格式支持RGB、灰度、索引、位图等色彩模式，但不支持Alpha通道。它是Windows环境下最不容易出错的文件保存格式。TIFF格式TIFF格式是一种通用的图像文件格式，是除PSD格式外唯
2018-01-09 23:56:58
1159
原创 PS基础-通道、蒙版
通道反色快捷键： Ctrl + I通道抠图的步骤： 复制明暗对比最明显的通道； 将保留区域涂成白色，不保留的区域涂成黑色； 调色阶，使黑白对比更明显； Ctrl + 缩略图 （获取到选区）； 返回RGB通道，利用选区 Ctrl + J 获取扣取内容的新图层； 使用加深、减淡工具涂抹微调。图层蒙版选中图层，点击下方按钮给图层添加图层蒙版选中图层蒙版，在要隐藏的
2018-01-09 23:53:50
542
原创 PS基础-修图技巧
继续练习PS操作，抠图之后，就开始修图的练习了。常用快捷键复制图层：Ctrl + J标尺：Ctrl + R液化：Ctrl+Shift + X色相/饱和度：Ctrl + U色阶：Ctrl + L获取文字对应的选区：Ctrl + 点击文字图层缩略图污点修复画笔工具调整画笔大小： [ 画笔变小 ] 画笔变大画笔硬度： 值越大 笔触就越生硬 值越小
2018-01-08 23:31:49
589
原创 PS基础-抠图技巧
学习Web全栈第一阶段，就是要练习PS的使用。新建快捷键： Ctrl + N印刷： 300DPI屏幕(Web,App): 72DPI喷绘：30DPI打开快捷键：Ctrl + O缩放快捷键： Ctrl + 加 【放大】 Ctrl + 减 【缩小】 Alt + 滚轮【放大缩小】 ctrl + 1【恢复原始比例】前后背景色填充前景
2018-01-07 18:33:30
832
原创 Web全栈
教学框架第一阶段 UI PS、AI、Axure、Markman第二阶段 Web基础 HTML、CSS、JavaScript、jQuery第三阶段 Web高级 HTML5、CSS3、JavaScript高级、工程化第四阶段 Web框架 Bootstrap、Vue.js、APICloud第五阶段 Node.js安装软件极域电子教室、飞鸽传书(教学软件)有道云笔记(创
2018-01-04 00:53:32
547
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人