前端 | 易学教程

前端为什么使用框架？它做了哪些事？

阅读更多关于前端为什么使用框架？它做了哪些事？

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

【慕课网】前端零基础入门---步骤二：页面化妆师CSS---06-CSS定位（position）

阅读更多关于【慕课网】前端零基础入门---步骤二：页面化妆师CSS---06-CSS定位（position）

06-CSS定位（position）第1章 position属性 1-1 position-static 1-2 position-relative <!DOCTYPE html> <html> <head> <title>3</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <style type="text/css"> *{ padding: 0; margin: 0; } .blue{ width: 100px; height: 100px; background: blue; position: relative; top: 50px; left: 50px; } .red{ width: 100px; height: 100px; background: red; } </style> </head> <body> <div class="blue"></div> <div class="red"></div> </body> </html> 1-3 position-absolute(实际工作用的最多，同时也相对比较难) <!DOCTYPE html> <html> <head> <title>3</title> <meta http-equiv="Content

对java前后端分离的理解

阅读更多关于对java前后端分离的理解

到目前为止，身为一个java后端开发人员的我，在工作期间，无非就是ui设计页面，前端开发html，之后将做好的页面交给我，我负责后台逻辑一件html的页面渲染。好好滴一个后台开发人员，莫名其妙的做起了前端的活，很是心累啊。一直不明白前后端分离是啥情况，今天看了一篇博客，说的真到位。偏头痛杨看就对了，到位。先前一件公司使用jsp，效率着实够低。 jsp必须要在支持java的web服务器里运行 4.第一次请求jsp，必须要在web服务器中编译成servlet，第一次运行会较慢。 5.每次请求jsp都是访问servlet再用输出流输出的html页面，效率没有直接使用html高（是每次哟，亲~）。 6.jsp内有较多标签和表达式，前端工程师在修改页面时会捉襟见肘，遇到很多痛点。 7.如果jsp中的内容很多，页面响应会很慢，因为是同步加载。 web服务器：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。应用服务器：一般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好。一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。对于后端java工程师：把精力放在java基础，设计模式，jvm原理，spring+springmvc原理及源码，linux

前端定时器

阅读更多关于前端定时器

setTimeout( function(){ //add your code }, 5 * 1000 );//延迟5000毫米来源： CSDN 作者： Colynlin 链接： https://blog.csdn.net/weixin_42699486/article/details/100538106

《前端》弹性布局flex

阅读更多关于《前端》弹性布局flex

https://www.cnblogs.com/jerehedu/p/7358329.html 来源： CSDN 作者： bellediao 链接： https://blog.csdn.net/bellediao/article/details/103992445

前端调试技巧3：移动端使用vConsole查看控制台输出

阅读更多关于前端调试技巧3：移动端使用vConsole查看控制台输出

vConsole使用 1、什么时候需要用vConsole呢？ 2、vConsole怎么使用 2.1 引入vConsole的js文件 2.2 初始化vConsole，比如在html页面的head标签中 3、超出你的想象 4、开始使用 4.1 打开页面后见下图： 4.2控制台 1、什么时候需要用vConsole呢？比如，我现在正在开发一个app，上线之后发现有个页面有问题，如果是在PC页面，直接F12就可以看到请求响应以及控制台的相关输出了，当app在手机上运行时，就无法看到console.log打印的信息了，要修改bug的话就只好死啃代码，如果手机上能有个像F12一样的功能就好了。此时此刻，欢迎vConsole闪亮登场！ 2、vConsole怎么使用超级简单！引入js文件 + 初始化全局vConsole变量即可！至于怎么调试修改生产环境的js、html请参考我上一篇博客：前端调试技巧2：fiddler能替换h5项目或者APP中的JS或者HTML嘛？ 2.1 引入vConsole的js文件把下边的script元素引入当前页面即可 < script src = "https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js" > < / script > 2.2 初始化vConsole，比如在html页面的head标签中 var

ajax+spring boot 处理前端List的展示问题（毕设）

阅读更多关于 ajax+spring boot 处理前端List的展示问题（毕设）

文章目录前言正文业务逻辑代码结语前言之前有写过ajax+spring boot的教程，但是主要是做的业务逻辑是后端查询判断，然后返回对或错两个结果，前端再按照结果来做简单的处理，具体看 spring boot+mybatis+ajax实现注册功能，以及这个过程遇到的坑和学到的知识。这一篇教程主要重点再前端的处理，后端的话我就补贴太多的代码，可以看上面那片注册功能的教程。正文业务逻辑再其他页面（这里的其他页面是指 spring boot+mybatis+thymeleaf+pagehelper分页插件实现分页功能中的archive.html页面）点击后到后端查出数据然后跳转到这个页面，然后把查询到的数据展示再左边红色框的位置。而右边的红色框则是到这个页面后自动调用ajax去处理数据后再展示到这里，今天主要将右边红色框的业务逻辑。代码后端代码其他省略，具体看我上面说到的其他两篇教程。控制层 import java . util . List ; @RestController //返回json数据 public class IndexController { //主页控制层 @Autowired private IndexShowService indexShowService ; @GetMapping ( value = "/countlikes" )

前端Axios 与后端 nodejs 跨域请求交互

阅读更多关于前端Axios 与后端 nodejs 跨域请求交互

前端Axios 与后端 nodejs 跨域请求交互前端部分 // 将需要传的参数，添加到Formdata中 const params = new FormData ( ) params . append ( 'user' , 'root' ) params . append ( 'password' '1234' ) // httpMethod 包括 GET POST PUT DELETE 等常见 http 方法 axios . httpMethod ( url , { params , // 请求时携带 (服务端cookie), // 客户端无法通过 js 获取或设置 withCridential : true } ) 后端部分 const express = require ( 'express' ) const app = express ( ) app . all ( * , ( req , res , next ) => { // 允许跨域的白名单, 跨域时会报错，* 代表任意域 res . header ( 'Access-Control-Allow-Origin' , '*' ) // 允许携带Cookie, 不设置的时候，跨域时会报错 res . header ( 'Access-Control-Allow-Credentials' , 'true' ) /

day02下

阅读更多关于 day02下

数据校验？后台需要将前端传递的数据进行合法性验证前端校验：用户可以自行关闭，不安全 java：后端校验我们总是不信任前端的，所以需要前端+后端双重校验后端使用JSR303标准进行校验，步骤： 1）给需要校验的javaBean上标注校验注解 2）告诉Springboot需要进行校验（在需要校验的javaBean上加上@Valid） sprngmvc在进入方法之前，确定参数数值的时候就会进行校验，如果校验出错，则直接返回错误，不执行代码 3）如果感知校验成功还是失败？只需要给开启了校验的javaBean参数后面，紧跟一个BindingResult对象就可以获取到校验结果，只要有这个参数，即使校验错了，方法也会执行，我们需要手动处理结果，BindingResult有个方法getErrorCount（）可以判断校验是否出错和出错的个数，所以可以通过判断校验是否成功来决定是否执行下面的代码但是我们并不希望每次需要校验都要写一段代码来完成，这样的话太冗杂，所以把这个功能给抽取出来变成一个切面aop，要专门写一个aop切面类，需要导入对应jar包和用对应的注解。然后在切面类加上@Aspect注解切面的通知分为前置通知，后置通知，返回通知，环绕通知，异常通知这里想利用aop完成统一的数据校验，所以用环绕通知合适（因为要返回给前端无论成功与否），aop类代码如下：用的环绕通知

学习Web前端需要做的一些准备

阅读更多关于学习Web前端需要做的一些准备

随着互联网的迅猛发展，互联网项目对用户体验提出了更高的要求，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应用

订阅前端