前端入门 | 易学教程

web前端入门到实战：CSS中的cursor属性

阅读更多关于 web前端入门到实战：CSS中的cursor属性

css中的cursor这个属性是用来设置光标形状的。这个属性定义了鼠标指针放在一个元素边界范围内时所用的光标的形状。默认值： auto 继承性： yes 出现版本： css2 JavaScript语法： object.style.cursor = ‘pointer‘ 可以设置的值： | 值 | 描述 | | url | 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。对程序员，web前端感兴趣，想要了解学习的，打算深入了解这个行业的朋友，可以加下我们的前端学习扣qun : 784783012 ，不论你是学生还是想转行的朋友，我都欢迎，不定期分享干货，整理的一份2019最新的web前端学习资料和0基础入门教程分享给大家，学习前端我们是认真的浏览器支持情况： IE、FireFox、Chrome、Safari、Opera 所有主流浏览器都支持cursor属性。注释：Opera 9.3 和 Safari 3 不支持 url 值。注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。来源： https://blog.csdn.net/wewfdf/article/details/101080257

web前端入门到实战：css伪元素::after和::before，及图标字体的使用

阅读更多关于 web前端入门到实战：css伪元素::after和::before，及图标字体的使用

css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对伪元素的理解和使用经验。一、概念： 1.定义 The CSS ::before(::after) pseudo-element matches a virtual first(last) child of the selected element. It is typically used to add cosmetic content to an element by using the content CSS property. This element is inline by default. 从定义我们知道::before和::after匹配一个虚拟元素，主要被用于为当前元素增加装饰性内容的。他显示的内容是其自身的“content”属性，默认是内联元素。其实::after和::before被引入css中，最核心的目的，还是为了实现语义化。在我们实际开发时候经常有这样的经历，为了实现一些效果，在文档中创建了一些没有实际内容的节点，或者加入辅助样式的文本，如： <style> ul{ list-style: none; } li

京东前端面经（123面详细）

阅读更多关于京东前端面经（123面详细）

广州面试，14号一面，16号二三面。一面：25分钟左右 1.根据项目问了websocket协议和node.js 就讲了下websocket协议，以及nodejs中有哪些模块实现了这个协议。 2..TCP/IP体系，和HTTP关系。讲了下TCP/IP体系结构以及每层的主要协议。 3.TCP三次握手详解说了每一步发送什么，状态变为什么，以及为什么每一步要发送什么。。 4.HTTP各版本比较。主要讲了下2.0，和1.1，1.0比较了下 5.数据结构学过哪些？串、栈、队列、链表、哈希表、树、图 6.js如何实现一个栈。主要就是数组的尾部操作增加、删除。 7.哈希表是怎样的结构？主要是一种关键字到地址的映射。 8.说说操作系统的内存管理讲了下分页式、分段式、段页式，还说了下时间片轮转算法。 9.怎么实现一个服务器。就说没写过服务器，java做的后台一般都是通过tomcat容器来实现服务器的。 nodejs的服务器比较简单，就是调用已经封装好的模块来创建服务器监听端口的。 10.如何删除一个dom节点 removeChild()或者innerHtml去替换 11.浏览器是如何渲染页面的。讲了下浏览器的渲染机制。 12.查看了我的github代码,问了下代码内容比如这段代码是干嘛的，是什么意思，主要就是了解下是不是你做的。 13.你是如何学习前端的？大概就讲了视频（入门）

前端开发入门到进阶第四集【使用sublime安装jshint】

阅读更多关于前端开发入门到进阶第四集【使用sublime安装jshint】

参考：https://blog.csdn.net/qq_27965129/article/details/52786224 使用sublime安装JSHint插件： 1，解决不能使用package control——install Package的问题 2，安装nodejs，使用cmd查看安装的环境变量配置：path命令和使用node --version查看是否安装 3，使用cmd安装：通过node.js 安装：npm install -g jshint 。安装的目录是在c盘，所以如果重做系统后得重新安装。参考：https://www.runoob.com/nodejs/nodejs-install-setup.html C:\Users\lenovo>npm install -g jshint ^CTerminate batch job (Y/N)? n C:\Users\lenovo>npm install -g jshint C:\Users\lenovo\AppData\Roaming\npm\jshint -> C:\Users\lenovo\AppData\Roaming\npm\node_modules\jshint\bin\jshint jshint@2.10.2 C:\Users\lenovo\AppData\Roaming\npm\node_modules

web前端入门到实战：前端网页全局属性

阅读更多关于 web前端入门到实战：前端网页全局属性

1. hidden hidden是一个布尔属性，表示当前的网页元素不再跟页面相关，因此浏览器不会渲染这个元素，所以就不会在网页中看到它。相当于display:none <p hidden>本句不会显示在页面上。</p> 2. contenteditable 允许用户修改内容 <p contenteditable="true"> 鼠标点击，本句内容可修改。 </p> 3. draggable 是否可以使用 Drag and Drop API 拖动元素 <div draggable="true">按住鼠标左键拖动试试</div> 对web前端这门技术感兴趣的小伙伴可以加入到我们的学习圈来，工作第六个年头了，与大家分享一些学习方法，实战开发需要注意的细节。767-273-102 秋裙。从零基础开始怎么样学好前端。看看前辈们是如何在编程的世界里傲然前行！不停更新最新的教程和学习方法（web前端系统学习路线，详细的前端项目实战教学视频），有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入。我们会一起结伴同行前端前端前端 4. title 用来为元素添加附加说明。大多数浏览器中，鼠标悬浮在元素上面时，会将title属性值作为浮动提示，显示出来。 <div title="版权说明"> <p>本站内容使用创意共享许可证，可以自由使用。</p> <

web前端入门到实战：Html头部meta标签

阅读更多关于 web前端入门到实战：Html头部meta标签

meta元素有4个属性：name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息，通过http-equiv属性设置http请求指令，通过charset设置页面的字符编码。按照属性设置分类，meta可以分为三类: name属性和content属性组合,构成名称/值对，用于描述网站信息. 标准的meta名称包括application-name、author、description、generator等。示例代码： <meta name="keywords" content="british,typeface,font,fonts"/> 其中keywords和description这两个名称的使用率最高，是搜索引擎优化的主要手段之一，推荐读者使用。 http-equiv属性和content属性组合，设置特定的http指令; 其中content-type、default-style和refresh已经确定,content-language和set-cookie还未正式确定. 此类型meta应该谨慎使用。不推荐使用,某些搜索引擎遇到此meta时会停止解析页面剩余的部分。在实际的场景中很少使用 charset属性,设置页面字符编码。此属性提供了保存和传输文档的编码格式。 <meta charset="utf-8"> 等价于

数据可视化&前端入门

阅读更多关于数据可视化&前端入门

所有内容都要包在<html></html>中间 <body></body>中间是可见的页面内容 <h1></h1>中间是根据标号不同，大小不同的标题，写/h貌似没有比普通段差别大很多 <p></p>中间是段落内容来源： https://www.cnblogs.com/tingxilin/p/11528862.html

web前端入门到实战：img中alt和title属性的区别

阅读更多关于 web前端入门到实战：img中alt和title属性的区别

在图像标签img中，除了常用的宽度width和高度height属性之外，还有两个比较重要并且也会用到的属性，就是alt和title，这都是用来显示图片内容的具体信息的，但是这两个属性也有不同的地方。alt 用来给图片来提示的，title用来给链接文字或普通文字提示的。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片的alt和title属性</title> </head> <body> <img src="song.jpg" width="100px" height="100px" alt="月亮"/>  <img src="song.jpg" width="100px" height="100px" title="月亮"/>  </body> </html> web前端开发学习Q-q-u-n： 767273102

前端涉及的所有知识体系

阅读更多关于前端涉及的所有知识体系

github上最全的资源教程-前端涉及的所有知识体系目录 (?) [+] 前端无疑是2016年最火热的技术，没有之一。各种前端mvc框架层出不穷，angular js，vue， React ，前端组件化开发概念已经深入人心。前端工资已经比手机端开发还要高了。作为个人站长，学习下前端设计也是有必要的，一来有些小的设计问题可以自己解决，同时还能提高自己的审美，提高网站的ui设计水平。必备基础技能前端技能汇总这个项目详细记录了前端工程师牵涉到的各方面知识。在具备基本技能之后可以在里面找到学习的方向，完善技能和知识面。 frontend-dev-bookmarks 是老外总结的前端开发资源。覆盖面非常广。包括各种知识点、工具、技术，非常全面。以下是个人觉得入门阶段应该熟练掌握的基础技能： HTML4 ， HTML5 语法、标签、语义 CSS2.1 ， CSS3 规范，与HTML结合实现各种布局、效果 Ecma-262 定义的javascript的语言核心，原生客户端javascript ， DOM操作， HTML5新增功能一个成熟的客户端javascript库，推荐 jquery 一门服务器端语言：如果有服务器端开发经验，使用已经会的语言即可，如果没有服务器端开发经验，熟悉Java可以选择Servlet，不熟悉的可以选PHP

写给同事的前端学习路线

阅读更多关于写给同事的前端学习路线

前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念： HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层，它的目的是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。 JS是行为层，它要做的是当用户触发某些行为时，会给内容和样式带来什么样的改变。 1，HTML，CSS部分。 HTML/CSS初学，就照着 http://www.w3cschool.cn/ 的实验做，把 http://www.w3cschool.cn/index-6.html 和 http://www.w3cschool.cn/index-7.html 两套做完了就入门了，入门之后，学习CSS的精华，即布局，推荐李炎恢的教学视频，布局这一章： http://edu.51cto.com/lesson/id-14895.html 第27章，如果觉得不够，需要实战，则再学习接下来的28，29章。注意，这时候一定要老师讲一块代码，自己就要照着实现一次，切勿只看不做。 CSS还有一个精华部分就是命名规范，找几个著名网站（比如豆瓣、网易新闻）这类，研究它们的命名规范，我这里，有一个现成的命名规范可供学习（需要登录evernote查看）： https://www.evernote.com/shard/s168/sh/7f89cc57-cab2

订阅前端入门