UI设计
Java大师兄-威哥
这个作者很懒,什么都没留下…
展开
-
纯css实现太极阴阳鱼动画
今天看到一个有意思的效果,闲来无事做一个:把2d静态的太极图改成了3d,阴极和阳极分到了两个平面里实现旋转效果,这个好实现,重点是实现它的透明效果,平面太极图显示出两极是用另加的块元素挡住底面的颜色,但如果上图的两极用遮挡来实现效果的话并不能实现透明,将遮挡的块设为透明又会显示出底面原本的样子,所以这个思路不对。那就只能将底面本身变为透明,但怎么实现既透明又能出现这种样子呢?渐变,而且为了能出现圆的样子选择了径向渐变。效果:路明确,开始操作一个极分成四个块,圆头,肚子,尾,...转载 2021-01-12 16:03:51 · 190 阅读 · 0 评论 -
前端企业面试真题--052
选择排序的基本思路是什么?第一步:在未排序的序列中找到最大(小)的元素与第1个元素交换;第二步:在剩余未排序元素中继续寻找最大(小)的元素与第2个元素交换;第三步:以此类推,直到排序完毕.function selectionSort(arr) { var i = arr.length - 1; var j; var buffer; var special; // 最大或最小值的位置 // 采用倒序,提高查找性能 for (; i >= 0..转载 2021-01-07 16:31:22 · 78 阅读 · 0 评论 -
前端企业面试真题--053
冒泡排序的基本思路是什么?第一步: 两两比较顺序,如果顺序错误则交换位置function bubbleSort(arr) { var i = arr.length - 1; var j; for(; i >= 0; i--) { for (j = i - 1; j >= 0; j--) { if (arr[j] > arr[j+1]) { arr[j] = [arr[j+1], arr转载 2021-01-07 16:31:10 · 77 阅读 · 0 评论 -
AJAX的第二春!fetch!!!
曾经的我们是那么的年少。然鹅,时光荏苒,岁月如梭,一代新人换旧人。我们已经三十出头,成为了程序员中的大哥。现如今,互联网界瞬息万变,最新技术层出不穷。Vue、Axios、React、Redux、Angular、Node...等等等等。万幸的是,底层的东西是不变的。所以,我们今天就来聊一聊,那些底层的东西。说起AJAX,相信大多数程序员都会本能的想起XMLHttpRequest。没错,XHR(小黄人)陪伴我们度过了许多岁月。但是,小黄人诞生的岁月,处于互联网的原始阶段。各大浏览器你方唱罢我转载 2020-12-23 17:35:00 · 91 阅读 · 0 评论 -
JavaScript学习笔记(十七)-- 正则
正则正则表达式,又名 “规则表达式” 由我们自己来书写 “规则”,专门用来检测字符串是否符合 “规则” 使用的 我们使用一些特殊的字符或者符号定义一个 “规则公式”,然后用我们定义好的 “规则公式” 去检测字符串是不是合格var reg = /\d+/var str1 = '123'var str2 = 'abc'console.log(reg.test(str1)) // trueconsole.log(reg.test(str2)) // false 上面的变量reg...转载 2020-12-23 17:34:50 · 77 阅读 · 0 评论 -
JavaScript学习笔记(一)JavaScript基础语法
JavaScript基础语法HTML:标记语言 JavaScript:编程语言序言JavaScript发展历史(JS)1. 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款名副其实的浏览器--只能浏览页面,浏览器无法与用户互动,当时解决这个问题有两个办法,一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。liveScript ==> javaScript ==> ..转载 2020-12-02 16:12:19 · 101 阅读 · 0 评论 -
JavaScript学习笔记(二)分支结构
分支结构我们的 js 代码都是顺序执行的(从上到下) 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码IF 条件分支结构if 语句通过一个 if 语句来决定代码执行与否a 语法:if (条件) { 要执行的代码 } 通过()里面的条件是否成立来决定{}里面的代码是否执行// 条件为 true 的时候执行 {} 里面的代码if (true) { alert('因为条件是 true,我会执行')}// 条件为 false 的时候不执行 {} 里面的代码if...转载 2020-12-02 16:12:05 · 68 阅读 · 0 评论 -
JavaScript学习笔记(三)循环结构
循环结构循环结构,就是根据某些给出的条件,重复的执行同一段代码 循环必须要有某些固定的内容组成初始化 条件判断 要执行的代码 自身改变WHILE 循环while,中文叫 当…时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了 语法while (条件) { 满足条件就执行 } 因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了// 1. 初始化条件 var num = 0;// 2. 条件判断while (num < 10.转载 2020-12-02 16:11:48 · 82 阅读 · 0 评论 -
web前端9个开发常见小技巧,还有你不会的么
一、浏览器地址栏运行JavaScript代码这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开头后跟要执行的语句。比如:javascript:alert('hello from address bar :)');将以上代码贴到浏览器地址栏回车后alert正常执行,一个弹窗神现。你去试一试,是不是没有出现弹窗???那是因为:如果是通过copy paste代码到浏览器地址栏的话,IE及Chrome会自动去掉代码开头.原创 2020-09-25 10:56:40 · 365 阅读 · 0 评论 -
如何解决img标签下面的小空隙(详细教程)
很多初学小伙伴在写页面的时候碰到过这样的问题,当我们用一个div直接包裹img,img的下方会出现3px间距,如图:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title&.原创 2020-09-25 10:55:16 · 1098 阅读 · 0 评论 -
UI设计师必学教程:交互设计心理学的古腾堡原则(附视频教程)
在平时的设计过程当中,你可能会有这样的疑惑,为什么在大部分APP中,当单个按钮和多个按钮同时存在时,最重要的按钮一般都会放置在页面的右侧呢?如果最重要的按钮放在左侧又有什么问题呢?按钮放在右侧的原因是什么呢?它又有什么理论依据呢?接下来带着这些疑问,开始我们今天所要介绍的内容:交互心理学之古腾堡原则文末有整理相关视频教程资料。古腾堡原则的起源古腾堡原则是由14世纪西方活字印刷术的发明人约翰·古腾堡提出,早在20世纪50年代,他在设计报纸的过程中,提出了一项原则,认为人的阅读方式应..原创 2020-09-25 10:52:41 · 218 阅读 · 0 评论 -
学了很久设计,什么时候能成合格的设计师?
我见过很多伙伴在面试的时候自信满满的说:“我会PS、AI、AE、sketch、C4D……”。当然会这些东西可以为你的面试带来小小的加分,但是大家都知道设计师面试主要是看作品的,面试官看你的作品一般不会关心你是用什么软件做的,最主要的是看你有没有设计感觉,符不符合他们的设计要求。那么一个合格的设计师应该具备什么样的能力呢?主要有以下几点:一、软件熟练操作能力任何一个设计师,没有谁不会用软件,所以软件是必须必备的一个能力二、沟通能力做设计,会经常拿到一些需求,你得和客户,上司沟通,以最为精准的沟原创 2020-09-25 10:45:51 · 92 阅读 · 0 评论 -
这几年火遍全世界的Python势头还这么强?
前段时间,潘石屹几乎将旗下几个耳熟能详的SOHO地标项目,售卖一空。坊间舆论躁动,以为潘石屹要学李嘉诚一手,纷纷网络讨伐:“别让潘石屹跑了!”但他却很镇定,在56岁生日当天,发了条微博,没聊地产,没卖苹果,也没po摄影作品,而是宣布要进军编程语言:Python。一个地产商,不盖房,竟然搞起编程了。Python的魔力真的这么大吗?Python也火了几年了,而且热度不减。自从20世纪90年代初Python语言诞生至今,它已被广泛应用于系统管理任务的处理和Web编程。还没了解Pytho.原创 2020-09-25 10:43:12 · 110 阅读 · 0 评论 -
想成为一名物联网工程师,需要学习哪些知识?
我认为想要成为一名物联网工程师需要学习一下几个方面:1、物联网产业与技术导论:全面了解物联网之RFID、M2M、传感网、两化融合等技术与应用。2、C语言程序设计:物联网涉及底层编程,C语言为必修课,同时需要了解OSGi,OPC,Silverlight等技术标准。3、单片机原理及应用:物联网的底层单片机及其相关应用技术,包括控制、多媒体等。4、Java程序设计:物联网应用层,服务器端集成技术,开放Java技术也是必修课,同时需要了解Eclipse,SWT,Flash,H...原创 2020-09-25 10:29:26 · 2062 阅读 · 0 评论 -
HTML5前端开发就业前景,高薪背后的原因分析
国家统计局披露数据显示,2019年全国城镇非私营单位(以下简称“非私营单位”)就业人员年平均工资为90501元,城镇私营单位(以下简称“私营单位”)就业人员年平均工资为53604元。值得注意的是:IT业年均工资超16万元,IT业连续第四年保持第一。IT行业已成为中国第一大产业,更是国家经济进步的重要推动力。未来5年,我国信息化人才需求量将达到1500万~2000万人!其中,软件开发以及网络工程的人才缺口最为突出,这便拉升了相关专业人才薪资的绝对“高度”。就拿HTM...原创 2020-09-25 10:03:42 · 211 阅读 · 0 评论 -
如何把一张照片用PS做成漫画风格
如何把一张照片用PS做成漫画风格 原素材 漫画天空1、打开ps,打开素材,然后按住ctrl+j,复制一个图层,并修改好名字。如下图操作2、执行「滤镜」–「滤镜库」–「干画笔」,如图所示,三个参数分别是「0」、「10」、「2」。3、执行[滤镜]–「Camera Raw 滤镜」,把「曝光」调大、「对比」调小,把「阴影」和「黑色」直接拉到最大,这样可以把照片的暗部凸现出来。4、添加一个色彩平衡调整层,调整中间调整为19 14 -04、添加一...原创 2020-09-25 10:02:52 · 1324 阅读 · 0 评论