前端

http://caibaojian.com/some-fe 蒋长浩博士 Facebook 介绍：蒋长浩，祖籍湖南，获清华大学计算机本硕学位、伊利诺伊大学(UIUC)博士学位，在卡耐基梅隆大学(CMU)、谷歌公司从事过“普适计算~大规模计算”的优化研究。在Facebook任研究科学家，他创造BIGPIPE，使大型网站访速翻1倍，举世关注。 钱宝坤 新浪微博 微博：貘吃馍香 博客： http://w3help.org 混迹于IT行业多年的普通程序员，偏好浏览器相关内容研究。w3help.org文章内容主要提供者之一。现就职于新浪微博前端基础架构组，参与微博前端公用组件开发，以及前端工具开发相关工作。 嗷嗷 淘宝网 微博：aoao 博客： http://www.aoao.org.cn 介绍：从事前端开发多年，期间做过设计转过产品，混过后端，写过《Web标准设计》一书。目前就职于淘宝网，主要负责前端性能监控、优化等前端开发相关的工作。 郭润增 腾讯 微博：grzcn 博客： http://grz.qzone.qq.com 介绍：aka郭小帅，08年毕业加入腾讯QQ空间前端团队至今一直在关注Web前端优化，主要负责Qzone Feeds和个人中心的业务特性和性能优化，也是Qzone 6.0的开拓者之一。 李成银 百度 微博：welefen 博客： http://www.welefen.com

前端基础进阶目录 前端基础进阶（一）：内存空间详细图解 前端基础进阶（二）：执行上下文详细图解 前端基础进阶（三）：变量对象详解 前端基础进阶（四）：详细图解作用域链与闭包 前端基础进阶（五）：全方位解读this 前端基础进阶（六）：在chrome开发者工具中观察函数调用栈、作用域链与闭包 前端基础进阶（七）：函数与函数式编程 前端基础进阶（八）：深入详解函数的柯里化 前端基础进阶（九）：详解面向对象、构造函数、原型与原型链 前端基础进阶（十）：面向对象实战之封装拖拽对象 前端基础进阶（十一）：详细图解jQuery对象，以及如何扩展jQuery插件 前端基础进阶（十二）：深入核心，详解事件循环机制 前端基础进阶（十三）：透彻掌握Promise的使用，读这篇就够了 前端基础进阶（十四）：es6常用基础合集 前端基础进阶（十五）：详解 ES6 Modules 来源： https://www.cnblogs.com/seasonxin/p/8205389.html

目录 一、HTML/CSS篇 1.1 HTML(5)标签 1.2 CSS选择器、单位、文本 1.3 盒模型、元素分类 1.4 浮动与定位 1.5 CSS3新特性 1.6 应用 来源： https://www.cnblogs.com/chd1994/p/12168843.html

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> JavaScript的数据类型分为：原始类型和对象类型。JavaScript中有两个特殊的原始值：null(空)和undefined(未定义)。 JavaScript中所有数字均用浮点数值表示。javaScript采用64位浮点格式表示数字。取值范围最大值±1.7976931348623157×10^308，最小值±5×10^-324。JavaScript中实际的操作基于32位整数。 一个实数由整数部分、小数点和小数部分组成。 [digits][.digits][(E|e)[(+|-)]digits] JavaScript中算术运算在溢出、下溢或被零整除时不会报错。Infinity表示无穷大。NaN表示非数字值。 非数字值和任何值都不相等，包括自身。 在JavaScript中使用实数的时候，常常只是真实值的一个近似表示。 字符串是一组由16位值组成的不可变的有序序列，每个字符通常来自于Unicode字符集。字符串直接量由单引号或双引号括起来的字符序列。当使用单引号来界定字符串时，必须使用反斜线(\)来转义所有的撇号。 如果将加号(+)运算符用于数字，表示两数相加。作用于字符串，则表示字符串连接。字符串可以当做只读数组，除了使用charAt()方法，也可以使用方括号来访问字符串中单个字符(16位值)。

V2EX 这两天有一篇这样的帖子： 《说句实话，我后端现在已经看不懂前端了，太难了》 原文内容是： 看不懂惹，肿么办，最近在学 react，完全抓瞎。 然后又附加了内容： 一直用的 jquery，手动找位置然后对应 dom 操作，现在各种前端各种依赖，一会 route 一会 webpack 的 给爷整蒙了都。 类似这样的帖子多年来数不胜数，但这次评论区的评论比较典型，所以我决定这次不再沉默。当然，本文并非针对帖子作者。 对于那些抱怨前端「看不懂」的网友，我们应该问他们一个问题：为什么前端就应该是谁都能看懂？ 这些网友从来不会抱怨别的领域的代码看不懂，比如他们不会说「我一个前端已经看不懂后端了」，或者「我一个后端已经看不懂 iOS 」了。 所以在这些网友心中，前端代码就是要谁都看得懂才是正常的。因为谁都应该看得懂 HTML, 谁都看得懂 CSS. 显然，这群人对前端的认知还活在过去，他们一边享受着用 Web 技术做出来应用，一边意淫着这些包含复杂业务逻辑的 Web 应用靠 HTML 和 Vanilla JS (原生 JS) 就能写成。 换句话说，这群人最大的问题在于，他们意识不到 GUI 开发 (Graphic User Interface Programming) 是一个从图形界面被发明开始就一直在被研究的独立领域，而 Web 前端只是 GUI 开发的其中一个分支而已。

前端页面自适应 <meta name= "viewport" content= "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 页面的头部加上这句话. <meta name= "viewport" content= "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 页面的头部加上这句话. 来源： https://www.cnblogs.com/xdlzs/p/12165773.html

在web测试过程中，经常会遇到页面中内容或数据显示错误，甚至不显示，第一反应就是BUG，没错，确实是BUG。进一步了解这个BUG的问题出在那里，是测试人员需要掌握的，可以简单的使用浏览器自带开发者工具、数据库工具配合去排查。 1.开发者工具的使用 （1）打开开发者工具，在浏览器菜单栏选择工具-开发者工具，快捷键是F12 （2）打开之后切换到Network页签，操作就可以看到请求响应 （3）在选择响应的链接，切换到Preview页签，可以看到响应的结果数据 （4）结果中可以看到数据字段、值 ​ 2.可以根据响应的值判断一些bug所在 （1）响应中没有数据，则是后端数据没有返回，前端展示为空，则为后端问题。例如：列表中新增一个数据，没有显示，通过请求中可以看到数据total为0，则是后端数据没有返回。 ​ （2）响应中有数据，但是前端显示错误了，可以根据字段值判断是否前端显示中取错了字段显示，可以判断是前端问题。例如：B端显示内容错误了，把登录用户名显示了登录帐号，则可以在响应中看数据是否返回正确，返回正确而显示错误，则有可能是前端绑定字段错误。 （3）响应中有数据，但是跟自己操作的结果不一致，可以根据数据库查询，如果数据库中也没有记录，可能是代码有问题，没有记录你的操作。例如：注册了一个帐号，但是登录时提示帐号或密码错误，这就可以在数据库表中查看是否有注册的数据。 1.抓包分析

需要实现的功能为在前端点击Cesium下的3dtilse格式的文件并单体化，获取模型的ID，通过ajax将ID传送给servlet，然后servlet进行数据库查询，并将数据传给前端。 1.对于MySQL数据库的安装与配置不再赘述，记住设置的名称和密码就好，本文使用Navicat for MySQL连接MySQL数据库进行可视化操作，设置好连接名并输入密码，点击连接测试，显示连接成功点击确定进入操作界面。 新建连接 2.首先新建数据库名称为test，新建数据表或者右键表->导入向导，直接导入exce、CSV等格式的文件。 导入向导 3.安装JDK，并配置环境变量，不再赘述。 4.下载Tomcat与安装配置，不再赘述。 5.下载eclipse并运行，新建Dynamic Web Project。 新建Dynamic Web Project 勾选生成web.xml 6.右击项目，Build Path->Configer Build Path，点击Libraries栏，Add External Jars将servlet-api.jar导入 Web App Libraries下，也就是项目下WebContent文件夹下的WEB-INF文件夹的lib文件夹里，需要导入如下的jar包 jar包 7.右击Java Resources下的src，新建Package，然后右击package

一、一些前端必备知识 <!-- 路由：就是通过互联的网络吧信息从源地址传输到目的地址的活动 内网ip指只有在本地网络才能用 映射表：[ip地址：MAC地址] --> <!-- 什么是前端渲染 什么是后端渲染 后端渲染：是在后端已经形成成熟的网页，在发送给前端展示(服务端渲染) 后端路由：后端处理url和页面之间的映射关系 前端渲染 --> <!-- 前端的发展阶段 1.后端渲染 jsp 后端路由: 后端处理url和页面之间的映射关系 --> <!-- 2 前后端分离 ajax的出现 后端只负责提供数据，不负责任何阶段的内容 用户输入url 浏览器从静态资源到服务器中获取 HTML css js 然后浏览器直接渲染html css 部分 js中若需要数据 则通过接口从后端获取数据，最后加载到浏览器由浏览器渲染 后端只提供api来返回数据，前端通过ajax来获取数据 --> <!-- 3.单页面富应用阶段 在前后端分离的基础上加了一层前端路由 也就是前端来维护一套路由规则 spa页面：整个网页只有一个页面 前端路由：在单页面富应用中，首先将整个前端资源请求下来，但浏览器不会渲染全部 然后当我们点击到页面中的一个·a标签时，前端路由就路由出一个链接，但这个链接不会去到后端 它由我们写的js代码判断，然后选择渲染出整个前端资源的一部分，达到单页面富应用的目的 页面的一个 --> 　　 来源

2020.1.7，刚开通博客，还没熟悉怎么用，看到好多大神的分享，不得不说，"佩服"，”实在是佩服”！希望自己也可以成为IT高手吧！（不过现在真想入职字节跳动公司闯一闯，但愿能实现。） 来源： https://www.cnblogs.com/yznotes/p/12163894.html