前端开发 | 易学教程

个人随笔

阅读更多关于个人随笔

20190613 对于我这样思维逻辑混乱的人群，对于学习，未来规划，自律等能力是很差的。 20190617 b站上看完了如何转行成为一名前端开发，观后感：辞职学习还是工作学习，需要备点资金的情况下转行，留有余地，放心的学习标配三角套，html+css+js。前两者看菜鸟或者3c官方文档即可，js啃下红宝书和犀牛书两本书学习环境，报班或者自学，周边都没有学习的朋友，建议报班代码不要光看，也要多练 20190618 又快晚上11点，早下班拖拖拉拉到现在也没开始做事，脑袋一直想该做事学习，身体还是瘫软状态，嗯开始学习了。。。 20190621 忙了下，已是12点，想到有2天没记录学习上来在接着学习下，最近遇到个问题，全局变量，其他页面要能访问调用，百度查了一堆，看都无法实现，可能我查阅的不够仔细来源： https://www.cnblogs.com/zhandianquan/p/11027134.html

Asp.Net之后台加载JS和CSS

阅读更多关于 Asp.Net之后台加载JS和CSS

在Asp.Net开发时，用到的JS库、通用的CSS等，在许多页面都会用到，而每次都需要手动引入，相当麻烦，而且有时一旦忘了引用，还得找半天才能找到问题。那有没有什么办法能够一劳永逸的呢？答案是有的。我们知道Asp.Net是可以通过后台来渲染前端的，所以如果能够在渲染时将所要的js库和css等添入就可以了。而为了能够复用，所以需要进行类的继承。我们写一个Page的基类PageBase，代码如下。 [html] view plain copy using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Text; namespace AspNetLoadJsCss.Common { public class PageBase : System.Web.UI.Page { public static readonly string SCRIPT_INCLUDE_TEMPLATE = "<script src=\" {0}\" type =\"text/javascript\" > </ script > \r\n"; public static

SpringMVC请求流程

阅读更多关于 SpringMVC请求流程

本文内容来自朱要光老师编著的《SpringMVC+MyBatis开发从入门到项目实战》书的第8章。在学习SpringMVC框架之前，首先需要了解SpringMVC框架的整体请求流程和使用到的API流。SpringMVC的整体请求流程如下：第一步：用户单击某个请求路径，发起一个request请求，此请求会被前端控制器（DispatcherServlet）处理。第二步：前端控制器（DispatcherServlet）请求处理器映射器（HandlerMapping）去查找 Handler。可以依据注解或者XML配置去查找。第三步：处理器映射器（HandlerMapping）根据配置找到相应的 Handler（可以包含若干个 Interceptor 拦截器），返回给前端控制器（DispatcherServlet）。第四步：前端控制器（DispatcherServlet）请求处理器适配器（HandlerAdapter）去执行相应的 Handler（常称为Controller ）。第五步：处理器适配器（HandlerAdapter）执行 Handler。第六步： Handler 执行完毕后返回给处理器适配器（HandlerAdapter）一个 ModelAndView 对象（SpringMVC底层对象，包括 Model 数据模型和 View 视图信息）。第七步：

前端面试问题汇总（一）

阅读更多关于前端面试问题汇总（一）

1、js闭包闭包是一种特殊的对象。它有两部分组成--执行上下文，以及在该执行上下文中创建的函数。当函数执行时，如果访问了执行上下文中变量对象的值，那么闭包就会产生。 function foo(){ var a = 20; var b = 30; function(){ return a+b; } bar(); } foo(); 2、JSON 什么是JSON JSON：JavaScript 对象表示法（JavaScript Object Notation）。 JSON 是存储和交换文本信息的语法。类似 XML。 JSON 比 XML 更小、更快，更易解析。 JSON - 转换为 JavaScript 对象 JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。实例 <html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2> <p> Name: <span id="jname"></span><br /> Age: <span id="jage"></span><br /> Address: <span id="jstreet"></span><br /> Phone: <span id="jphone"></span><br /> </p> <script type=

SpringBoot & Restful API 构建示例

阅读更多关于 SpringBoot & Restful API 构建示例

在现在的开发流程中，为了最大程度实现前后端的分离，通常后端接口只提供数据接口，由前端通过Ajax请求从后端获取数据并进行渲染再展示给用户。我们用的最多的方式就是后端会返回给前端一个JSON字符串，前端解析JSON字符串生成JavaScript的对象，然后再做处理。本文就来演示一下Spring boot如何实现这种模式，本文重点会讲解如何设计一个Restful的API，并通过Spring boot来实现相关的API。不过，为了大家更好的了解Restful风格的API，我们先设计一个传统的数据返回接口，这样大家可以对比着来理解。一、非Restful接口的支持我们这里以文章列表为例，实现一个返回文章列表的接口，代码如下： @Controller @RequestMapping("/article") public class ArticleController { @Autowired private ArticleService articleService; @RequestMapping("/list.json") @ResponseBody public List<Article> listArticles(String title, Integer pageSize, Integer pageNum) { if (pageSize == null) { pageSize

2017年-Web前端面试题(HTML至Nodejs)

阅读更多关于 2017年-Web前端面试题(HTML至Nodejs)

【原】2017年-Web前端面试题（HTML → Nodejs）出自作者小矮人Web前端，博文地址： http://www.cnblogs.com/itlkNote/ 文中有少许重复问题！第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML与HTML的有何异同？ 2、介绍一下CSS的盒子模型？弹性盒子模型是什么？ 3、Doctype的作用？标准模式与兼容模式各有什么区别? 4、HTML5 为什么只需要写 <!DOCTYPE HTML>？ 5、行内元素有哪些？块级元素有哪些？空(void)元素有那些？ 6、页面导入样式时，使用link和@import有什么区别？ 7、介绍一下你对浏览器内核的理解？ 8、常见的浏览器内核有哪些？ 9、HTML5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？ 10、简述一下你对HTML语义化的理解？ 11、iframe有那些缺点？ 12、列出display的值，说明他们的作用？position的值， relative和absolute定位原点是？ 13、一个满屏品字布局如何设计? 14、常见兼容性问题？ 15、如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里面试题） 16、列举IE 与其他浏览器不一样的特性？ 17、99%的网站都需要被重构是哪本书上写的？

FE面试题库

阅读更多关于 FE面试题库

一、HTML 序号面试题目难度等级回答要点 H1 简述编写HTML需要注意哪些事项？ ☆ DOCTYPE、charset、viewport、语义化、CSS与JS的位置、DOM层级、结构样式行为的分离、模板等。依据回答的正确度、全面性、详细度区分级别。 H2 DOCTYPE ☆ 考察DOCTYPE的意义、HTML标准、HTML的标准模式与quirk模式，以及不同模式下的区别。依据回答的正确度、全面性、详细度区分级别。 H3 DOM元素的显示（渲染）类型以及区别？ ☆ 重点考察区别，依据 “区别" 回答的正确度、全面性、详细度区分级别。 H4 列举一些HTM（包括HTML5）元素，并说明元素的语义 ☆ 考察HTML元素的语义。 H5 HTML5元素的兼容问题？如何自定义元素？ ☆☆ 考察前端知识面，是否知道或用过html5shiv、modernizr、Custom Element，并且认识深刻（T5以上）。二、CSS 序号面试题目难度等级回答要点 C1 介绍一下CSS选择器优先级 ☆ 权重计算方式、!important、内联样式，同等权重样式处理... C2 介绍一下CSS选择器及其相应API？class操作的API classList？是否了解过Sizzle，甚至阅读过源代码？ ☆ 依据回答的正确度、全面性、详细度区分级别。 C3 CSS中position有哪几种取值

前端 - App类型

阅读更多关于前端 - App类型

参考博客： H5 手机 App 开发入门：概念篇、 H5 手机 App 开发入门：技术篇手机App类型分为以下三种原生应用（native application，简称 native App） Web 应用（web application，简称 Web App）混合应用（hybrid application，简称 hybrid App）原生应用需要在应用市场下载优点较好的性能和体验可以使用系统的所有硬件和软件 API，比如 GPS、摄像头、麦克风、加速计、通知推送等等，能充分发挥系统的潜力存在问题组建的团队大原生 App 使用底层操作系统的语言，都是很重的编译型语言，开发和调试成本相对较高，时间周期长原生 App 必须下载安装才能使用，只要升级版本，就必须重新下载安装。用户往往不愿意更新版本，厂商被迫不得不长期支持很久以前的旧版本 Web应用 Web App 是使用网页做的应用程序，必须在浏览器中使用，比如，你在浏览器中收发邮件，就是在使用 Web App 优点不需要下载安装，打开浏览器就能使用，而且总是使用最新版本对于开发者来说，Web App 写起来比较快，调试容易，不需要应用商店的批准就能发布存在问题浏览器提供的 API（即 Web API）很有限（目前只有相机、GPS、电池等少数几个），大部分系统硬件都不能通过网页访问，也无法直接读取硬盘文件

Java小白到大神的心路历程（Web前端）

阅读更多关于 Java小白到大神的心路历程（Web前端）

本文是“Java心路历程”的第二篇，第一篇请点击右侧这篇文章： Java小白到大神的心路历程（Java SE） 1.HTML/CSS 在学完Java SE之后，学不懂HTML/CSS的原因只有一个：你自己不想学。但如果HTML/CSS是你的第一门接触编程语言，最大的障碍不是难，而是你还没有编程的思维方式，唯一的解决办法就是练习（注意，只能是练习；听课、看书的效果都不如自己练习好）。 HTML，应该是所有编程语言中最简单的一个（没有之一）。 HTML和CSS的一个共同特点就是：记。如果要说技巧，那就是先通过反复的练习，暂时只记住一些常见的元素，然后再在以后学习JSP等其他课程时，遇到一个累计一个。初学者可能会觉得CSS相对难理解一些，但实际上大部分学习JAVA的人都是做后台开发的。因此对于HTML/CSS不用花太多时间，学到自己感到吃力的时候暂时放弃也是可以的。有时候是“身在事中谜”，随着后续其他Web技术的学习，你自然就知道哪些HTML/CSS是重点，哪些仅做了解即可。在学习HTML/CSS，还有一个现象：虽然语法简单，但太费时间了。例如，给我们一天时间，我们可能都开发完了一套基础的软件架构，或者完成一个Java SE案例的全部功能，至少也能写出几个CRUD了；但一天时间，我们可能连一个网站HTML/CSS页面都做不完。不是难，是繁。一句话总结

订阅前端开发