- 博客(43)
- 收藏
- 关注
RSS订阅原创 jQuery异步Ajax
jQuery异步Ajax1、向服务器发送请求都要使用XMLHTTpRequest对象的open（）和send()方法。jQuery中的$.ajax({settings})方法$.ajax({settings});type:类型，“POST"或"GET”,默认值为"GET"url:发送请求的地址async:设置异步，(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同...
2020-05-05 15:03:34
111
原创 jQuery动画
jQuery动画1、jQuery动画效果基本动画效果、滑动效果、淡入淡出效果、自定义效果jQuery动画基本效果 show()与hide()show([speed],[easing],[fn])显示隐藏的匹配元素hide([speed],[easing],[fn]) 显示隐藏的元素toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理器函数，以响应被选元...
2020-05-05 14:59:56
137
原创 jQuery事件
jQuery事件1、jQuery事件页面加载事件read()方法、鼠标事件、表单事件、键盘事件、事件的绑定与解绑页面加载事件read()方法当DOM载入就绪可以查询及操作时绑定一个要执行的函数这是事件模块中最重要的一个函数，因为它可以极大的提高web应用程序的响应速度简单来说，这个方法纯粹是对向window.log事件注册的替代方法，通过使用这个方法可以在DOM载入就绪能够读取并...
2020-05-05 14:57:18
123
原创 jQuery DOM节点操作
jQuery DOM节点操作1、jQuery中操作属性的方法获取或则设置属性attr()移出属性removAttr（name）获取或则设置属性prop()移出属性removeProp（name）2、jQuery的属性每个元素都有一个或则多个特性，这些特性的用途就是给出相应元素或则其内容的附加信息。就比如：在img元素中，src就是元素的特性，用来标记图片的地址在Java...
2020-05-05 14:54:25
198
原创 jQuery基础使用与样式
jQuery基础使用与样式1、什么是jQueryjQuery是一个JavaScript函数库jQuery是一个轻量级的“写得少，做得多”的JavaScript库jQuery库包含以下功能：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTML DOM 遍历和修改AJAX除此之外，jQuery海提供了大量的插件2、如何使用jQuer...
2020-05-01 15:24:33
82
原创 JavaScript异步Ajax
JavaScript异步Ajax1、 异步AjaxJSON：JavaScript对象表示法，JSON是储存和交换文本信息的语法：JSON是轻量级的文本数据交换格式JSON独立于语言和平台JSON具有自我描述性，更容易理解类似于xml比XML更小、更快、更容易解析JSON语法JSON语法是JavaScript对象表示语法的子集数据在名称/值对中（数据在键值对直接）数据由逗号分隔...
2020-05-01 15:21:37
88
原创 JavaScript表单提交
JavaScript表单提交1、 表单提交form表单提交、form表单中post与get提交的区别、form表单手动提交、获取表单数据的4种方法form表单的属性action与metgodaction URL 指定当提交表单时向何处发生表单数据method get/post 规定用于发送form-data的HTTP方法 （提交表单的方式）URL可能的值： 绝对 URL 指向...
2020-05-01 15:19:26
84
原创 JavaScript事件总结
JavaScript事件总结1、JavaScript事件文档加载、事件对象、事件冒泡、事件委派、事件绑定、事件传播、事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间JavaScript 与 HTML 之间的交互是通过事件实现的。对于 Web 应用来说，有下面这些代表性的事件：单击事件、鼠标移入移出事件、键盘按下/弹起事件等等2、事件就是用户与浏览器的交互行为onclick 鼠标...
2020-04-28 17:23:45
79
原创 JavaScript浏览器对象
JavaScript浏览器对象1、 什么是BOMBOM：浏览器对象模型//宿主对象BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。BOM将浏览器中的各个部分转换成了一个一个的对象，提供修改这些对象的属性，调用他们的方法，从而控制浏览器的各种行为。简单来说：BOM可以使我们通过JS来操作浏览器，在BOM中提供了一组对象，用来完成对浏览器的操作2、 BOM对象wi...
2020-04-28 16:51:10
141
原创 JavaScript文档对象模型
JavaScript文档对象模型1、宿主对象：DOM对象、BOM对象什么是DOMDOM，全称Document Object Model文档对象模型Js中通过DOM来对HTML文档进行操作，只要理解了DOM就可以随所欲的操作WEB页面文档：文档表示的就是整个的HTML网页文档对象：对象表示将网页中的每一个部分都转换为了一个对象模型：使用模型来表示对象之间的关系，这样方便我们获取...
2020-04-28 16:48:16
93
原创 JavaScript内建对象
JavaScript内建对象1、Date对象日期对象Date在js中使用Date对象来表示一个时间创建一个Date对象如果时间使用构造函数创建一个Date对象，则会封装为当前代码执行的时间创建一个指定的时间对象需要在构造函数中传递一个表示时间的字符串作为参数创建一个指定时间对象的时候，在浏览器中出现的时间就只会出现你创建的这个指定时间，就比如2020-03-23 12：34：...
2020-04-26 17:11:55
65
原创 JavaScript正则表达式
JavaScript正则表达式1、 正则表达式正则表达式：又称规则表达式正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，可以将字符串中符合规则的内容提取出来在构造函数中可以传递一个匹配模式作为第二个参数正则表达式的方法：test()使用这个方法可以用来检查一个字符串中是否符合正则表达式的规则，如果符合则返回true，否则返回false...
2020-04-26 16:04:56
59
原创 JavaScript函数相关内容总结
JavaScript函数相关内容总结知识罗列：1、 什么是函数？函数function函数也是一个对象函数中可以封装一些功能(代码)，在需要的使用可以执行这些功能(代码)函数中可以保存一些代码再需要的时候调用使用typeof检查一个函数对象时，会返回function2、 使用函数：使用构造函数创建一个函数对象使用函数声明创建一个函数使用函数表达式创建一个函数/匿名函数当...
2020-04-26 16:01:03
81
原创 JavaScript对象理念
JavaScript对象理念Js中的数据类型String字符Number数值Boolean布尔Null空值Undefined未定义以上的5种数据类型为基本数据类型，看到的值只要不是以上的5种，都为对象2、 如果我们使用基本数据类型，可以将一个人的信息保存下来，但是他们是独立的没有联系 的数据3、 对象属于一种复合的数据类型，在对象中可以存储多个不同数据类型...
2020-04-23 18:09:33
72
原创 JavaScript流程控制语句
JavaScript流程控制语句理念知识罗列：1、 什么是流程？程序中的三种基本流程结构：顺序结构分支结构循环结构顺序结构：按照顺序一条一条的执行代码 从上到下分支结构：执行代码的时候，可以根据条件进行选择，条件越多对应的结果越多，分支也就多。例如：if…else…语句，switch语句循环语句：用来重复不断的做一件事，for循环，while循环，do…while循环2 if...
2020-04-23 18:03:26
81
原创 JavaScript运算符
JavaScript运算符知识罗列：逻辑运算符、赋值运算符、关系运算符、条件运算符、运算符JavaScript运算符：运算符也叫做操作符通过运算符可以对一个或则多个值进行运算，并获取运算结果① 算数运算符+加可以对两个值进行加法运算，如果是两个字符串则进行字符串拼接任何值和字符串做加法运算，都会先转为字符串，然后再和字符串做拼接操作也可以通过“+”完成隐式转换-减可以对两个值...
2020-04-21 17:49:35
68
原创 JavaScript数据类型
**JavaScript数据类型**``知识罗列：1、 字面量、变量、标识符2、 JavaScript的6种数据类型：基本数据类型: String字符串类型 Number数值类型 Boolean 布尔类型Null 空值类型 Undefined 未定义类型引用数据类型：Object 对象类型3、 JavaScript 数据的强制类型转换主要是将其他数据类型转换为 String Nu...
2020-04-21 17:47:33
75
原创 金融后台首页
下面这张网页图是一张金融企业的后台网站图，也是我们这次的考试内容，一开始老师叫我们做的时候是先想出一个框架出来在来做这个首页，然后我就去看了一下我之前做的一个购物后台的首页，看了一下之后大概的想了一下整个的框架结构，有一点眉目之后我就来制作这个金融的后台了，做这个首页的时候也是有一点点的困难在的，为什么呢，因为在这之前虽然我们都有在临摹网页但是在制作的时候还是会有一点点的困难的，结构框架要...
2019-07-14 21:06:30
200
原创 图片制作动漫效果
接下来我们来了解图片制作动漫效果的过程，制作过程很简单不过操作起来会一点麻烦，这个制作教程呢是我朋友从网上截取下来的教程，这张照片就是我们实现操作步骤的结果，（这只是我个人操作出来的结果，结果不同可以去网上观看更精细的步骤）接下来我们就来实现这个教程，我们先选择一张自己喜欢的照片导入到PS当中去（你们先用一些风景图做尝试哦，如果要用自己的照片就要做好心理准备哦），导入进PS之后先原地复制两...
2019-07-14 21:05:19
1186
原创 制作“玄”字logo
一开始老师叫我们去收集40张不同风格的logo图，在用“玄”字做一款logo出来，开始我们是不知道怎么样去做就在草稿本上把玄字写出来看怎么样去做，接着我就去我收集的logo图里面去找灵感，然后我就画了几朵祥云放在了玄字的上方，下方图就是我做的第一个玄字logo图。这是我做的第一个中国风的玄字logo图，这个logo的外框装饰是我收集的素材，一开是这只是一个圆没有什么东西在里面就放里一...
2019-06-28 09:41:21
663
原创 插画、海报制作
之前我们只是临摹了插画并没有制作过插画的这种类型的作业，看到作业的时候就只能发呆不知道怎么去做然后在发呆的过程中我看到了某些同学有做出了一点效果，我就去问他怎么弄的他说是在AI当中用高保真弄出来的，接下来我们先来看下原图。这张照片是我们在做插画之前的原图，一开始老师是叫我们把这张照片画成卡通的形式，之后我就尝试用钢笔把他抠出来填充一些颜色进去就可以了，但是结果却是失败的，因为画出来的...
2019-06-28 09:38:41
232
原创 照片制作海报
照片制作海报（撰写人:王春艳 撰写时间：2019年6月12日）我们之前做的海报都是去网上搜索的一些素材和照片来制作海报，然后这次端午放假的时候老师让我们自己去拍一些好看的照片回来做五张海报，一开始不知道怎么去拍到最后快要回学校的时候材拍好的几张照片，里面大部分都是去玩的时候拍的照片和一些天空的、水果的一些照片，在开始做海报的时候不知道怎么去做，因为把图片导入到电脑里面的时候没有我想像的那个...
2019-06-18 09:19:58
236
原创 简洁·清新风格海报
这次的海报做的是较清新风格的海报，里面的背景照片还是上次拍的图片，不过还是参照了某些作品接下来看图吧……，背景图片用的是一张落日的天空图，因为天空中不会有太复杂的东西都是一些简简单单的云层和夕阳，不会像其他海报一样花里胡哨的虽然说海报大部分都是要内容丰富才能留住用户的眼球，但是我本人感觉还是简单一点的东西适合我，太多的东西会让我觉得有负重感（这只是本人的感觉），里面加了一点点的文字效果和降低...
2019-06-18 09:15:50
220
原创 制作海报
制作海报（撰写人：王春艳 撰写时间：2019年6月9日）在这之前我们就自己制作过一张是关于南非西柚的一张水果海报，下图这张水果海报就是我们之前制作的海报，里面的水果素材和文字内容都是老师提供给我们的，我们只需要设计好排版格式和添加一些自己的设计风格和某一些设计元素就可以了，没有太多的内容需要我们去想，这只是我们的对设计方面的某一些练习，在这站海报之前我也还有几张同样的海报图不过做的都是...
2019-06-09 13:13:01
204
原创 台网站设计总结
台网站设计总结这个网站设计完成之后就是我的第三个作品了，我也慢慢的理解了什么是UI设计，虽然还不是很透彻但也知道了什么是UI，这次我设计了一个后台网站的网图，做到脑子爆炸的那种，在这之前我们也是临摹了一些后台网站的，知道后台是什么样子的才能进行下一步的后台网站设计也才能有设计这些网站的思路和排版的格式，在临摹后台网站之前我们也学习了了一些关于后台网站的一些知识，首先第一点就是整个画板的布局，空...
2019-06-09 13:11:12
216
原创 学校官网设计总结
学校官网设计总结设计完食品网站之后，我们又模拟了一些学校官网图，接下来我们就自己改版某些学校官网图，就像这张官网，这是一张学校的官网，里面的风格、构架、颜色、字体都是不一样的，比如里面的风格就是比较松弛的不会那么严谨，里面有很多的颜色，但相比于学校官网来说这就比较松弛，学校风格大多是以同一种颜色为主，但食品网站不一样颜色可以多样化，字体也可以多样化，就像这张网站，虽然说这是一张很简单的网页，里...
2019-06-09 13:09:58
2992
原创 食品网站设计总结
在学习完icon设计之后我们就学习怎么样去排版怎么去设计原型图，之后老师就让我们去网站上找一些优秀的网站图保存下来，然后去学习他们是怎么样排版和设计的，因为每一个设计师都有自己独特的设计风格每一个都是不一样的，所以接下来我们就临摹各种优秀的网站图片，去学习他们的排版方式和颜色搭配之类的我们临摹过很多不一样的官网，有游戏的有设计师的还有教育幼儿的等等这些，都是让我们去学习这里面的各种排版、颜色...
2019-05-28 12:36:57
579
原创 icon设计总结
在学习UI之前是没有接触过平面设计这方面的东西的，UI设计指的是对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计部仅是让软件变得有个性有品位，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。我们在开始学UI设计的时候是比较难懂的，就比如现在我对UI设计还是没有彻底的理解透彻，在颜色搭配方面和排版这方面还是有点欠缺的，在学习UI设计的时候我们是先从认识什么是UI、排版、颜...
2019-05-28 12:33:07
266
原创 网站设计的用户体验构架流程
网站设计的用户体验构架流程设计通常会包括四个基本部分（用户体验、产品、流程、构架）这四个基本结构无论在什么网站中都是必须存在的，就比如用户体验一个网站的好与坏是通过用户来决定的，一个产品没有用户来使用就和一堆废铁一样没有什么用处。用户体验的基本介绍：用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中，人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到...
2019-05-17 18:48:03
327
原创 UI后台网站设计技术总结
UI后台网站设计技术总结我们刚开始接触后台网站是从临摹网站开始的，老师先让我们熟悉网站中的颜色搭配和排版设计紧接着就让我们自己设计某一网站，我们最开始设计的网站是甜品网站，同样还是从网上搜一些优秀的食品网站图作为参考，参考其中的颜色搭配和排版，最开始做甜品网站的时候我们也是从网上找一些优秀的甜品网站图来参考临摹，最后才自己 这张是某一学校的有一个学校官网图片，刚开始老师叫我...
2019-05-17 18:45:56
116
原创 平面设计的三大构成
平面设计的三大构成平面设计中的三大构成包括平面构成、立体构成、色彩构成，（平面构成中又包括点、线、面三个部分）比如点：点的类型有很多有不规则的也有规则的又比如一个圆、一个矩形、一个三角形，一个图形这都是点，又比如一个不规则的点我们视觉所看到不规则的东西或是一个不规则的一个图形这就属于不规则的点，面积越...
2019-05-08 15:52:42
10371
原创 临摹后台网页
临摹后台网页我们刚开始学UI的时候根本不知道怎么去做怎么去设计，连最基本的排版和颜色搭配都不知道怎么去弄，后来老师给了我们临摹网页的作业让我们去学习怎么制作网页的排版和颜色搭配，刚开始的时候我们做的一塌糊涂，还以为偷懒被老师批评，但是临摹的越多网页你就会发现其实也不是很难，就像某一些网站是比较...
2019-05-08 15:50:50
220
转载 Ant Design蚂蚁设计理念
Ant Design蚂蚁设计理念 空间布局是体系视觉设计的起点，和传统法人平面设计的不同之处在于，UI界面空间要基于【动态、体系化】的角度出发展开。我们受到建筑界大师柯布西耶的模度思想的启发，基于【秩序之美】的原则，探索UI设计中的动态空间秩序，形成了Ant Design的界面布局方式，为设计者构筑...
2019-05-08 15:48:06
1969
原创 制作扁平化夜景房屋设计
制作扁平化夜景房屋设计制作步骤如下：建立一个为1200*900分辨率72的画布，建立完成之后填充一个渐变背景再用矩形选框画出房子的地基填充好颜色，按住ctrl+j复制一条矩形填充好颜色接下来我们来制作房子部分，用矩形选框绘制出房子的样式再填充好颜色每一层都要绘制一条矩形阴影再下面，再次用矩形选框工具绘制一条小矩形（作为房子的装饰物品），窗户的部分同样还是用矩形选框绘制出小矩形的形状...
2019-04-27 17:47:20
96
原创 食品网站与学校官网的区别
食品网站与学校官网的区别 食品网站与学校官网的区别在于，一个是严谨的风格一个是比较松弛的风格，两种不同的风格呈现出的效果也是不同，它们的构架、字体、颜色、交互、风格都是不一样的，比如学校（学校的风格是比较严谨的，因为这是关于学校的网站所以颜色和风格不会像食品网站那样花哨）， 
2
原创 Adobe Illustrator CC 制作图标
Adobe Illustrator CC 制作图标图标制作过程如下：我们先来制作奥运五环的图标，首先我们使用椭圆工具绘制出五个正圆，绘制完成后依次给五个正圆填充上相应的颜色调整好位置后全选中点击对象—路径—轮廓化描边（也可以点击扩展外观），点击完成之后再点击路径查找器中的分割选项，按住鼠标右键—取消编组，把相应的颜色填充上去做成五环相扣的样子，制作完成之后再点击合并成一个图形。接下来...
2019-04-18 17:46:37
668
原创 Adobe Illustrator CC 绘制角度渐变icon
Adobe Illustrator CC 绘制角度渐变icon 这是制作角度渐变icon效果，操作步骤如下： 
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人