前端开发

CSS是前端工程师的基本功，但好多执迷于学习javascript的人的基本功并不扎实。 可能一些人从w3school网站匆匆过了一遍，只是对CSS常用概念有一些表面上的理解，就一头扎进javascript的深坑里跳不出来。实际上，javascript中比较复杂的逻辑很有可能使用CSS几行样式就能解决问题，而且性能还好 CSS之所以能成为一门优雅的语言，以及有其对应的重构工程师的岗位，是因为这本语言本身就有很强的存在价值，且真正要理解它并不容易。 从CSS禅意花园开始，写CSS成为一种艺术。从CSS2.1到3再到4，CSS所涵盖的内容及可实现的功能得到了极大的丰富，使得CSS的学习成本也越来越高。 再多的知识，一个知识点一个知识点去学，总能学明白 专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧 （从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）点： 学习前端，我们是认真的 来源： CSDN 作者： 前端工程师教程 链接： https://blog.csdn.net/ITHHH111/article/details/104224855

CSS的一个核心特性是能向文档中的一组元素类型应用某些规则，本文将详细介绍CSS选择器 通配选择器 星号*代表通配选择器，可以与任何元素匹配 *{color: red;} 元素选择器 文档的元素是最基本的选择器 html{color: black;} p{color: gray;} h2{color: silver;} 类选择器 类选择器用于选择一类元素 .div{color: red;} 1、多类选择器 .div1.div2{color: red;} 2、结合元素的类选择器 p.div{color: red;} ID选择器 ID选择器用于选择一个元素 #test{color: red;} 注意：在实际中，浏览器并不会检查ID的唯一性，设置多个ID，可以为这些具有相同ID的元素应用相同样式，但在编写DOM脚本时只能识别该id的第一个元素。 1、结合元素的ID选择器 div#test{color: red;} 属性选择器 属性选择器根据元素的属性及属性值来选择元素(IE6-不支持) 1、简单属性选择器 h1[class]{color: red;} img[alt]{color: red;} a[href][title]{color: red;} #div[class]{color: red;} .box[id]{color: red;} [class]{color: red;} 2

原文章地址： https://www.cnblogs.com/huchong-bk/p/11394090.html 偶然间看到这篇文章阅读量最高，相信一些小白对一些前后端交互的事情还是一头雾水，那么借着这次机会我在这篇文章的开头加上一些自己的看法希望可以帮到你们 前后端交互其实说起来很高大上的样子，其实也就那样，等你对接口了以后发现也很简单啊 接口数据格式你可以和你的后端商量，比较正规的会给你一个接口文档，上面写清了参数和代表的意义，以及传递的数据类型，接着他会给你一个接口，然后我们前端要做的就是对接口了，一般是用ajax来请求接口，请求里面放上url，dataType和success成功以后要执行的操作就好了，在这个成功函数里面你可以写当你这个请求成功以后你想执行的操作，当你不确定是否请求到的时候，你可以F12来查看响应码，或者在成功函数里面打印console.log(data)来检查，记得这个data也要传递给success函数哦，就是这个成功函数的形参，名字你可以随便换，下面保持一致就可以了 还有什么不懂的可以看我博客上其他的内容，相信肯定有你想要的，从基础到大神麻烦关注我，我们一起成长 （想看怎么对接口的可以看Echarts实战或者ajax专题，或者有问题直接留言我会尽我所能） 下面文章来源： apple_wheat 1、前端请求数据URL由谁来写 在开发中

JavaScript 框架对于前端来说就像是，八倍镜对于98K一样重要，成为了前端开发事半功倍，不可或缺的一部分。但是很少有人思考过，我们为什么使用框架？仅仅是因为代码量减少吗？ 很多前端开发者使用框架是因为： “ 现在某某框架很火，我也要学习使用一下。” “ 这个框架 UI 库很多，漂亮，跟公司设计很相似。” “ 这个框架有很多插件，引入调用一下就行，省了我很多代码量。” “ 公司项目碰巧很适合做单页面应用。” “ 我喜欢用数据绑定。” 上面的几个答案确实是框架可以解决的问题，但仅仅是因为这些吗？因为某一个问题，就引入一个庞大的框架，绝不应该如此。 为什么使用框架？ 近年来，因为互联网的崛起，web 业务也越来越复杂和多元化，一个web项目也不是像以前那样写几个网页拼起来，加几个特效 duang 一下就成了。项目复杂了，出现的问题也就多了。 前后端分离 在前后分离概念出现之前，大部分 web 项目都是后端人员又当爹又当妈的，前后端一起搞，导致质量和效率不是很好。而且对个人的发展也有影响，一个人你什么都会，也意味着你什么都不精，毕竟天才还是少数的。这也是社会趋势影响，大公司招聘，一般也都是需要某一方面很有研究的专才。 在互联网的洪流下，以前的那种方式越来越跟不上节奏，所以前后端分离应运而生。 前后端分离后，前端的任务也变得重要起来，web前端开发慢慢趋于规范。 但是在 jQuery

https://www.cnblogs.com/madyina/p/3702314.html ASP.NET MVC4中对JS和CSS的引用又做了一次变化，在MVC3中我们这样引用资源文件： <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> 将在运行的时候自动将虚拟（相对）路径转换为应用程序绝对路径。这是比较传统的引用方式，尽管他做了一次转换操作，对服务器的请求数量压力并没有什么改进的变化，所以推测可能出于模块化设计思想和并发方面的考虑，微软在MVC4中将这一方式做了改变： 在新建一个ASP.NETMVC4站点的时候都会在～/App_Start目录下有一个BundleConfig.cs的启动文件，当然创建其他的ASP.NET4.0及4.0以上的项目也会有。这个文件里面包含了如下代码： bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.unobtrusive*", "~/Scripts/jquery.validate*")); bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site

曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论—— 手淘的H5页面是如何实现多终端的适配 ？ 那么趁此 Amfe阿里无线前端团队双11技术连载 之际，用一个实战案例来告诉大家，手淘的H5页面是如何实现多终端适配的，希望这篇文章对大家在Mobile的世界中能过得更轻松。 目标 拿一个双11的Mobile页面来做案例，比如你实现一个类似下图的一个H5页面： 目标很清晰，就是做一个这样的H5页面。 DEMO 请用手机扫下面的二维码 痛点 虽然H5的页面与PC的Web页面相比简单了不少，但让我们头痛的事情是要想尽办法让页面能适配众多不同的终端设备。看看下图你就会知道，这是多么痛苦的一件事情： 点击 这里 查看更多终端设备的参数。 再来看看手淘H5要适配的终端设备数据： 看到这些数据，是否死的心都有了，或者说为此捏了一把汗出来。 手淘团队适配协作模式 早期移动端开发，对于终端设备适配问题只属于Android系列，只不过很多设计师常常忽略Android适配问题，只出一套iOS平台设计稿。但随着iPhone6，iPhone6+的出现，从此终端适配问题不再是Android系列了，也从这个时候让移动端适配全面进入到“杂屏”时代。 上图来自于

1.JavaScript是一门什么样的语言，它有哪些特点 JavaScript是什么 javaScript是一种直译式脚本语言， 是一种动态类型、弱类型、基于原型的语言，内置支持类型。 它的解释器被称为什么 它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言， javascript最早是在哪里使用 用来干什么 最早是在HTML网页上使用，用来给HTML网页增加动态功能。 JavaScript为什么还被称为ECMAScript JavaScript兼容于ECMA标准，因此也称为ECMAScript。 JavaScript的基本特点有 1．是一种解释性脚本语言（代码不进行预编译）。 2．主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 3．可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 4．跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行 （如Windows、Linux、Mac、Android、iOS等）。 JavaScript是一门什么样的语言，它有哪些特点？ 运行环境：浏览器中的JS引擎（v8.。。 ff:splidemonkey） 运行在Node.js：v8引擎上 语言特性：面向对象（创建对象的多种方式，继承的多种方式、原型链），动态语言 2. javascript和typescript的区别

1. div标签未定义父层大小时父层自适应子层大小 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0; margin:0; } #main{ } #content1{ width:170px; height:190px; background-color:red; } #content2{ background-color:green; width:170px; height:190px; } </style> </head> <body> <div id="main"> 这是父层 <div id="content1">这是子层1</div> <div id="content2">这是子层2</div> </div> </body> </html> 可以看到未设置main样式的，父容器的大小会自动根据设置好大小的子容器来设定 2. div标签定义父层大小且子层大小超出父层大小时 <style> *{ padding: 0; margin:0; } #main{ width:170px; height:190px; margin: 50px auto; background-color: yellow; }

随着互联网的迅猛发展，互联网项目对用户体验提出了更高的要求，Web前端开发人员成为了重要的研发角色。很多人想要快速加入前端开发这一高薪行列，对于想要学习Web前端的同学，我建议你做好以下准备。 1、多多练习 代码是程序员日常生活的重要组成部分，很多时候你与大佬之间的距离可能只是100行代码。从某种程度来说，Web前端是经验类的工种，你的经验越丰富说明你的技术水平越高，你遇到的技术问题越多你的技术层次就越高。很多同学理论扎实，但一动手实践就“凉凉”，当然很难满足企业需要，更谈不上高薪。 2、明确目标 Web前端可以分为初级、中级、高级，根据职位不同，所需要掌握的技能也存在差异，比如初级Web前端工程师要熟练掌握HTML编写，中级Web前端工程师要熟练掌握JS，高级要掌握掌握面向对象编程思想。对于未来发展自己一定要有明确的规划，这样才能更有效率、有目标的学习。 3、学习路线 以下是Web前端学习路线中的阶段设置和内容安排： 第一阶段：前端页面重构。主要内容包括PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学完此阶段，可胜任Web前端开发工程师/前端页面布局与重构工程师，就业薪资为4K-6K； 第二阶段：JavaScript高级程序设计、PC端全栈开发。主要内容包括原生JavaScript交互功能开发、面向对象进阶与ES5/ES6/ES7应用

本人教过几千个学生，也帮助了很多零基础 同学顺利转行进行到了前端领域，下面我给大家分享一下零基础的学生怎么去写简历。 一、如何写简历 首先，求职者最容易犯的错误就是，把自己的一份简历投给几百家公司，就是所谓的海投。 打个简单的比方，hr招聘的是一个能懂VUE的前端，你简历里面洋洋洒洒写了一堆java什么react ，这种肯定是不符合用人单位的需求。用这种简历去做招聘，那么最后的结果肯定是被pass出局。 那么怎么写一份精准的简历？ 原则一： 1，明确用人单位的用人要求，确保“人岗匹配原则” 在我教学生的时候，我一开始就让他们自己先确定自己学完以后得一个薪资是多少，这样自己在学习 的时候就能自己知道自己的一个能力要求范围。 举个简单的例子，比如下方这个中型100-499人的个公司的前端要求。 提炼一下上面的信息： 1.熟悉各种前端技术，精通html,xhtml,js，vue 2.有协调能力和良好的编码习惯 所以你的简历要怎么写？ 比如标题，你要写什么“张xxx，三年前端经验，1338120XXXX吗？” 当然不要，我连要不要招你都没决定，看你的手机号干嘛？ 你可以写“张xxx，三年前端经验，三年vue使用经验？” 比如我当过项目主管，这个要写吗？可以写，以此证明我的沟通能力和协调能力没太大问题。 然后你的项目经验呢？ 跟vue,js相关的多写。 比如:xxx项目中