前端入门

前端入门CSS(1)

半世苍凉 提交于 2019-11-29 06:15:50
day48 参考: https://www.cnblogs.com/liwenzhou/p/7999532.html CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式,不推荐大规模使用,作用范围小,优先级最高。 <p style="color: red">Hello world.</p> 内部样式 嵌入式是将CSS样式集中写在网页的 <head></head> 标签对的<style></style>标签对中。格式如下: <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 整个h3的颜色都被更改。 外部样式 外部样式就是将css写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。 <link href="mystyle.css" rel="stylesheet"> CSS选择器 基本选择器 1.元素选择器 2.ID选择器 3.类选择器 p(元素) #p2(ID) 尽量不要使用 需要保证id的属性值具有唯一性 JavaScript: 对象document,方法getElementById("one"),标签变成了对象,只要找到就不找了。 .c1(类) 标签中的class属性如果有多个

不要再说找不到前端项目练手了!

回眸只為那壹抹淺笑 提交于 2019-11-29 05:17:31
前端学习还是很有趣的,可以较快的上手然后自己开发一些好玩的项目来练手,网上也可以一抓一大把关于前端开发的小项目,可是还是有新手在学习的时候不知道可以做什么,以及怎么做,因此, 实验楼 就整理了一些前端项目教程,希望可以帮助正在学习前端的小伙伴。 为了方便阅读,大概把前端可以做的项目分为三类: 游戏类 实用类 好玩类 然后依次推荐一些项目教程,想要学习的小伙伴可以看看~ 游戏类 其实很多常见的小游戏都是纯前端开发出来的,比如曾经风靡的2048、别踩白块啊等等,简单有趣,对于初学者来说,这些小游戏是非常不错的练手项目。 网页版2048 项目通过搭建一个网页版的 2048 ,让大家学习 web 应用程序的开发流程、以及如何让应用在移动端自适应处理以应对各种大小的屏幕,布局和初始化,编写游戏的逻辑、实现让它能移动,判定结果。 是不是和我们玩的2048一模一样呀,O(∩_∩)O~ HTML5两步实现拼图游戏 项目使用HTML5和css3实现的九宫格拼图游戏。只要两步既可以实现炫酷的效果和动画。详细的讲解,让你清楚地知道每一句代码的作用。 自己开发完之后还可以玩玩,告诉你,你可以开发它,但是玩可不一定行哦~ 网页版扫雷 项目实现一个Web版本的扫雷游戏,通过该项目将学习并实践 JavaScript 和 CSS 等基本的Web开发知识。 看着就有想玩的冲动啊,有木有~ 网页版-别踩白块游戏

前端工作3个月小结

生来就可爱ヽ(ⅴ<●) 提交于 2019-11-29 05:17:05
从学习前端到投入前端工作已经有3个多月了,对前端有了一定的了解。这里写一下自己对前端的一些想法。 学习方法 我一共花了一个多月学习前端,从基本的HTML、CSS和JS,到后来的react-native、vue.js、jQuery等前端框架。感觉到前端需要学习的东西真的很多。 我使用番茄时间工作法来提高的时间利用率、提高效率。然后使用印象笔记随时随地记录下我在学习中的知识点、心得体会。最后定期整理印象笔记中乱七八糟的笔记。最后很重要的一点,作为程序员学习中必须要动手敲代码来加深理解、强化掌握知识点。 知识点 前端知识点很多很杂,但最基本的,学好HTML和JavaScript是必须的。CSS可以之后学,学好了HTML和JavaScript,我们就可以处理网页的各种业务逻辑了。而CSS许多时候是美工类帮忙完成的。下面说说这三个基本知识点。 HTML其实就是几个标签,熟悉了各个标签分别是什么就可以看懂HTML页面了,非常好理解。HTML就是一门描述网页元素的语言。 JavaScript是网页中用于处理业务逻辑的语言,语法逻辑和Java特别类似(类似到很多时候我都忘了我是在写Java还是在写JS了),入门难度只要是有一定编程经验的人应该都是挺好掌握的。而且!JS不仅仅用于控制HTML网页页面,还可以用于写SPA单页应用、用NodeJS写后端服务器、用某些框架写移动端APP…

前端进阶 & 面试必备,优质资源、好文整理分享!

微笑、不失礼 提交于 2019-11-29 05:15:37
前言 前端技术日新月异,随着 大前端 的趋势,想要成为一名合格的前端工程师,需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中,既要不断夯实前端基础,也要快速响应技术的更新迭代。闲话少说,这次给大家整理分享一些前端进阶的优质学习资源,希望对大家有所帮助! 个人博客地址 ?? fe-code github 优质项目 frontend-tech-list 前端技术清单,不论你是正在自学前端,还是对前端某些技术熟练掌握但某些还未涉足,我都希望这份清单能帮助你 review 一些前端的基础能力。 github 前端技术清单 0. 年度报告 1. 基础拾遗 1.1. JavaScript 1.2. CSS 1.3. 浏览器 2. 工程化与工具 2.1. webpack 2.2. Gulp 2.3. Linter 2.4. 静态类型(Typescript/Flow) 2.5. Babel 2.6. CSS预处理与模块化 3. 性能优化 3.1. 加载性能 3.2. 运行时性能 3.3. 前端缓存 3.4. 性能调试与实践 3.5. 性能指标 4. 安全 4.1. XSS 4.2. CSRF 4.3. CSP 4.4. HTTPS 4.5. 安全实录 5. 自动化测试 5.1. 单元测试 5.2. 端到端测试 (E2E) 5.3. 其他 6. 框架与类库 6.1. React 6.2.

作为一名Web前端开发人员和设计师,2018告诉你如何正确的学习前端

妖精的绣舞 提交于 2019-11-29 05:15:00
第一步: 掌握HTML/CSS 这是你最初 必须 掌握的 是网站的构建元素 没得选! 随着你前端的学习进程,熟练掌握 HTML/CSS简单易学 这里还是要推荐下小编的web前端学习群:606加721加798,不管你是小白还是大牛,小编我都欢迎,不定期分享干货,包括小编自己整理的一份2最新的web前端资料和0基础入门教程,欢迎初学和进阶中的小伙伴。在不忙的时间我会给大家解惑。 第二步: 学会使用基础工具 文本编辑器: Notepad2 / Sublime Text / http://Atom.io / IDE 图像编辑器:Photoshop, Illustrator, GIMP, Something slse FTP / SSH 工具 : Filezilla ,Putty 好的浏览器: Chrome 云盘: Dropbox, Google Drive, Box 第三步: 学习原生JavaScript 原生JavaScript(现阶段不需要理会Node.js 和任何框架) 理解数据类型: String, Number, Arrays, Objects, etc 理解函数, 条件表达式, 循环,操作符等 事件处理 JSON(JavaScript Object Notation), JavaScript对象表示法 jQuery框架 第四步:搭建一个基础网站: 获取一个虚拟主机账户

前端学习资源整理

半腔热情 提交于 2019-11-29 05:14:25
说明:资料是个人学习过程进行整理. HTML& CSS HTML和CSS学习的英文网站: http://learn.shayhowe.com/ HTML&CSS–w3school HTML&CSS–菜鸟教程 CSS预处理器 SASS 推荐大神阮一峰的日志: http://www.ruanyifeng.com/blog/2012/06/sass.html 在线sass-IDE: http://www.sassmeister.com/ (供你所code即所view) CSS资源大全 https://github.com/jobbole/awesome-css-cn CSS 3D引擎 举例: http://keithclark.co.uk/labs/css-fps/nojs/ Tridiv :a web-based editor for creating 3D shapes in CSS CSS的有趣的项目 http://web.jobbole.com/83258/ JS 教程 You-Dont-Know-JS star:41,449(截止20160918) 菜鸟教程 当然也可以是w3school 廖雪峰的js教程 (推荐–讲的很易懂) 阮一峰的JS教程 JS单元测试工具 https://karma-runner.github.io/1.0/index.html http:/

D16

我的未来我决定 提交于 2019-11-29 04:57:46
当天完成的工作 : 1.用户input和textare实现本地数据存储。可以看到用户输入后AppData的内容有所更新。 2.尝试将用户的输入传入数据库,但是数据库仍然无法接收到数据。 第二天的计划: 1.通过微信提供的API wx.login({})得到一个code,调用接口将code发给后端,等待openid返回给前端,解决获取用户openid的问题。 2.解决用户输入框输入的内容无法传入数据库的问题。 每日小结: 作为开发小程序的新手,刚刚入门的我们感到困难重重,每天都会发现仍然有很多不会的东西和待解决的问题。前期前端多是考虑视图层的设计,现在考虑到逻辑层的数据处理就遇到了很多阻碍,感觉进展很慢... 来源: https://www.cnblogs.com/yvonnewang/p/11455364.html

自学web前端达到什么水平,才能满足求职的标准?

一个人想着一个人 提交于 2019-11-29 00:01:15
大多数野生程序员最棘手的问题就是如何依靠技术解决温饱,通俗来讲就是技术折现的问题。 如果是单纯出于兴趣,或者只是为了突击某一阶段或者某一项目技术壁垒,不跟就业挂钩的自学倒也是无关痛痒。但是当上岗成为自学的终极目标和结果时,一切都就另当别论了。 前端自学者存在的学习误区: 1、所学东西可能已过时 奉为经典的东西可能已经过时,或者已经有了更好的替代者,而你获取信息的渠道有限,消息滞后,导致学习的内容也相对滞后。 2、学习方法盲目。 看书看不懂就找视频类教程学习,觉得教程跟自己的口味不符就另寻他法,因为自己缺少对资源的辨识能力,总是在没有清晰规划学习线路的情况就盲目学习,导致无效学习时间过长而收获寥寥。 3、只有理论,缺乏真实项目锻炼。 对技术的理解停留在理论层次,而缺乏真实企业项目的历练,如果没有相关实习或工作经历,对前端岗位具体的责任划分和工作流程了解不充分。 自学前端需要掌握哪些技能,才能去工作? 所以,自学前端需要达到什么水平才能去工作?我结合了知识点和现在前端主流岗位需求,列举了一些,希望对大家的学习有帮助~ PC端网站布局:HTML基础,CSS基础,CSS核心属性,CSS样式层叠,继承,盒模型,容器,溢出及元素类型,浏览器兼容与宽高自适度,定位,锚点与透明,图片整合,表格,CSS属性与滤镜等。 HTML5+CSS3基础:HTML5新增的元素与属性,表单域增强元素

阿里巴巴前端大牛经验分享:如何快速学习前端开发?

孤街浪徒 提交于 2019-11-28 21:52:16
很多学生想学习网络前端开发,但面对大量的前端学习资料(视频教程、在线教程、书籍等),不知道从何而来。 作为一个多年从事前端开发的程序员,为了让新手程序员少走弯路,我们将分享快速学习前端开发前端经验。 一、前端学习的概念 在前端学习中存在一个共同的问题:感觉编程语言已死,代码枯燥。许多人认为他们不能学习或认为很难学。这种情况的出现并不是学习编程的错误想法! 首先,我们讨论了前端学习的理念。就个人而言,如果你对前端有错误的想法,你会非常挣扎和痛苦,最后你会发现它的尽头。 我的经验是,在课堂上学习目标和解决问题是非常有趣和困难的。 前端学习大致分为三部分:HTML、CSS、JavaScript。首先,我们应该用生命的阶级来熟悉这些概念。 例如,学习HTML,您可以使用它作为一个设计的整体结构的房子。头(头),中间(身体)和底部(脚)就像房子的屋顶,房间,基础。 学习CSS就像是装饰房子,画什么颜色的墙,用什么样的瓷砖来装饰房间。 要学习JavaScript,你可以把他看作一个交互式开关控件,比如按一个按钮来控制电视开关,改变舞台,或者控制灯光。 两。有趣的编程经验 对于初学者来说,前端开发,有趣的编程学习让你更快掌握前端开发。因为有趣的方式意味着学习。 在入门阶段,前端开发编程的教程,我用的是w3cschool网站https: / / www.w3cschool CN /

Web前端和Web后端的区分

♀尐吖头ヾ 提交于 2019-11-28 19:17:45
版权声明:本文为CSDN博主「十豆三展」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/zz13995900221/article/details/80374893 一、绪论 1、 前台:呈现给用户的视觉和基本的操作。 后台:用户浏览网页时,我们看不见的后台数据跑动。后台包括前端、后端。 前端:对应我们写的html、css、javascript 等网页语言作用在前端网页。 后端:对应jsp、javaBean、dao层、action层和service层的业务逻辑代码。(包括数据库) 为什么jsp是后端呢?主要是jsp的运行原理是在tomcat服务器运行的。 2、 (1)javaweb是java开发中的一个方向 java有搞安卓的,搞web的,搞嵌入式的等。javaweb就是指搞web方向的,javaweb分两块,一块是服务器端叫后端,另一块叫前端,也就是web前端。前端就是用户能看到的部分,比如淘宝网,qq空间,网页上你能看到的都是web前端做的。后端做的就是为前端的展示业务逻辑功能做处理。 (2)java web包括了jsp,servelt以及一些框架比如spring,structs以及与数据库交互的知识,当然也涉及到了html,css等前端技术,但是更侧重于后端的开发