前端

前端学习借鉴目录

跟風遠走 提交于 2020-01-26 14:56:14
可以从这关注实时动态,也可以fork之后push: https://github.com/jsfront/month 可以从这查看以往: http://www.kancloud.cn/jsfront/month/82796 1. Javascript 2. 移动Javascript开发 3. Html5 4. CSS 5. Angular 6. React, Webpack 7. Vue 8. jQuery 9. 看书学习 10. Git,Github 11. 创业 | 职业 | 管理 | 产品 12. IDE,编辑器,调试等工具类 13. 前端架构及工程化等 14. Sass,PostCSS 15. 工作 | 协同 | 流程 16. Nodejs 17. UI 18. 性能优化教程 19. 面试相关 20. mac ios 21. php 22. 英语 23. 其它 24. 特别推荐我联盟群几个高手的力作或个人网站 1. Javascript 视频-D2前端技术论坛——2015融合 不可错过的javascript迷你库 测试框架 Mocha 实例教程 为你详细解读HTTP请求头的具体含意 Markdown解析的js库simple-markdown 如果要用前端框架,开发流程是怎样的? obeject.key与object[key]有什么区别 正确使用Github 的方法是什么?

你们眼中的前端是什么样子的?

你离开我真会死。 提交于 2020-01-26 13:50:24
1.前端到底难不难? 其实这是一个阶段性的问题了, 第一 ,在你没有接触过前端之前,你会觉得前端好像很难,需要学HTML,css,JavaScript,vue,react,jQuery,等等各种前端框架和必须会的语言,然后就会觉得毫无头绪,无从下手,在这时就是觉得前端看上去遥不可及, 第二 ,如果你可以静下心来花上一两个月来研究一下前端,你会慢慢发现,其实前端也并不是我们想象的那么难,你会发现很好入门,一些页面可以自己搭建,一可以配合jq和原生JS写一些动态交互效果,这个时候你会觉得前端也就这样,简单吗,页面也可以写得出来,样式也能改,交互也可以加,其实挺简单。 第三 ,再往后写,你又会发现前段其实并不是你想象中的那么简单,你会发现你自己用JS,HTML,css写出来的页面极其难看,和人家用框架组件写出来的东西完全不是一个档次,根本拿不出手,这时为了提升自己的境界,你就需要去研究前端各种UI框架以及组件,这时是一个过渡期,因为在不熟悉组件以及框架的前提下你会发现前端处处都是坑,JS的坑,样式的坑,组件达不到功能需求,需要自己在原生组件的基础上修改或者二次封装的时候,你有时会发现无力感,此处省略99+字用于吐槽。 第四 ,在你用一个UI组件写了一段时间后,你会发现其实前端还挺简单的,无非就是复制粘贴代码,实在不会就找度娘,会有各种大牛为你解惑的,所以这个阶段也是一个分水岭

ElementUI

£可爱£侵袭症+ 提交于 2020-01-26 04:49:00
ElementUI综合练习(一) 简介 前后端分离开发 搭建前端环境-nodejs&npm&vue&webpack&vue-cli 前端ui框架ElementUI-饿了么(vue)入门 ElementUI+crud Axios(ajax请求)- -包含在crud里面 Mock.js&EasyMock–包含在crud里面 一、前后端分离 1、什么是前后端分离 在传统的web应用开发中,大多数的程序员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端,而将运行在服务器,为前端提供业务逻辑和数据准备的所有代码统称为后端。 很多人误以为前后端分离只是一种web应用开发模式,只要在web应用的开发期进行了前后端开发工作的分工就是前后端分离。 前后端分工 其实前后端分离并不只是开发模式,而是web应用的一种架构模式。在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试;在运行阶段前后端分离模式需要对web应用进行分离部署,前后端之前使用HTTP或者其他协议进行交互请求。然而作为一种架构模式,我们在实施的过程中主要对以下四个方面来进行比较和重新认识。 前后端分离大概可以从四个方面来理解: 1.1、交互形式 在前后端分离架构中,后端只需要负责按照约定的数据格式向前端提供可调用的API服务即可。前后端之间通过HTTP请求进行交互,前端获取到数据后

前端开发

放肆的年华 提交于 2020-01-26 01:05:43
HTML,CSS JS ES6 webpack:可以自己搜搜,应该有很多 Vue 视频 官网 源码视频 计网 推荐看 “图解HTTP” 或者在网上找面经,面经的都会,就差不多了 一个视频链接,不过我没看过 算法 牛客左程云(班助推荐) 设计模式 文件 (这是一个html文件,下载下来通过浏览器打开就可以看到了) 我的项目(博客中有github网址,有源码): 移动端音乐WebApp -> 项目对应视频链接 Vue全家桶+MongoDB+Koa2全栈开发网站 -> 项目对应视频链接 我搜集的所有好的文章和面经 前端优秀文章小整理~ 我搜集的所有前端视频(包括项目视频等) 大前端:这个链接在我给你发的txt文件中,这里我就不放链接了@CRR 我的博客 我的github 我的简历:链接在我给你发的txt文件中有,这里我就不放链接了@CRR 来源: CSDN 作者: 努力努力再努力LFY 链接: https://blog.csdn.net/LFY836126/article/details/103756878

前端学习笔记 CSS基础

独自空忆成欢 提交于 2020-01-25 18:35:49
CSS是一种分层设计的思想,把网页的颜色、大小、字体布局什么什么的全剥离到Style标签里面,这样一来 html中就只用关心提供什么内容就行了。 1、语法 第一种,通过选择标签,在style标签内设置内容: <style> p{ color:red; } </style> <p>这是一个P</p> <p>这是一个P</p> <p>这是一个P</p> <p>这是一个P</p> 第二种,直接在元素上面增加style属性: <p style="color:red">这是style为红色的</p> <p>这是一个没有style的p</p> 2、选择器 选择器主要分为三种,分别是 one 元素选择器,通过标签名选择元素,直接打标签名就行。 two id选择器,通过自己设置的id选择元素,id是唯一的哒。格式为在设置的id前加上# three 类选择器,如果有多个元素需要设置同样的css的时候,就可以给他们设置相同的类名,然后一次性设置好。 格式为设置的类名前加个 . 如果需要更准确的选择,可以用元素名加上类名的方式,进行精准选择。 3、注释 就像c语言的块注释一样 /* */ 4、尺寸 就width呗 值可以是百分比 也可以是具体像素。 5、背景 background-color 背景颜色 示例代码 background-image:url(imagepath); 图片做背景 示例代码

前端请求返回数据和本地测试返回的数据不一致 Sring cloud 中踩到的一个坑

可紊 提交于 2020-01-25 16:34:32
微服务前端请求返回的数据和本地测试返回的数据不一致 事情是这样子发生的,在某一天加班的过程中,前端突然说你这个返回的数据不太对啊 前端给我返回的数据截图 然后我看了下发现这里面的实体数据不太对啊.我想是不是他打开的方式不太对,跑过去看他发送了一次请求之后确实是酱紫的,我自己打开postman测试了一下之后是酱紫的 然后我就找前端看了一下,两个确实不一致,我想了想去git上去看了下代码.其中查询数据的部分也没问题的和我本地的是一致的,我又去找架构师看了下已经部署的代码,也和git上是一致的,就跟架构师讨论了下这个问题,他说是不是bus服务中返回的数据和你实现类中的不一致导致的. 实现类中的是长酱紫的 这是bus服务中的 进行更改后就没问题了 注 : 导致这个问题是因为之前项目刚刚搭建出来进行开发的时候,所有的模块都引用的同一个实体类,后面开发完了之后将实体类分开了,每个服务用自己的实体类,然后实体类又长时间没有更改,导致这个问题出现😓 来源: CSDN 作者: 骑猪下高速 链接: https://blog.csdn.net/weixin_45500120/article/details/103766309

前端学习,除了掌握学习路线之外,必须要注意的知识要点!

为君一笑 提交于 2020-01-25 04:59:46
对于前端学习者来说,掌握必要的知识技能是一个必经的过程,那么对于前端来说,需要掌握哪些必备的技能呢? 总结了下面六个: 一,html 这个是最简单的,也是最根本的。要谙练把握html中的div、formtable、ulli、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于构造、table也可以用于构造,可是不矫捷,根基table是用来和数据打交道。 二,css 这里说的css不网罗css3,一样平常我们看到web前端开发工程师的要求里面,有一个会使用css+html或者css+div来停止界面构造,所以css是用于辅助html来构造和展现的,我们称之为“css款式”,为什么会说css+div呢?由于我上面说了div就是html首要用于构造的工具,所以div就是焦点把握的工具!那么css必定必需要配合div来使用才好。css要谙练把握float、position、width、height,以及对付的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟构造有关系的款式,必定要把握。 三,js 可能前两个大家觉得学习起来感受还过的去,看到js就蛋疼了,其实吧,js入门很简单的,不必要会良多工具的,只需会按照某个id、或者name拿到网页dom或者款式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据

构建属于自己的前端知识体系

懵懂的女人 提交于 2020-01-25 03:05:38
爬上来看了一眼我最近得一篇文章的日期,是2018-08-26,没想到已经这么久没有写过文章了,第一次写文章的日子是2018-02-26,其实一开始写文章就是感兴趣,也是为了当个笔记来看的,没想到阅读量还是非常可观的。 写第一篇文章时我是处在大三下学期,那时在我们学校的网络中心使用React Native开发跨平台APP,当时RN还处于热头上,但是资料比较少,于是磕磕碰碰的踩了一年的坑,出于发开小白阶段,于是就把自己平时开发所遇到的坑以及问题写成文章记录了下来,当时写文章的原因还有一个就是为了找工作,写在简历上面可以增加一个亮点,现在回想起来,并没有啥用,没有面试官问我博客文章的事情,此处一万只羊驼奔腾而过。。。但是,写文章的好处确实显而易见的,不仅自己加深了理解,而且还能帮助别人解决问题,何乐而不为呢。作者现在在从事前端开发的工作,2019年6月份正式毕业,现在来看毕业已经半年了,对于前端开发工作以及流程算是有了自己的心得体会,虽然作者很菜,但是也希望能通过自己的亲身经历的项目以及坑能对更多的人产生帮助。 前端知识多而杂,今天学习一点点这个知识模块,明天学习一点点那个知识模块,不容易记忆,且前端的更新实在是块,日新月异,扶老夫起来,老夫还能学。。。这样的情况下拥有自己的前端只是体系就显得尤为重要了,还要多去了解框架底层的一些东西,不能只停留在使用某个框架的阶段,得去了解它们的原理

前端设计网站推荐

假如想象 提交于 2020-01-25 02:43:57
1、CSS禅意花园( http://www.csszengarden.com/ ) 这个网站以最有效、最优美的方式展示了CSS的最高境界,任何一个学习CSS的人都不应该错过对CSS禅意花园的研究。目前在csszengarden.com上收录了1000多个作品,它们都充分体现了设计师的丰富的创意。 2、前端观察( www.qianduan.net ) 一个纯粹的前端技术分享网站,目的是为前端技术人员提供所需的资讯及资源。 “向来中国的前端开发领域,就像一盘散沙一样,每个人每个站都各自为营,高手就像就像天空的星星一样多,但是他们的成就却很少广为传播,初学者却苦于在大海一样的设计中寻找自己的参考。” 3、网站配色( http://www.colorhunter.com/ ) 一个不错的配色网站。 4、Multicolr Search Lab( http://labs.ideeinc.com/multicolr ) 在右边的颜色格子里选一种颜色,他就会随即展示出Flickr 上以这种颜色为主色调的照片放在一起。这对前端设计收集特定颜色的图片素材很有用。 5、站酷( http://www.zcool.com.cn/ ) 一个很好的设计和素材分享网站,而且所有的资源都是免费的。 来源: https://www.cnblogs.com/liaohua/archive/2010/06/03

Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十八】

自作多情 提交于 2020-01-25 01:11:35
  《Web 前端开发精华文章推荐》2013年第六期(总第十八期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。 HTML5 未来的 Web:九个不可思议的 WebGL 应用试验 Manifesto – HTML5 离线应用程序缓存校验工具 Popline:帅气的浮动 HTML5 文本编辑器工具栏 MontageJS:构建现代 Web App 的 HTML5 框架 HTML Inspector – 帮助你编写高质量的 HTML 代码 Metronic – 基于 Bootstrap 的响应式后台管理模板 CSS3 推荐25个帮助你提高技能的 CSS3 实战教程 Minimit Anima – 硬件加速的 CSS3 动画插件 Cardinal:一个用于移动项目开发的轻量 CSS 框架 Codrops 教程:CSS 3D Transforms 实现书本效果 Effeckt.css – 一组 CSS3 过渡 & 动画的精妙应用 Codrops 教程:基于 CSS3 的精美模态窗口效果 JavaScript MasonJS – 创建完美的砌体结构网页布局 Tourist.js –