义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com 专注编程,迈向人工智能时代 Sat, 12 Aug 2017 22:13:15 +0000 zh-CN hourly 1 https://wordpress.org/?v=4.7.8 义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/461.html http://code.ywbb.com/461.html#respond Sat, 12 Aug 2017 22:13:15 +0000 http://code.ywbb.com/?p=461
【威哥说】在我的QQ上经常会收到小伙伴们的留言,诉说他们学习过程中遇到个各种问题,由于磨砺营的课程比较紧凑,威哥不仅仅要上课,还需要辅导同学们,所以不能及时的回复线上大家提出的问题,今天针对一个在校大学生的留言,我想和大家简单的聊一下。 九条建议助你学好编程 你好,留住少年,很高兴我的视频可以帮助到你,自学的历程是艰辛的,你能坚持下来非常不错,也希望你能继续坚持下去,编程的路很长,最后能从事这个工作并持续多年的人都是好样的,因为选择编程就意味着选择了要不断学习,很多人从事了几年后就转行了,不愿持续去学习新技术是很大的原因。技术是不断更新的,在这个行业,“学无止境”这个词,我认为最能表达切身体会,也是很能体现自我价值和成就的工作之一。社会在发展,国家在转型,正所谓“科技是第一生产力”,未来一定是通过高新技术来拉动社会经济发展的,而不是靠传统的高密度,低成本的劳动力,那个时代已经过去了。好了,不扯蛋了,进入我们的正题吧。 关于你的问题 你的问题我想是很多在自学路上的人都会遇到的问题,很多人都跟我交流过,通过看视频自学,然而效果不尽人意,代码也跟着敲了,就是记不住,很快也忘记了,说实话,这样能坚持下来的,对于自学来说也是很棒了,在10几年的工作与教学中,我总结了一些经验,我经常跟学员们说,“孰能生巧”,这四个字说起来简单,道理谁都懂,但真正去执行的一定是优秀的,千万切记“自以为”会了,其实还是不会,下面我总结了9条建议,供大家参考,学习方法各式各样,我说的也不一定适合所有人,但我们的目标是一样的,就是尽可能多的理解和记住,并可以应用到开发中。开始了,小板凳准备好了没(^^开个玩笑) 我建议的学习方法 1、听懂 通过视频来作为入门学习,是一个很好的方法,尤其是有一整套视频最好(有需要的童鞋可以在公众号联系我哈),这样可以比较好的系统学习整个知识结构,学习技术视频可不要跟看小片一样,一遍过后就完事,这样是不行滴,我班里有个童鞋,在学习磨砺营内部视频时,那家伙,太细太细了,里面的每一句话的表达都要深究,我有时难免口误,或漏了几个字,他特意记下来找到我,清楚的告诉我哪一节视频的几分几秒说的哪句话他认为有问题,或不理解,这给我印象很深。我想强调的是,他这种细致入微的方式一定是被鼓励的。学技术,就得要抠一点,抠一抠,再抠一抠,这跟做人刚好相反哈,做人抠,你会没有朋友,但学技术,抠——能让你知道更多东西,从这一点上看来,还是自私一点好。听懂讲什么,是学习的第一步。 2、理解 学Java/Android,是需要较好的逻辑能力的,几个步骤回合下来就云里雾里的,多遍下来还没有改善的,就可能怀疑你不太适合了,我经常建议我的学员们,写程序一定要先理解,明白每句代码的含义及作用,然后在理解的基础上再去敲代码,当然有些知识点需要其他未知的知识来辅助的情况,这个时候只需要先用,不必纠结,否则反复无法理解会起反作用,比如,烦躁、被打击、怀疑、最后放弃,直接影响后面的学习效果,当然有人带的好处是,老师会凭经验告诉你什么是必须理解的,什么是了解的,什么是先用就可以了,必竟短期内要学的东西太多,突击重点,然后扩展自己的知识面,才是正确的做法,等你真正工作个几年,时间长了,自然会明白很多东西,因为几年的工作和锻炼,你的理解能力和接触的知识量,足于让你轻松理解更多之前被认为复杂的知识点。这是学习的第二步。 3、模仿 有了前面的理解,接下来就是先模仿了,这是学习任何东西的前奏,你试想一下,学打篮球(为了耍酷)、学游泳(为了看MM)、学武术(为了银熊救美)、学唱歌(为了把妹)、学乐器(装下文艺)、学开车(争做老司机)等等,哪一个不是从模仿开始的,这个道理我想大家都懂,但下一步就不一定了,就是很多人认为跟着敲一遍就会了,要我说,刚学敲一遍就会,那你是神人了,学打个篮球你都会反复练习投三分,来提高命中率;反复练习挂档,来达到不经过大脑就可以自然反应;反复练嗓子才能发出动听的旋律……模仿是前提,但反复模仿很少人能做到,之前带过一个学员,给我印象很深刻,都叫他小海,敲键盘的速度比一般人快很多,人也很聪明,脑瓜子好使,我上课写的代码,在让大家练习的时候,他可以敲三遍,敲一遍删掉,再敲一遍再删掉,最后敲一遍留着,你可以说人打字快啊,那我想问,自学的时间纯由自己安排,你每个程序都可以模仿三遍的话,你一定懂得更多。这是学习的第三步。 4、练习 模仿是纯照着写代码,去理解代码内部的结构和思想、解决问题的思路。这些,需要在不断的学习过程慢慢去建立,说白了,你要学的不仅是代码,还有解决问题的方法,告诉你,在一般的程序实现中,每个问题都有一些固定的解决思路,俗称“套路”,你要掌握的各种各样的套路,并可以灵活运用。说的轻巧,如何达到灵活运用?这就得靠练习了,练习我认为是有别与模仿的,就像我们每天给学员留的作业一样,这个可以称为练习,练习会用到今天上课讲的知识点,但又不是上课讲的代码,需要你根据对知识点的理解,加上举一反三的能力,参考上课的示例,去独立完成,这是跟模仿最大的区别,因为这个过程你需要独立思考,这是学习的第四步。 5、笔记 威哥,我记不住啊,学了后面的忘了前面的,怎么办?这样我能学会吗?是的,这是大家都会遇到的问题,学得越多,忘得越多,不要说刚接触编程的人了,就是老手,一段时间不用某个知识点,也会忘记的,我也一样,这是很正常的情况,对于刚开始学的人来说,更为明显而已,一下子知识点那么多。所以,笔记就来了,在学习每个知识点的时候,做好详细的笔记,是帮助记忆非常好的方法,越细越好,笔记需要包括知识点的概念,作用,使用场景,使用步骤与说明,代码示例,重点强调,知识的小结等。我会要求学员跟我一起做笔记,切勿做拿来主义,把别人的笔记复制粘贴过来,因为做笔记的过程就是在整理思路和梳理重点的过程,复制粘贴根本达不到效果。繁琐的东西让笔记来帮助我们记忆,当然脑子里能记的越多越好,起码要记住思想性的、思路、重点和总结性的东西。这是学习的第五步。 6、反复练习 反复练习,就是孰能生巧的过程,在反复的过程中,你要、而且必须是提高性的反复练习,要问问自己,之前的代码有什么问题吗,是不是有改进的地方(放心,一定会有的,只是你没想到),是不是可以优化性能,是不是可以封装一下,等等,这个过程是你技术得到升华的时候,就像我这么多年讲课一样,如果每一遍都讲成一样的,那我早放弃了,那会是件很无聊的事情,自己也没有提升,所以我每一遍上课都会有不一样的地方。我知道你会问,那我根本想不到有什么可以改进的,有什么可以优化的,有什么可以封装的,代码有什么问题,怎么办?没关系,所以说这是反复练习,可不要理解为跟模仿一样,反复练习是指一段时间过后反复使用之前的学过的知识点,随着你的知识面和代码量的增加,或者查阅资料的方式,只要你想去做,你就会提高。这是学习的第六步。 7、多维思考 多维思考问题是指,你要学会寻找资料,不管从简单的google或baidu,还是泡技术网站,再比如关注我这样的技术类公众号,看看每天的文章(风雨无阻哈),有些看不懂没关系,起码你能拓展自己的知识面,有些东西现在看不懂,那就了解一下,有一天你用到了,自然就会懂了,用不到知道就行了,技术的世界那么大,不是每个技术你都要学会的,如果你真学会了,那也离死不远了,做到知识面要广,技术要专即可,多维思考可以帮助你积累拓展知识面,也会让你对相同的知识用法有不同的见解,这是学习的第七步。 8、记单词 学编程跟英语能力说实话关系不会太大,英语好当然是有帮助的,代码全是英文,跟英文一点关系没有那是假话,但英语不好也不是就学不好编程,有一次我上一个国外技术网站,跟老外聊天,我说我不懂英文聊天,好不容易憋出几个词来,然后他说,那你是怎么学会编程的,我说写代码跟英文聊天是两码事,我懂计算机英语,生活上的无法交流,让他们惊讶不已,感叹中国程序员如此强大(^^),确实,在学习编程的过程,我们当然要记单词了,不然那么多方法,名词不懂,是记不住代码的,这个千万不要拒绝,记多了,你会发现常用的单词其实不多,不懂一定要查,用多了自然就记住了,由其是Android开发中,各种属性、内部方法、源码,你要是都看不懂单词,会给你带来很大的麻烦。想学好,必记单词。这是学习的第八步。 9、总结 学会总结,才是硬道理,总结是学习的精髓,也是要记在脑子里的最重要的东西,细节部分可以靠笔记辅助,精髓要是没有提炼出来,你会很快忘记,总结的方式有很多种,比如脑子里详详细细过一遍今天学习的东西,注意,这里我要强调的详细,只有这样,你才能总结出精髓出来,然后可以记下来,或写成博客,或空间日记,都是很好的习惯,你知道为啥很多人在网上写博客吗,其实他是帮助自己梳理思路,又能帮助到他人,还能备忘,如果写得好,说不定还能提升自己的个人价值,一举多得啊,只是要坚持下来是不易的,但起码你要学会自己去总结。一句说,不会总结的人,成不了老司机。 以上给大家总结了9点学习方法,只是个人的见解,如果某一点能够帮助到你,那我写这篇文章就非常值了,如有不同意见也欢迎一起探讨,必竟学习方法这种东西,各人有各人的方式,好方法能与大家一起分享,帮助更多人,我们就是在发扬互联网的开放、平等、协作、分享精神。 (完)
]]>
http://code.ywbb.com/461.html/feed 0
义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/459.html http://code.ywbb.com/459.html#respond Thu, 10 Aug 2017 22:47:42 +0000 http://code.ywbb.com/?p=459 PHP爱好者
Web前端技术由html、css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍。目的是帮助大家审查自己的知识结构是否完善,如有遗漏或不正确的地方,希望共勉。 Web前端知识体系精简 JAVASCRIPT 篇 0、基础语法 Javascript基础语法包括:变量定义、数据类型、循环、选择、内置对象等。 数据类型有string,number,boolean,null,undefined,object等。其中,string,number和boolean是基础类型,null和undefined是JS中的两个特殊类型,object是引用类型。 Javascript可以通过typeof来判断基础数据类型,但不能够准确判断引用类型, 因此需要用到另外一个方法,那就是Object的toString。 JS常用的内置对象有Date、Array、JSON,RegExp等。 一般来讲,Date和Array用的最频繁,JSON可以对对象和数组进行序列化和反序列化,还有一个作用就是实现对象的深拷贝 RegExp即正则表达式,是处理字符串的利器。 1、函数原型链 Javascript虽然没有继承概念,但Javascript在函数Function对象中建立了原型对象prototype,并以Function对象为主线,从上至下,在内部构建了一条原型链。 简单来说就是建立了变量查找机制,当访问一个对象的属性时,先查找对象本身是否存在,如果不存在就去该对象所在的原型连上去找,直到Object对象为止,如果都没有找到该属性才会返回undefined。 因此我们经常会利用函数的原型机制来实现JS继承。 2、函数作用域 函数作用域就是变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。在JS中没有会块级作用域,只有函数作用域,因此JS中还存在着另外一种怪异现象,那就是变量提升 3、函数指针 this this 存在于函数中,它指向的是该函数在运行时被调用的那个对象。在实际项目中,遇到this的坑比较多,因此需要对this作深入的理解。 Function对象还提供了call、apply和bind等方法来改变函数的this指向,其中call和apply主动执行函数,bind一般在事件回调中使用,而call和apply的区别只是参数的传递方式不同。 4、构造函数 new JS中的函数即可以是构造函数又可以当作普通函数来调用,当使用new来创建对象时,对应的函数就是构造函数,通过对象来调用时就是普通函数。 普通函数的创建有:显式声明、匿名定义、new Function() 等三种方式。 当通过new来创建一个新对象时,JS底层将新对象的原型链指向了构造函数的原型对象,于是就在新对象和函数对象之间建立了一条原型链,通过新对象可以访问到函数对象原型prototype中的方法和属性。 5、闭包 闭包其实是一个主动执行的代码块,这个代码块的特殊之处是可以永久保存局部变量,但又不污染全局变量,可以形成一个独立的执行过程,因此我们经常用闭包来定义组件。 6、单线程和异步队列 setTimeout和setInterval是JS内置的两个定时器,使用很简单,但这两个方法背后的原理却不简单。 我们知道,JS是单线程语言,在浏览器中,当JS代码被加载时,浏览器会为其分配一个主线程来执行任务(函数),主线程会形成一个全局执行环境,执行环境采用栈的方式将待执行任务按顺序依次来执行。 但在浏览器中有一些任务是非常耗时的,比如http请求、定时器、事件回调等,为了保证其他任务的执行效率不被影响,JS在执行环境中维护了一个异步队列(也叫工作线程),并将这些任务放入队列中进行等待,这些任务的执行时机并不确定,只有当主线程的任务执行完成以后,才会去检查异步队列中的任务是否需要开始执行。这就是为什么setTimeout(fn,0) 始终要等到最后执行的原因。 7、异步通讯 Ajax技术 Ajax是浏览器专门用来和服务器进行交互的异步通讯技术,其核心对象是XMLHttpRequest,通过该对象可以创建一个Ajax请求。为了防止XSS攻击,浏览器对Ajax做了限制,不允许Ajax跨域请求服务器,就是只能访问当前域名下的url。 当然,如果确信你的站点不存在跨域的风险,可以在服务端主动开启跨域请求。 也可以直接通过CORS或JSONP来实现。 JSONP是利用脚本(script)跨域能力来模拟Ajax请求。 CORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 8、DOM对象 document document对象里保存着整个web页面dom结构,在页面上所有的元素最终都会映射为一个dom对象。 document也提供了很多api来查找特定的dom对象,比如getElementById,querySelector等等。 9、事件系统 Event 事件是用户与页面交互的基础,到目前为止,DOM事件从PC端的 鼠标事件(mouse) 发展到移动端的 触摸事件(touch) 和 手势事件(guesture) 由于DOM结构可能会多层嵌套,因此也衍生出了两种事件流:事件捕获和事件冒泡,后者最常用。利用事件冒泡机制可以实现很多功能,比如页面点击统计。 除此之外,在页面初始化、滚动、隐藏、返回等操作时分别内置了onload/onDOMContentLoaded、onscroll、onvisibility和onhashchange等事件,如果想要捕获这些事件,需要通过addEventLisener/attachEvent来进行绑定。 10、全局对象 window 在JS中,当一段JS代码在浏览器中被加载执行,JS引擎会在内存中构建一个全局执行环境,执行环境的作用是保证所有的函数能按照正确的顺序被执行,而window对象则是这个执行环境中的一个全局对象,window对象中内置了很多操作api和对象,document对象就是其中一个。 CSS 篇 css是用来对html进行修饰的一门语言。 1、选择器 css的选择器有很多种,常用的有类选择器、标签选择器、ID选择器、后代选择器、群组选择器、伪类选择器(before/after)、兄弟选择器(+~)、属性选择器等等。 2、定位 position 定位一般有相对定位(relative)、绝对定位(absolute)、固定定位(fixed),relative和absolute在移动端用的最多,fixed 在移动端有兼容性问题,因此不推荐使用,在移动端替代fixed的方案是 absolute+内部滚动。 3、浮动 float 设置float为left或right,就能使该元素脱离文档流,向左或向右浮动。一般在做宫格模式布局时会用到,如果子元素全部设置为浮动,则父元素是塌陷的,这时就需要清除浮动,清除浮动的方法也很多,常用的方法是在元素末尾加空元素设置clear:both, 更高级一点的就给父容器设置before/after来模拟一个空元素,还可以直接设置overflow:auto/hidden。除过浮动可以实现宫格模式,行内盒子(inline-block)和table也可以。 4、盒子模型 Box 盒子模型是css最重要的一个概念,也是css布局的基石。 常见的盒子模型有块级盒子(block)和行内盒子(inline-block),盒子最关键的几个属性包括margin、border、padding和content,这几个元素可以设置盒子和盒子之间的关系以及盒子和内容之间的关系。还有一个问题是计算盒子的大小,需要注意的是,box-sizing属性的设置会影响盒子的width和height。只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。 5、弹性布局 Flex Flex布局的容器是一个伸缩容器,首先容器本身会更具容器中的元素动态设置自身大小;然后当Flex容器被应用一个大小时(width和height),将会自动调整容器中的元素适应新大小。Flex容器也可以设置伸缩比例和固定宽度,还可以设置容器中元素的排列方向(横向和纵向)和是否支持元素的自动换行。有了这个神器,做页面布局的可以方便很多了。注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 6、过渡 Transition 、旋转 Transform 应用transform可以对元素进行平移(translate)、旋转(rotate)、放大缩小(scale)、倾斜(skew)等处理,而transition使css属性值(包括transform)在一段时间内平滑的过渡。使用transition和transform就可以实现页面的滑动切换效果。 7、动画 Animation Animation首先需要设置一个动画函数,然后以这个动画的方式来改变元素的css属性之的变化,动画可以被设置为永久循环演示。 和transition相比,animation设置动画效果更灵活更丰富,二者还有一个区别是:transition只能通过主动改变元素的css值才能触发动画效果,而animation一旦被应用,就开始执行动画。 8、雪碧图 sprite 对于大型站点,为了减少http请求的次数,一般会将常用的小图标排到一个大图中,页面加载时只需请求一次网络, 然后在css中通过设置background-position来控制显示所需要的小图标。 9、字体图标 iconfont 所谓字体图标就是将常用的图标转化为字体资源存在文件中,通过在CSS中引用该字体文件,然后可以直接通过控制字体的css属性来设置图标的样式。 HTML 篇 1、Web语义化 和 SEO html 常规标签有html,head,body,div,span,table,ul,ol,dl,p,b,h1~h6,strong,form,input,img,em,i 等等,另外html5 还新增了很多语义化的标签,比如header,acticle,aside,section,footer,audio,radio 等等。 Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。 SEO是指在了解搜索引擎自然排名机制的基础之上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中关键词的自然排名,获得更多的展现量,吸引更多目标客户点击访问网站,从而达到互联网营销及品牌建设的目标。 搜索引擎通过爬虫技术获取的页面就是由一堆html标签组成的代码,,人可以通过可视化的方式来判断页面上哪些内容是重点,而机器做不到。 但搜索引擎会根据标签的含义来判断内容的权重,因此,在合适的位置使用恰当的标签,使整个页面的语义明确,结构清晰,搜索引擎才能正确识别页面中的重要内容,并予以较高的权值。比如h1~h6这几个标签在SEO中的权值非常高,用它们作页面的标题就是一个简单的SEO优化。 2、页面渲染机制 页面渲染就是浏览器的渲染引擎将html代码根据CSS定义的规则显示在浏览器窗口中的过程。大致工作原理如下:
  1. 用户输入网址,浏览器向服务器发出请求,服务器返回html文件;
  2. 渲染引擎开始载入html代码,并将HTML中的标签转化为DOM节点,生成DOM树;
  3. 如果<head>中引用了外部css文件,则发出css文件请求,服务器返回该文件;
  4. 如果<head>中引用了外部js文件,则发出js文件请求,服务器返回该文件后开始运行;
  5. 渲染引擎继续载入html中的<body>部分的代码,并开始解析前面返回的css文件,然后根据css选择器计算出节点的样式,创建渲染树;
  6. 从根节点递归调用,计算每一个元素的大小、位置等,给每个节点所应该出现在屏幕上的精确坐标;
  7. 如果body中的<img>引用了图片资源,则立即向服务器发出请求,此时渲染引擎不会等待图片下载完毕,而是继续渲染后面的代码;
  8. 服务器返回图片文件,由于图片占用了一定面积,影响了后面段落的排版,因此引擎需要回过头来重新渲染这部分代码;
  9. 如果此时js脚本中运行了style.display=”none”, 布局被改变,引擎也需要重新渲染这部分代码;
  10. 直到</html>为止,页面渲染完毕。
3、重绘和回流 当渲染树中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流。比如上面的img文件加载完成后就会引起回流,每个页面至少需要一次回流,就是在页面第一次加载的时候。 当渲染树中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。则就叫称为重绘。 从上面可以看出,回流必将引起重绘,而重绘不一定会引起回流。 会引起重绘和回流的操作
  1. 添加、删除元素(回流+重绘)
  2. 隐藏元素,display:none(回流+重绘),visibility:hidden(只重绘,不回流)
  3. 移动元素,比如改变top,left,transform的值,或者移动元素到另外一个父元素中。(重绘+回流)
  4. 对style的操作(对不同的属性操作,影响不一样)
  5. 还有一种是用户的操作,比如改变浏览器大小,改变浏览器的字体大小等(回流+重绘)
4、本地存储 本地存储最原始的方式就是 cookie,cookie 是存放在本地浏览器的一段文本,数据以键值对的形式保存,可以设置过期时间。 但是 cookie 不适合大量数据的存储,因为每请求一次页面,cookie 都会发送给服务器,这使得 cookie 速度很慢而且效率也不高。因此cookie的大小被限制为4k左右(不同浏览器可能不同,分HOST),如下所示:
  1. Firefox和Safari允许cookie多达4097个字节,包括名(name)、值(value)和等号。
  2. Opera允许cookie多达4096个字节,包括:名(name)、值(value)和等号。
  3. Internet Explorer允许cookie多达4095个字节,包括:名(name)、值(value)和等号。
在所有浏览器中,任何cookie大小超过限制都被忽略,且永远不会被设置。 html5提供了两种在客户端存储数据的新方法:localStorage 和 sessionStorage, 它们都是以key/value 的形式来存储数据,前者是永久存储,后者的存储期限仅限于浏览器会话(session),即当浏览器窗口关闭后,sessionStorage中的数据被清除。 localStorage的存储空间大约5M左右(不同浏览器可能不同,分 HOST),这个相当于一个5M大小的前端页面的数据库,相比于cookie可以节约带宽,但localStorage在浏览器隐私模式下是不可读取的,当存储数据超过了localStorage的存储空间后会抛出异常。 此外,H5还提供了逆天的websql和indexedDB,允许前端以关系型数据库的方式来存储本地数据,相对来说,这个功能目前应用的场景比较少,此处不作介绍。 5、浏览器缓存机制 浏览器缓存机制是指通过 HTTP 协议头里的 Cache-Control(或 Expires)和 Last-Modified(或 Etag)等字段来控制文件缓存的机制。 Cache-Control 用于控制文件在本地缓存有效时长。最常见的,比如服务器回包:Cache-Control:max-age=600 表示文件在本地应该缓存,且有效时长是600秒(从发出请求算起)。在接下来600秒内,如果有请求这个资源,浏览器不会发出 HTTP 请求,而是直接使用本地缓存的文件。 Last-Modified 是标识文件在服务器上的最新更新时间。下次请求时,如果文件缓存过期,浏览器通过 If-Modified-Since 字段带上这个时间,发送给服务器,由服务器比较时间戳来判断文件是否有修改。如果没有修改,服务器返回304告诉浏览器继续使用缓存;如果有修改,则返回200,同时返回最新的文件。 Cache-Control 通常与 Last-Modified 一起使用。一个用于控制缓存有效时间,一个在缓存失效后,向服务查询是否有更新。 Cache-Control 还有一个同功能的字段:Expires。Expires 的值一个绝对的时间点,如:Expires: Thu, 10 Nov 2015 08:45:11 GMT,表示在这个时间点之前,缓存都是有效的。 Expires 是 HTTP1.0 标准中的字段,Cache-Control 是 HTTP1.1 标准中新加的字段,功能一样,都是控制缓存的有效时间。当这两个字段同时出现时,Cache-Control 是高优化级的。 Etag 也是和 Last-Modified 一样,对文件进行标识的字段。不同的是,Etag 的取值是一个对文件进行标识的特征字串。在向服务器查询文件是否有更新时,浏览器通过 If-None-Match 字段把特征字串发送给服务器,由服务器和文件最新特征字串进行匹配,来判断文件是否有更新。没有更新回包304,有更新回包200。Etag 和 Last-Modified 可根据需求使用一个或两个同时使用。两个同时使用时,只要满足基中一个条件,就认为文件没有更新。 另外有两种特殊的情况:
  1. 手动刷新页面(F5),浏览器会直接认为缓存已经过期(可能缓存还没有过期),在请求中加上字段:Cache-Control:max-age=0,发包向服务器查询是否有文件是否有更新。
  2. 强制刷新页面(Ctrl+F5),浏览器会直接忽略本地的缓存(有缓存也会认为本地没有缓存),在请求中加上字段:Cache-Control:no-cache(或 Pragma:no-cache),发包向服务重新拉取文件。
6、History操作 用户访问网页的历史记录通常会被保存在一个类似于栈的对象中,即history对象,点击返回就出栈,跳下一页就入栈。 它提供了以下方法来操作页面的前进和后退:
  1. window.history.back() 返回到上一个页面
  2. window.history.forward() 进入到下一个页面
  3. window.history.go([delta]) 跳转到指定页面
HTML5 对History Api 进行了增强,新增了两个Api和一个事件,分别是pushState、replaceState 和 onpopstate pushState是往history对象里添加一个新的历史记录,即压栈。 replaceState 是替换history对象中的当前历史记录。 当点击浏览器后退按钮或 js调用history.back都会触发onpopstate事件。 与其类似的还有一个事件: onhashchange,onhashchange是老API, 浏览器支持度高, 本来是用来监听hash变化的, 但可以被利用来做客户端前进和后退事件的监听,而onpopstate是专门用来监听浏览器前进后退的, 不仅可以支持hash, 非hash的同源url也支持。 7、HTML5离线缓存 HTML5离线缓存又叫Application Cache,是从浏览器的缓存中分出来的一块缓存区,如果要在这个缓存中保存数据,可以使用一个描述文件(manifest file),列出要下载和缓存的资源。 manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。manifest 文件可分为三个部分: – CACHE MANIFEST – 在此标题下列出的文件将在首次下载后进行缓存 – NETWORK – 在此标题下列出的文件需要与服务器的连接,且不会被缓存 – FALLBACK – 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面) 离线缓存为应用带来三个优势:
  1. 离线浏览 – 用户可在应用离线时使用它们
  2. 速度 – 已缓存资源加载得更快
  3. 减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。
8、Canvas 和 SVG Canvas 通过Javascript 来绘制 2D 图形。Canvas 是逐像素进行渲染的。在 Canvas 中,一旦图形被绘制完成,它就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图形覆盖的对象。 SVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。你可以为某个元素附加 JavaScript 事件处理器。在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。 Canvas和SVG相比,canvas更依赖于分辨率,不支持事件处理器,文本渲染能力弱,比较适合密集型游戏,其中的许多对象会被频繁绘制,而svg则比较适用于类似谷歌地图带有大型渲染区域的应用程序。
]]>
http://code.ywbb.com/459.html/feed 0
义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/458.html http://code.ywbb.com/458.html#respond Thu, 10 Aug 2017 22:34:42 +0000 http://code.ywbb.com/?p=458
本人学过编程,但不了解相机程序的编制语言。但根据相机硬件特性来看,相机程序应该是汇编语言或者是C系列语言编出来的。 既然说到编程语言,就顺便再安利几句为什么我认为是汇编和C编出来,这是依据这两种语言的特性决定的。 汇编语言是一种用于电子计算机、微处理器、微控制器或其他可编程器件的低级语言。它通常被应用在底层,像硬件操作和高要求的程序优化的场合,以及驱动程序、嵌入式操作系统和实时运行程序都会用到汇编语言。 C语言是一门通用计算机编程语言,应用广泛。可以通过简易的方式进行编译、以及不需要任何运行环境支持便能运行,还提供了许多低级处理的功能。
 web设计的色彩
了解这个问题,首先要明白嵌入式设备的生产流程及原理。 一台嵌入式设备,这里就以相机为例。核心部分是CPU,也就是运算核心,总控大脑,当然相机还包含CCD、CMOS这类的感光芯片,也是属于相机的核心部分。这些芯片,通常是由芯片生产厂商直接集成到一块PCB线路板上,俗称开发板。然后由芯片厂商根据芯片的指令集提供相应的操作系统,通常都是UNIX系列的改版系统。到这一步,基本都是汇编范畴,也是开发者不用太过关心的部分。这个操作系统会提供给中间层的开发者一套API,这套API绝大多数都是基于C语言。 相机厂商购买芯片厂商的开发板之后(这里分开叙述是为了使步骤明确,很多相机厂商自己同时也是芯片厂商,没有芯片制造能力的相机厂商,则可以采用购买的方式),首先根据芯片厂商提供的API文档为自己生产的硬件编写驱动程序,再在操作系统的基础上编写启动后的逻辑应用,比如加载驱动、显示用户界面等等。这部分开发叫做中间件开发,中间件开发最终会将操作系统、驱动程序、可执行的逻辑应用全部打包并且采用一定的压缩算法(这一步可选,根据相机ROM大小而定),生成一个适应相机ROM大小的firmware,也就是最终使用者可以遇到的固件升级里面的“固件”。这个固件会通过串口或者其他连接方式烧录到相机的ROM当中。 同时中间件厂商会提供给上层应用开发者一套基于自己的逻辑应用而开发的SDK,如NikonCtrl、EosCtrl、SonyWifiCtrl、EDSDK等等。这些SDK对上层提供的也是C接口。上层应用开发者可以使用这些SDK开发运行于PC、PAD、Mobile等设备上的应用程序,这些应用程序可以通过这样的路径【App→SDK→中间件逻辑应用→驱动程序→硬件】来实现控制相机的目的。
]]>
http://code.ywbb.com/458.html/feed 0
义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/455.html http://code.ywbb.com/455.html#respond Thu, 10 Aug 2017 09:08:22 +0000 http://code.ywbb.com/?p=455
今年的应届毕业生,想在前端这一块发展,目前掌握的技能有html、css,和jq插件,可以完成简单的网站, 成为一名合格的前端,需要掌握哪些技能,恳请大神给一个学习顺序。 现在在一家做网络优化的公司实习
基础篇:HTML+CSS+JavaScript 框架:Bootstrap 工具:IDE(DW,Eclipse,Webstorm任学其一),编辑器Sublime Text 浏览器:Firefox,Chrome,IE内核方面(要初略的了解Trident, Webkit等) 浏览器调试插件:Firebug, Web Developer等。 自动化工具:Gulp/Grunt,Browser-sync。 设计工具:Photoshop,切图cutterman,标注Markman 云笔记:有道云笔记 or 印象笔记——记录工作和生活中的点滴,多写总结。 WordPress:自己有可能,用wordpress做一个博客,自己来学习一下Linux和维护一个网站。 进阶篇:JavaScript进阶——看看犀牛书,修炼内功必备。 学习语义化编程:HTML进阶——JadeCSS进阶——SASS+LESS参与到开源项目或者其他项目组,实战。 ——Github学习Git或者SVN的使用——版本管理思想与同事同学朋友分享你学习到知识。 高级篇:学习前端+后端:Linux,数据库,框架。。。。 1. 目前使用的工具是Vscode(前端神器,谁用谁知道)+ Webstrom(代码提示很方便) 2. 主要使用Chrome进行调试(方便手机调试,常用功能network,source)→网上可以搜索一下chrome前端调试 3. 自动化工具这块,常用Gulp+lite-server可以对付简单项目,大型项目这个应该有先人已经配了吧?别自己造轮子。 4. 学会翻墙。(无论是VPN还是SS,不花钱想高质量高流量高网速的浏览国外的站那是不可能的) 5. 看看国外的高质量的学习编程的网站:Udemy, Codecademy, Coursera(没时间?打游戏都有时间;不懂英文?谁叫你上英语课的时候看小说了?Youtube可以点一下“字幕”看字幕去。) 6. 参加交流会。 7. 自律。
]]>
http://code.ywbb.com/455.html/feed 0
义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/451.html http://code.ywbb.com/451.html#respond Wed, 09 Aug 2017 22:45:22 +0000 http://code.ywbb.com/?p=451 IT168企业级
随着编程世界的最新发展而自我更新,对程序员来说是必须的。类似的,了解最流行的编程语言和技术也很重要。根据最新调查,JavaScript是最常用的编程语言,而Java是最流行的编程语言。 2017年最流行和最常用的编程语言调查 在2017年,关于学习编程的重要性的讨论变得越来越重要,因为编码的价值得到了高度肯定。如果你是编程世界的新手,学习像Python这样的语言可以帮助你。简单的语法更易上手。当程序员了解多种语言之后,就可以用不同的方法来解决问题。 该调查在2017年被评为“开发者生态状态大调查”,参与的开发人员超过5000人。它分析了最流行的编程语言,大多数程序员使用的编程语言和要切换的语言趋势。 所以,接下来让我们告诉你这些趋势: 14个最常用的编程语言 注意:这里提到的一些语言不是典型的编程语言,例如HTML,但它们被广泛的使用,JetBrains便将它们添加到了列表中。 2017年最流行和最常用的编程语言调查 14大最流行的主要编程语言 2017年最流行和最常用的编程语言调查 怎么样?符合你的预期吗?
]]>
http://code.ywbb.com/451.html/feed 0
义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/448.html http://code.ywbb.com/448.html#respond Wed, 09 Aug 2017 22:43:24 +0000 http://code.ywbb.com/?p=448 本文将继续为大家解析各种应用场景下的最佳编程语言。
Web快速开发 再度解析各种应用场景下的最佳编程语言 PHP PHP的设计初衷是成为简化和加速服务器端Web开发的工具。有很多人说PHP是一种设计不善的语言,其实不然,PHP根本就没有设计,甚至都不能称之为语言。 PHP之父Rasmus Leedorf曾经如此描述过PHP: “I really don’t like programming. I built this tool to program less so that I could just reuse code. [..] I don’t know how to stop it, there was never any intent to write a programming language […] I have absolutely no idea how to write a programming language, I just kept adding the next logical step on the way.” PHP之所以能够存在,并不是因为其美观或者是安全,而是因为它的不可替代性。几年前,PHP成为了服务器端开发唯一的简单方法,易于部署,并且为Web开发提供了大量的库。直到现在,CMS仍然是PHP重要的根据地。 但是如今这个领域竞争激烈,尽管PHP仍然是使用最广泛的服务器端语言,但它已不再是唯一的选择。当然,PHP自身也有了很大的改进,PHP 7已经成为真正意义上的语言了,具有很多良好的Web开发框架,如 Laravel 和 Phalcon,之后也会朝着更强大、安全和成熟的方向发展。 与此同时,PHP其实还受着起源的影响,现在PHP能够创建体验更好的代码,但是用户却很少这样去做,因为大部分用户使用PHP都是因为其简单,所以,在招聘PHP程序员时一定要注意甄别。 苹果软件 再度解析各种应用场景下的最佳编程语言 在开发过程中,我们可能会遇到这样的情况,在不知道产品最终形态的情况下,就要开始创建,而创建时必须要选择一种编程语言。这种情况在与小企业合作时,或者是自由开发人员会经常碰到,这时应该如何选择编程语言呢? C# 当你有不稳定或者不同的需求时,你就需要选择一种能够适应所有情况的语言,它不仅应该是一种理论上的通用语言,而且可以用来构建各种各样的东西,如果能够有一些工具协助那就再好不过了。在这些条件下,C#会是一个很好的选择。 C#并不是一个革命性的语言,而是一个更好的Java和C ++版本。C#、Java和C++都在不断的发展,所以对于上述说法,也一直存在着争议。技术上,C#有一些独特的支持,如LINQ,便于数据查询。 C#的实际应用例子有很多,如桌面软件(Windows)、游戏(MonoGame,Unity),网站开发(ASP.NET Core)、移动(Xamarin)和嵌入式系统(.NET Micro Framework)。还有一些软件是基于C/C++,如.NET Micro Framework、Unity等等,但它们的最终目的是支持C#。 平台 Java和C#的一个重要区别就是,Java旨在可移植性,而C#是微软为其平台量身定制的。这对C#来说既是优点也是缺点,优点是它可以应用于从桌面到Web开发的始终,缺点是它主要应用于微软平台。 所以这在一定程度上也促进了.Net Core积极支持跨平台,而且Visual Studio是众多程序员公认的最好用的IDE。 CLI标准独立于C#,而Java虚拟机(JVM)与Java非常紧密。这意味着CLI的实现,如.NET Framework或Mono,可以支持许多其他语言作为第一语言,如Visual Basic,.NET和F#。虽然这严格来说,并不是C#的优点,但是这是C#附带产生的效应,选择了C#,用户在之后的开发过程中还可以更换更适合的编程语言。 JavaScript JavaScript是为客户端Web开发而创建的语言,所以插在这些语言中间可能有的人会觉得有些奇怪。但是,这几年JavaScript的受欢迎程度和发展是有目共睹的,开始支持服务器端,如Node.js,也可以用于移动端,如Apache Cordova,桌面软件可以使用Electron 和 WinJS,游戏开发可以使用WebGL。有的程序员甚至在JavaScript中构建解析器生成器,甚至还有还有程序员将其应用于整个操作系统。 JavaScript的受欢迎和传播程度有点超乎想象,这主要得益于JavaScript自身的优化和程序员的贡献。虽然,JavaScript在Web开发之外不太适用于其它场景,但是很多企业都愿意选择和使用JavaScript,甚至有些程序员和企业愿意所有的东西都用JavaScript来完成。 两种有趣的语言 有两种编程语言我特别想要和大家聊聊,它们都是学院派出身,从技术性来看,无疑都是伟大的语言。 Prolog Prolog是用于人工智能和计算语言学的通用逻辑编程语言,在这个领域该语言尤其受欢迎。它的设计非常好,逻辑编程是基于形式逻辑的编程范例,你说出一个事实或者元素,程序本身就可以找到解决方案。 例如,假设我们现在有如下三个条件:
  1. A是真的
  2. B只有在A是真的且C是一只猫时才是假的。
  3. C是一只狗。
那么,此时程序就会告诉你B为真还是为假。 但遗憾的是,现实生活中还没有找到一个方法可以将上述逻辑实际应用。目前大多数人工智能还是依赖机器学习或者是类似的非逻辑方法。 还有一个技术问题,那就是Prolog号称是第五代语言。传统方法通常把问题的全部知识以各种的模型表达在固定程序中。对于人工智能技术要解决的问题,往往无法把全部知识都体现在固定的程序中。通常需要建立一个知识库(包含事实和推理规则),程序根据环境和所给的输入信息以及所要解决的问题来决定自己的行动。而现在,Prolog远远不能达到自然语言的要求。 Haskell 与命令式编程语言不同,Haskell是一种纯函数式编程语言。虽然它现在仍然局限在学术界和需要大量使用高等数学的行业如金融业,但是这并不意味着数值计算。 功能编程范式依赖于编程功能 ,其行为为数学函数,允许创建不修改外部数据或具有与外部上下文的可观察的交互功能。可观察的交互是指将数据写入文件或引发异常的事情。在技术上这意味着功能没有 side-effects,这也可能成为一等公民的功能。函数和其他类型一样,也可以作为其他函数的参数。 很多专业程序员可能已经意识到这会是避免很多问题的功能,互联网的日益普及也增加了处理这些问题的必要性,因此Haskell积累了相当的人气,Facebook和Microsoft都在使用,甚至还出现了Haskell的Web框架。另外,Haskell并不是为某些行业而专门设计的,所以它的实用性比不得Erlang和Go。 如果按照学术界的标准,Prolog和Haskell都是成功的语言。Haskell是一种可用和受欢迎的功能编程语言,而Prolog在某种意义上证明了逻辑编程在实践中不起作用,并且几乎很难来解决实际问题。(对一个问题做出否定回答同样值得肯定。) 但是如果按照现实世界的标准来看,Prolog并不是那么成功,因为还没有找到实际的使用案例。这不仅仅意味着技术特性还不够,在社区和具体用途上还有欠缺。 现实世界总是存在着这样一个怪圈,开发人员创造了技术的边缘,却只能受益于后来者的采纳。所以,可能你觉得哪一种语言会爆红,花了很多时间和精力去学习,而社区却做了和你相反的选择。 所以,我们不能保证一种语言永远都是最好的语言。Haskell取得的成功也只是暂时的,因为历史的教训告诉我们,它很容易就被F#这样的语言取代。 F# 从业务角度看,F#的主要作用是减少现代企业分析软件的组件部署时间。 作为一种纯粹的函数式编程语言,F#分得了Haskell的一部分盛宠。F#既是函数式编程语言,同时也支持传统的编程范例。F#可以在任何实现CLI标准的平台上运行,如C#,同时也支持与同一平台上运行的其他语言进行交互并重用其代码库。 适用于特殊场景的编程语言 很显然,有很多语言在我们今天的谈论中没有涉及到,它们当中有的可能是不太受欢迎,也有的可能是社区不给力……基于上述的种种原因,在这次的最佳编程语言解析中,我们没有讨论了诸如Ruby,Perl,Object Pascal和Visual Basic.NET之类的语言。 当然,它们并非没有适用场景,相反它们在非常具体的特殊场景中被应用了,例如;
  1. ADA被应用于美军及相关行业;
  2. Fortran用于数字计算,尤其是超级计算机中;
  3. COBOL被应用于财务及相关行业;
在本文中我们之所有没有提到,是因为它们实在太具体了,只要你从事相关行业,就不可能不明白。 写在最后 讨论“什么是最佳编程语言”其实是一个非常冒险的举动,因为这很容易就触怒了一部分人,但是我们是真的想为大部分读者提供一些实在的帮助,所以我们谈论了技术特性,也讨论了社区和每种语言的最佳使用。 希望所有的程序员或者正在考虑加入程序员行列的准程序员都能够从文中获取到一些信息。
]]>
http://code.ywbb.com/448.html/feed 0
义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/444.html http://code.ywbb.com/444.html#respond Wed, 09 Aug 2017 22:38:40 +0000 http://code.ywbb.com/?p=444 喵喵笑一笑
自己是一个小码农,一直希望能做一款自己的APP,既有安卓版本,又有IOS版本。可现在从事是WEB方向的开发,在自己从事的方向都还有辣么多的东西要学,又怎么有时间去搞Android学习、IOS学习? Ionic!使用你的WEB知识快速开发跨平台移动应用无意间发现了Ionic这个跨平台移动应用开发框架,且需要的仅仅是HTML+CSS相关的知识!不过该框架前端页面逻辑部分基于的是AngularJS框架,需要学习和掌握相关知识,对AngularJS有一定的了解。 Ionic!使用你的WEB知识快速开发跨平台移动应用 之所以向大家推荐使用Ionic开发框架,是因为它有以下几个优势:
  • 上手容易,快速产出 基于HTML5+CSS3的一些知识,就可以开始进行APP应用的开发,无需掌握复杂、专业的计算机知识,现在网络上面存在大量的HTML+CSS相关的文字教程、视频教程,学习成本很低。对于创业者来说,以低成本快速做出产品,是走向成功很重要的一环。
  • 一份代码适应多移动平台 Android和IOS两大移动操作系统平台都使用同一浏览器内核,对HTML5的支持相当完美。编写完成一份应用代码,即可使用Ionic框架提供的打包工具生成适配相应平台的应用安装包,框架提供Javascript访问接口来操作设备硬件(相机、蓝牙、语音等等等等),突破了HTML5只能在Web浏览器中渲染的限制。
  • 完善的社区生态 Ionic于2015年5月发布V1.0正式版本以来,经过Ionic框架开发团队的不断改进,框架质量得以高质量保证。无论是目前处于正式版的V1.x版本,还是处于Beta版的V2.0版本,Ionic都有专人在社区进行问题解答和在Github跟踪解决issue。基于Ionic的开发运营团队提供的完整的社区生态和支持体系,开发都可以更放心的应用框架进行开发。
  • Ionic!使用你的WEB知识快速开发跨平台移动应用 还等什么,赶快上手开发自己的第一款跨平台移动APP吧,我保证你能喜欢上它!
    ]]>
    http://code.ywbb.com/444.html/feed 0
    义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/435.html http://code.ywbb.com/435.html#respond Wed, 09 Aug 2017 22:30:40 +0000 http://code.ywbb.com/?p=435 程序员技术提升营
    1、Bootstrap Bootstrap是最流行的HTML,CSS和JavaScript框架,用于在网络上开发响应式、移动的Web项目。在技术上,它不一定比列表中的其它框架更好,但它提供了比其它四个框架更多的资源(文章和教程、第三方插件和扩展、主题构建器等)。简而言之,Bootstrap 无处不在,这是人们继续选择的主要原因。 看看它的颜值: 5个流行前端框架,你选哪个?我看颜值!你呢? 5个流行前端框架,你选哪个?我看颜值!你呢? 2、Foundation Foundation是排在第二名的框架。ZURB公司一直支持着Foundation,所以这个框架有强大的基础。Foundation现已用于许多大型网站,包括Facebook,Mozilla,Ebay,Yahoo!和国家地理等。 ZURB公司还为用户提供业务支持、培训和咨询。它还提供了许多资源来帮助你更快更轻松地学习和使用该框架。 5个流行前端框架,你选哪个?我看颜值!你呢? 3、Semantic UI Semantic UI是一个语义化设计的前端开源框架。它利用自然语言原理,从而使代码更加可读和可理解。所以它是这里所讨论的框架中,最具创新性的框架。其框架的总体结构、类中清晰逻辑的命名约定方式和语义方面也超过了其它框架。 5个流行前端框架,你选哪个?我看颜值!你呢? 4、Pure Pure是一种轻量级的模块化框架,采用纯CSS编写,具有可根据需要一起使用或单独使用的组件。对于不需要全功能框架但仅包含在其工作中的特定组件的人来说,pure是一个理想的选择。 5个流行前端框架,你选哪个?我看颜值!你呢? 5个流行前端框架,你选哪个?我看颜值!你呢? 5、UIkit UIkit是一个易于使用和自定义的组件的简洁集合,被成功应用在许多WordPress主题中。它提供了灵活和强大的手动定制机制 5个流行前端框架,你选哪个?我看颜值!你呢? 5个流行前端框架,你选哪个?我看颜值!你呢? 结语: 问:小编,你选框架真的是看颜值吗? 答:对的,看老板的颜值,更通俗的说法是老板的脸色,老板喜欢啥,我就喜欢啥!
    ]]>
    http://code.ywbb.com/435.html/feed 0
    义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/422.html http://code.ywbb.com/422.html#respond Wed, 09 Aug 2017 06:50:10 +0000 http://code.ywbb.com/?p=422 切图网
    无可争议的是,色彩是任何设计领域中最重要的一方面 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点。 一、颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩。 色轮的主要组成 所有的色彩能在一个色轮中呈现。在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色。 三原色分别是红色,蓝色和黄色。这些色彩是基础色,他们组成了色轮上的所有其他颜色。 把原色混合在一起,你就能得到辅助色,它们是橙色、绿色和紫色。 web设计的色彩 二、颜色的关系 描述颜色有大量的术语,了解这些术语将有助于我们讨论的色彩和色彩的情感含义。 互补色是互补互调的色彩,它们坐落在色轮上对立的位置。这些互补色有蓝色和橙色、紫色和黄色、以及红色和绿色。 邻色是色轮上相毗邻的色彩,所以当邻色一起用时,可以是很好的搭配,但不会有明显的对比。 第三颜色是由中间色组成的,例如黄绿色和蓝绿色,即由一个原色和一个辅助色混合组成。 三、基于情感的色彩群体 一些色彩群体是和情感联系在一起的,比如温暖、冷静和中立的情感。 暖色能让人感觉到温暖,例如红色、黄色和橙色。 冷色让人联想到凉爽和寒冷,例如蓝色,绿色和紫色。 中性色,顾名思义,并不创造怎样的情感。像灰色和棕色就是中性色。 了解色彩这些方面的知识可以用帮助一个设计师在设计网页时不用文字就能表达特定含义和特定情感,并彰显优势。 四、设计中颜色的类型 web设计的色彩 这里有两种不同的颜色系统,两者的运用取决于你设计什么。 RGB是这个色彩系统中三个基本色“红、绿、蓝”的英文缩写,这三种基本色是光的三原色。RGB运用在电视诚博国际平台屏幕和任何类型的屏幕上。 CMYK是“青色、洋红、黄色、黑色”的英文缩写,这些颜色是颜料的原色,CMYK被运用于印刷。 网页上的设计是建立在RGB色彩系统上的。 五、明智地选择色彩、传达意义 web设计的色彩 色彩理论是运用颜色背后的意义给用户带来感官体验的实践所得。这种实践经验再加上一些知识和想法可以运用到网页的设计中去。 人们往往不会同意一些特定色彩的含义以及设计师们应该用哪些颜色来加强特定的情感。但无需争论的是,客户对颜色是有情感的反应的。 当为你的设计品选择颜色时要慎重,不要无目的地使用颜色。你所选择的颜色要适合你的目标受众、能表达客户希望你传达的信息,能符合你对用户在你的网站所获得的整体感受的期望。 暖色能带来阳光明媚的情绪,用在希望带来幸福快乐感觉的网站上是明智的。举一个例子,在2009年全球经济不太好的时候,黄色变成了网页设计中非常流行的色彩,因为公司希望顾客在他们网站上有到阳光和舒适的感受。 冷色最好是用在想要表达出专业或整洁感觉的网站上,以呈现出一个冷静的企业形象。冷色表达出权威、明确和信任的感觉。例如,冷静的蓝色用在许多银行的网站上,比如大通银行。冷色运用在以乐观为主题的网站上是不明智的,因为用户会得到错误的印象。 web设计的色彩 六、颜色对于用户的意义 大多数颜色能表达积极或消极的情绪,这取决于它是怎样被运用的,以及周围其他的颜色,还有网站本身的内涵。 以下是一些流行色彩的普遍意义。 红色 web设计的色彩 红色象征着火和力量,还与激情和重要性联系在一起。它还有助于激发能量和提起兴趣。 红色的负面内涵是愤怒、危急和生气,紧急情况下,和愤怒,这也源于红色本身里的热情和进取。 橙色 web设计的色彩 橙色是色轮上红、黄两个邻色的组合色。橙色象征着幸福,快乐和阳光。这是一个欢快的色彩,唤起孩子般的生机。 橙色没有红色那么积极,但是它也有一部分这样的特质,刺激着心理活动。但它也象征着愚昧和欺骗。 黄色 web设计的色彩 明亮的黄色是一种幸福的颜色,代表着积极黄色特质:喜悦,智慧,光明,能量,乐观,和幸福。 一个昏暗的黄色则带来负面的感受:警告,批评,懒惰,和嫉妒。 绿色 web设计的色彩 绿色象征着自然,并且有一种治愈性的特质。它可以用来象征成长与和谐。绿色让人感到安全。医院经常使用绿色。 另一方面,绿色的是金钱的象征,表达着贪婪或嫉妒。它也可以被用来象征缺乏经验或初学者需要成长(“没有经验的绿色”)。 蓝色 web设计的色彩 蓝色是一个和平、平静的颜色,散发着稳定和专业性,因此它普遍运用于企业网站。蓝也可以象征着信任和可靠性。 一个冷调的阴影能带来蓝色消极的一面,象征着抑郁,冷漠和被动。 紫色 web设计的色彩 紫色是皇室和有教养的颜色,代表着财富和奢侈品。它也赋予了灵性的感觉,并鼓舞创造力。 较浅的紫色可以散发出一种神奇的感觉。它能很好地提升创造力和表达女性特质。 较深的紫色可以呈现出沮丧和悲伤的情绪。 黑色 web设计的色彩 虽然黑色是不是色轮的一部分,它仍然可以被用来暗示感觉和意义。它往往是与权力,优雅,精致,和深度联系在一起。据说在面试时穿黑色服装可以表现出应聘者是一个有力量的个体,网站也是同样的道理。 黑色也可以被看作是负面的,因为它与死亡,神秘和未知联系在一起。这是悲伤、悼念和悲哀的颜色,因此在运用时必须明智选择。 白色 web设计的色彩 白色,也不是色轮的一部分,象征纯洁和天真。它还传达着干净和安全。 相反,白色还可以被认为是寒冷和遥远的象征,代表着冬天的严酷和痛苦的特质。 文/丁向明
    ]]>
    http://code.ywbb.com/422.html/feed 0
    义乌电脑市场 - 义乌品牌电脑 - 义乌奥美电脑 - 诚博国际_诚博国际娱乐_诚博国际娱乐城 http://code.ywbb.com/414.html http://code.ywbb.com/414.html#respond Wed, 09 Aug 2017 06:48:06 +0000 http://code.ywbb.com/?p=414 网站分析公会
    用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。 现在越来越多的大型网站把登录和诚博国际平台放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情感化设计,提升用户体验,拉近与用户之间距离的兵家必争之地,本文不谈趋势,不讲交互大道理,不涉及技术,就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。 优雅大方 如果说iPad是介于传统诚博国际平台和手机之间的产品,那么tumblr则是介于blog和twitter之间的服务。相比twitter,它的功能更复杂、内容展示性更强、更加重视多媒体的应用。Tumblr做为轻博客的鼻祖,带来一种全新的视觉体验, 安东尼·德·圣-埃克苏佩里曾说过,“完美就是多一点则太多,少一点则太少。” Tumblr的登录页面没有过多的视觉干扰,优雅大方,一切元素的存在都是为了用户更好的登录,登录过程非常流畅。 拒绝平庸!浅谈WEB登录页面设计 精致的质感表现 iCloud是苹果公司所提供的云端同步服务,用户有5GB的免费存储空间。 负责Macintosh用户界面设计的柯戴尔·瑞茨拉夫回忆说:“乔布斯会一个像素一个像素地检查屏幕上的每个细节,确保相关的图像准确对齐。他非常重视细节,细致程度居然达到了像素的层面。如果发现问题,乔布斯就会立即冲着某个工程师大吼起来。”iCloud登录页面的设计继承了苹果公司对细节的苛求, 细致的纹理,微妙的阴影,精致的质感,完美的细节,金属光泽可以随着鼠标指针移动,底部的图标可以随着分辨率的大小自适应,改变排列方式,确保用户的浏览体验。 iCloud给我们上了很好的一课,有句大家都听过却未必做到的话——细节决定成败,丰富的细节可以提升设计的价值,也是判断一个设计高下的一条很重要的标准之一,精致舒适的质感纹理,给用户一种沉浸式,充满惊喜的登录体验,是一种很棒的表现方式。 拒绝平庸!浅谈WEB登录页面设计 小清新的插图 在网页设计中,插图非常具有表现力,它与绘画艺术关系密切。所以大部分设计职位,对手绘能力出众者格外青睐,许多表现技法都是借鉴了绘画艺术的表现技法。插画艺术与网页设计的的结合,具有独特的艺术魅力,从而更具表现力。越来越多的设计师,将插画运用到网页设计中来,生动有趣温情的清新插图,能迅速的抓住用户的眼球,让登录界面的更加具有亲和力。 163邮箱的登录页面就采用了大幅的插图,小邮差很快唤醒了80后等待来信的记忆,有故事的插图与用户建立情感的联系,唤起用户的心灵共鸣,让用户更有归属感。 拒绝平庸!浅谈WEB登录页面设计 Vimeo是一家提供高清视频存放服务的网站,在这里可以找到很多来自世界各地非常有创意的设计师。相信登录过Vimeo的朋友都对Vimeo的登陆页面记忆深刻。 拒绝平庸!浅谈WEB登录页面设计 人文关怀的品牌传达 设计以人为本,以人为本的设计不仅能提高产品的品质,还能提高设计的艺术水平,而登录页面是体现人文关怀,传播品牌理念的绝佳位置。 QQ邮箱登陆页面每一次刷新都能看到不同的内容,或用海子的诗,或用迈克尔.杰克逊的歌词,唤起用户的共鸣,设计手法简洁,主体信息突出,引导清晰,并没有多余的元素,界面中最重要的操作“登录”按钮使用了交通中通行的绿色,而没有使用常用的蓝色,细节设计非常考究,对每个细节都注入人文的关怀。 拒绝平庸!浅谈WEB登录页面设计 新浪微博将登录框设计成一条围脖的样式,用户的每一次登录都是一次品牌传达的过程,切合新浪力推的围脖品牌理念,织围脖的概念深入人心。 越来越大的登录框 越来越大的输入框设计,让用户输入起来感到心情舒畅,登录过程非常愉悦,在诚博国际平台越来越大的今天,mailchimp大输入框显的霸气十足,并且一反常态的可以看到自己的密码,第一次在WEB登录框里见到这种设计,非常贴心.正是这种不拘一格的设计,让mailchimp从一个内部项目蜕变成一个该公司最成功的商业产品。 拒绝平庸!浅谈WEB登录页面设计 简约而不简单 WEB设计的风格越来越趋向于简洁,登录页面大量地使用留白可以让登录框更加突出。最大程度的减少用户分心,从视觉的角度来看,简约的设计是平静的,砍掉了多余的元素,颜色,形状和纹理,不能使用让人眼前一亮的设计元素,只能靠空白去做视觉吸引力。布局的权衡及简化设计做的不到位的话很容易变的单调乏味,wordpress后台登陆页面采用适当的投影,灰色的巧妙运用,以及出错的抖动提示,让整个登录页面简约而不简单.堪称典范。 拒绝平庸!浅谈WEB登录页面设计 随着互联网的高速发展,移动互联网的到来,WEB设计越来越呈现多元化。尽管一个好的设计并代表产品就一定会成功,但却能为产品加分,为产品注入设计DNA,创造独特的风格和视觉感受, 好了,今天就先侃到这,作为用户使用的入口,希望这篇小文可以让大家对登录页面重视起来,设计出更多精彩的登录页面。 作者:大C
    ]]>
    http://code.ywbb.com/414.html/feed 0