m0_60143737的博客

1 transform属性在CSS3中，可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的变形处理。（1）浏览器支持到目前为止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器支持该属性。2 旋转使用rotate方法，在参数中加入角度值，角度值后面跟表示角度单位的“deg”文字即可，旋转方向为顺时针方向。transform：rotate（45deg）；3 缩放 使用scale方法来实现文字或图像的缩放处理，在参

架构方案使用 redis 集中存储，实现分布式集群共享用户信息，这里我们采用第三方开源插件crazycake来实现，pom.xml 引入：<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId></dependency&g

Vue 特点：简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例。数据驱动： 自动追踪依赖的模板表达式和计算属性。组件化： 用解耦、可复用的组件来构造界面。轻量： ~24kb min+gzip，无依赖。快速： 精确有效的异步批量 DOM 更新。模块友好： 通过 NPM 或 Bower 安装，无缝融入你的工作流。Vue 面试题总结vue-cli工程构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？vue-cli 工程常用的 npm 命令有哪些.

说到博客，大家会不由自主的地想到博客园，CSDN，GitHub，简书等。在这些平台里，有着无数的程序员发表自己的博客，这些博客有的是纯技术干货的分享，有的是对编程思想的感悟。可以说，一个好的博客平台是程序员心中的圣地。1.对待博客的态度然而对于程序员来说，并没有太多人的人坚持写博客，一方面程序员本身不善于写文章，另一方面很多程序员认为自己不是大牛，写了博客也没人看。其实不然，不是大牛就不能写博客了吗？答案是否定的。正因为自己不是大牛，才更要写博客。我们写不出好的文章，但总能写的清楚吧。更何况，小编

数据库管理系统在今天已经是软件的重要组成部分，开源的 MySQL、PostgreSQL 以及商业化的 Oracle 等数据库已经随处可见，几乎所有的服务都需要依赖数据库管理系统存储数据。数据库不会丢失数据听起来像是理所当然的事情，持久化能力也应该是数据库的最基本保障，但是在这个复杂的世界上想要保证数据不丢失是很困难的。在今天，我们能找到很多数据库出现问题导致数据丢失的例子：MongoDB 在过去很长的一段时间都不能保证持久性，很容易就会丢失数据[^1]；RocksDB DeleteRange

（2）问：0.1 + 0.2 === 0.3 嘛？为什么？JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52）1 符号位，0 表示正数，1 表示负数 s11 指数位（e）52 尾数，小数部分（即有效数字）最大安全数字：Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1，转换成整数就是 16 位，所以 0.1 === 0.1，是因为通过 toPreci

原型、原型链也是一个老生常谈的问题了，可以说js原型弄明白了，那么学习js就得了一种质的飞跃，今天我们就来看看这个在前端面试中的高频考题究竟是怎么一回事。一、原型JavaScript 常被描述为一种基于原型的语言——每个对象拥有一个原型对象当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾准确地说，这些属性和方法定义在Object的构造器函数（constructor functions）之上

01、第一个阶段，环境和工具准备准备一台电脑，要能联网下载、安装 node、npm、webpack、webpack-cli、cnpm，配置前端开发环境下载、配置MySQL下载、安装 vscode准备一个 GitHub 仓库（或者码云），管理前端源代码前端是一门计算机编程语言，学它的话，连台电脑都没有，学个屁。我有个亲戚家的孩子想学编程，就只看书，家里连台电脑都不配，说什么“先打好理论基础，再实操”，我真的是有点醉。有了电脑，还得联网，自学的过程中肯定会遇到很多问题，遇到问题的时候先问搜索引

现如今，我们经常可以看到很多互联网员工都在抱怨，不是说收入低了，就是说工作时间太长。所以我们会见到有不少优秀的互联网员工，只要有机会，要么去一些学校当老师，要么当公务员之类比较稳定的岗位，当然这些能够容易转行的员工，一般都是名校毕业，而且能力也很出色的。最近在职场论坛上看到这样一个帖子：985研究生入职电网6个月，看到工作内容后：想辞职了！这是怎么回事呢？这位员工说自己从985大学毕业后，通过招聘进入了一家电网公司，可是进入半年之后，发现每天的工作内容太简单了，每天就是做一些基本的活，没有什么技术含量

工厂模式（Factory Method）是用来向使用者屏蔽创建对象的细节。之前我们在讲SAX解析XML文件时，已经用到过工厂模式，当时我们是通过如下代码用SAXParserFacotry这个工厂对象来创建用于解析的parse对象，代码如下所示。SAXParserFactory factory = SAXParserFactory.newInstance();SAXParser parser = factory.newSAXParser();作为使用者，我们只要能得到parser对象进行后继的解析动作

canvas元素用于在网页上绘制图形。什么是canvas?HTML5元素用于图形的绘制，通过脚本(通常是JavaScript)来完成.标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用canvas绘制路径,盒、圆、字符以及添加图像。浏览器支持表格中的数字表示支持元素的第一个浏览器版本号。创建一个画布（Canvas）一个画布在网页中是一个矩形框，通过元素来绘制.注意:默认情况下元素没有边框和内容。简单实例如下:<canvas id="myCanvas" width

CSS 篇link 与 @import 的区别link 是 HTML 方式， @import 是CSS方式link 最大限度支持并行下载， @import 过多嵌套导致串行下载，出现 FOUC (文档样式短暂失效)link 可以通过 rel="alternate stylesheet" 指定候选样式浏览器对 link 支持早于 @import ，可以使用 @import 对老浏览器隐藏样式@import 必须在样式规则之前，可以在css文件中引用其他文件总体来说： link 优于 @impo

JS《JavaScript高级程序设计（第4版）》第三版:豆瓣评分9.3第四版:豆瓣评分8.5现在建议学习第四版，因为第三版很多还是以ES5的语法进行讲解的，目前主流都是 ES6 语法了。当年我入门这是我看的第一本JS书籍，也是实验室的导师推荐的，这本书很厚，真的需要耐着性子看完，DOM、BOM、JS基础语法，我先是把这些大概的过了一下，然后去实践项目，有不懂的点再来回味这本书，以我的性子，还是比较喜欢动手进行实践。《你不知道的JavaScript（上卷）》豆瓣评分 9.3这本书，真的是神书，

前端字节（实习）一面自我介绍介绍项目滑动懒加载如何实现如果出现了问题怎么办http状态码讲一下http缓存promise设计方法清理缓存爬楼梯vue响应式原理了解react吗二面介绍一下做过的项目看题说输出: 原型链，this，promise实现[[‘a’, ‘b’], [‘n’, ‘m’], [‘0’, ‘1’]] => [“an0”, “an1”, “am0”, “am1”, “bn0”, “bn1”, “bm0”, “bm1”]实现事件代理输入url到页

盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识_，希望对初学者有用。一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是边框（border），然后最外层是外边距（

像我之前提到的那样，文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层，背景层可以是完全透明或者其它颜色，也可以是一张图片。此背景层由8个CSS属性（加上1个简写的属性）控制。background-colorbackground-color属性设置元素的背景颜色。它的值可以是任意合法的颜色值或者是transparent关键字。.left { background-color: #ffdb3a; }.middle { background-color: #67b3dd; }.right {

面试题：Html1，html语义化2，meta viewport相关3，canvas 相关CSS1，盒模型1.1，ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小 css设置方法1.2，几种获得宽高的方式1.3，拓展 各种获得宽高的方式1.4，边距重叠解决方案(BFC) BFC原理2，css reset 和 normalize.css 有什么区别3，居中方法3.1，水平方向上3.2，垂直居中3.3，垂直水平居中根据上方结合4，

如果你正在使用 React.js 或 React Native 创建用户界面，可以试一试本文推荐的这些框架。React.js 和 React Native 是流行的用户界面（UI）开发平台，且都是开源技术。在 StackOverflow 的 2019 年开发人员调查中，它们在期望度和使用率方面都有很高的排名。React.js 是 Facebook 在 2011 年作为一个 JavaScript 库开发而成的，目的是满足跨平台、动态和高性能 UI 的需求；而 Facebook 在 2015 年发布的 Rea

基础试探revert首先肯定的是 revert，git revert commit_id 能产生一个 与 commit_id 完全相反的提交，即 commit_id 里是添加， revert 提交里就是删除。但是使用 git log 查看了提交记录后，我就打消了这种想法，因为提交次数太多了，中途还有几次从其他分支的 merge 操作。”利益于”我们不太干净的提交记录，要完成从 C 版本到 N 版本的 revert，我需要倒序执行 revert 操作几十次，如果其中顺序错了一次，最终结果可能

思维导图闭包了解闭包前先来了解一下上级作用域和堆栈内存释放问题。上级作用域的概念函数的上级作用域在哪里创建创建的，上级作用域就是谁var a = 10function foo(){ console.log(a)}function sum() { var a = 20 foo()}sum()/* 输出 10/复制代码函数 foo() 是在全局下创建的，所以 a 的上级作用域就是 window，输出就是 10思考题var n =

前言你是否在为系统的数据库来一波大流量就几乎打满CPU，日常CPU居高不下烦恼？你是否在各种NoSql间纠结不定，到底该选用那种最好？今天的你就是昨天的我，这也是写这篇文章的初衷。这篇文章是我好几个月来一直想写的一篇文章，也是一直想学习的一个内容，作为互联网从业人员，我们要知道关系型数据库（MySql、Oracle）无法满足我们对存储的所有要求，因此对底层存储的选型，对每种存储引擎的理解非常重要。同时也由于过去一段时间的工作经历，对这块有了一些更多的思考，想通过自己的总结把这块写出来分享给大家。结构化

标签语义化：为了使我们的网站更好的被搜索引擎抓取收录，更自然的获得更高的流量，网站标签的语义化就显得尤为重要。所谓标签语义化，就是指标签的含义。语义化的优点：使页面没有css的情况下，也能够呈现出很好的内容结构；有利于SEO，爬虫依赖标签来确定关键字的权重，因此可以和搜索引擎建立良好的沟通，帮助爬虫抓取更多的有效信息；提升用户体验；便于团队开发和维护，语义化使得代码更具有可读性；方便其他设备解析，以有意义的方式来渲染网页；常用的语义标签：<h1>~<h6>标签：

HTML表格组成:由<table>标签以及一个或多个<tr>、<th>或<td>标签：<table>标签：用来定义表格，整个表格包含在<table></table>标签中；<tr>标签：用来定义表格中一个行，它是单元格的容器，每行可以包含有多个单元格，由<tr></tr>标签表示；<td>标签和<th>标签：用来定义单元格，所有单元格都在<

第一章 HTML1.浏览器页面有哪三层构成，分别是什么，作用是什么?2.HTML5的优点与缺点？3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?4.HTML5有哪些新特性、移除了哪些元素？5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？7.说说你对HTML5认识?（是什么,为什么）8.对WEB标准以及W3C的理解与认识?9.HTML5行内元素有哪些,块级元素有哪些, 空元素有

2. 如何判断一个字符串中某个字符出现的次数？在直接问这个问题之前，面试官先问了我下面这个问题：请说一下String常用的方法有哪些？该问题其实是考察Java基础，毕竟String类在平时的开发中使用非常广泛，我当时主要说了以下方法：lengthequalstrimsubstringconcatindexOflastIndexOfreplacesplittoLowerCasetoUpperCase以上只是面试时我想到的一少部分方法，更多String的方法大家可在IDEA

2. 如何判断一个字符串中某个字符出现的次数？在直接问这个问题之前，面试官先问了我下面这个问题：请说一下String常用的方法有哪些？该问题其实是考察Java基础，毕竟String类在平时的开发中使用非常广泛，我当时主要说了以下方法：lengthequalstrimsubstringconcatindexOflastIndexOfreplacesplittoLowerCasetoUpperCase以上只是面试时我想到的一少部分方法，更多String的方法大家可在IDEA

今天，给大家分享一波超炫的插件， 非常值得安利一波！1、日晒主题 Solarized Themes推荐指数：☆☆☆☆☆推荐理由：日晒主题本身是为vim定制的。后来移植到ide 非常酷！配色非常耐看。  最近更新不等号显示，注释不可编辑。背景图可是另外的插件设置的哈Background Image Plus +2、idea上 类调用时序图   SequenceDiagram for IntelliJ IDEA推荐指数：☆☆☆推荐理由：在梳理别人的代码的时候， 能够很

问：BFC 与 IFC 区别BFC 是块级格式上下文，IFC 是行内格式上下文：内部的 Box 会水平放置水平的间距由 margin，padding，border 决定问：BFC会与float元素相互覆盖吗？为什么？举例说明不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是 BFC，也没有设置 float，会形成对上面的元素进行包裹内容的情况，如果设置了下面元素为 overflow：

前言不知道大家平时上班，公司对于员工着装有什么要求？正常情况下，如果不是需要和客户打交道的部门，员工可以随意穿，不影响其他人就可以了。当然干净整洁是必须的，这也是每个员工最基本的素质，太邋遢了也不好。最近在职场论坛上看到这样一个帖子：程序员穿T恤上班被行政要求禁止进公司：太邋遢了，换个衣服再来上班。隔天收到邮件蒙了，网友：笑出眼泪！这是怎么回事呢？原来当天早上的时候，该公司程序员和平时一样穿个T恤就来公司上班了。可是公司行政部的员工就站在公司门口，检查每个人的着装，那些穿了T恤的员工是不让进公司的，

CSS 篇link 与 @import 的区别link 是 HTML 方式， @import 是CSS方式link 最大限度支持并行下载， @import 过多嵌套导致串行下载，出现 FOUC (文档样式短暂失效)link 可以通过 rel="alternate stylesheet" 指定候选样式浏览器对 link 支持早于 @import ，可以使用 @import 对老浏览器隐藏样式@import 必须在样式规则之前，可以在css文件中引用其他文件总体来说： link 优于 @impo

一、简历的准备简历制作是很重要的一个环节，一份好的简历会给面试官留下很不错的印象，也有助于你顺利通过简历筛选环节。个人基本信息：主要是姓名，联系方式，邮箱，学历等；技术技能：对了解、熟练掌握、精通这类词有概念，不要随便用精通；因为面试官一般会根据简历内容进行提问。项目经历：不写对求职无用项目经历、做的最好的项目 2 ~ 3 个即可，有数据支撑；工作经历：简略概述名称、在职时间、职位以及主要负责业务，也可以和项目经历结合起来写；注意事项：突出亮点：如开源项目、大厂背景、知名项目、个人博客、

CSS 篇link 与 @import 的区别link 是 HTML 方式， @import 是CSS方式link 最大限度支持并行下载， @import 过多嵌套导致串行下载，出现 FOUC (文档样式短暂失效)link 可以通过 rel="alternate stylesheet" 指定候选样式浏览器对 link 支持早于 @import ，可以使用 @import 对老浏览器隐藏样式@import 必须在样式规则之前，可以在css文件中引用其他文件总体来说： link 优于 @impo

HTML中标签元素三种不同类型：块状元素，行内元素，行内块状元素。块级元素：独占一行，宽度和父元素宽度一样宽（默认）可以设置宽高设置的width属性和元素的宽度（width+padding2+border2+margin2）是两回事(盒子模型)如果没有设置高度，高度由内容撑开块级元素可以包裹别的元素。p标签尽量不要包裹别的块级元素常用的块级元素：<div> </div>：块级的块标签，用于在效果中 定义一块；<p> </p>：段.

面试题：Html1，html语义化2，meta viewport相关3，canvas 相关CSS1，盒模型1.1，ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小 css设置方法1.2，几种获得宽高的方式1.3，拓展 各种获得宽高的方式1.4，边距重叠解决方案(BFC) BFC原理2，css reset 和 normalize.css 有什么区别3，居中方法3.1，水平方向上3.2，垂直居中3.3，垂直水平居中根据上方结合4，

面试题HTTP、浏览器1，浏览器存储的方式有哪些2，对前后端跨域可以说一下吗？如何解决跨域的？3，浏览器 cookie 和 session 的认识。4，输入URL发生什么？5，浏览器渲染的步骤6，页面渲染优化7，强制缓存和协商缓存8，GET 和 POST 请求的区别9，HTTP1.0 / 1.1 / 2.0 及HTTPS10，介绍下304过程11，HTTP 状态码12，Web性能优化CSS1，盒模型2，如何实现一个最大的正方形3，一行水平居中，多行居左4，水平垂直居中

突破困境：1. 提升学历前端找工作，学历重要吗？重要。谁要是告诉你不重要那一定是在骗你。现实情况是大专吃紧，本科够用，硕士占优，大专以下找到工作靠运气和真实力。学历是硬伤，已经毕业的你，没办法回到从前，如果你是大专，可以通过自考本科提升学历，会有一些帮助。起码可以让更多HR看你的简历。还有就是用技术的长处去弥补学历的短板，你要做到比学历比你高的人技术更好，让别人看到并认可你的能力。2. 提高技术前端开发的基础知识必须要扎实且深入去学习，达到精通的地步。掌握HTML +CSS， HTML是网

一个合格的前端需要哪些能力？1、三大基础技能，js、css、html这三项技能是前端工程师能力中的基础，任何框架、工具、库都是基于这三者只上的。这是硬实力，决定了整个前端生涯能够达到的高度，以及在后面的技术栈拓展中的顺畅程度和能够达到的效果。结合题主的描述，“会用jquery、js写一些常见的动画”，会用jquery只能说明你了解jquery这个库提供的api的使用方法，然而你跟offer的差距就是使用与实现的差距。很简单的一个例子，为什么写$(’#xxx’)就能取到元素？而想要回答这个问题，需要的就是扎

前端核心1.JSONP的缺点2.跨域（jsonp，ajax）3.如何实现跨域4.dom是什么，你的理解？5.关于dom的api有什么6.ajax返回的状态7.实现一个Ajax8.如何实现ajax请求，假如我有多个请求，我需要让这些ajax请求按照某种顺序一次执行，有什么办法呢？如何处理ajax跨域9.如何实现一个ajax请求？如果我想发出两个有顺序的ajax需要怎么做？10.Fetch和Ajax比有什么优缺点？11.移动应用和web应用的关系12.知道PWA吗13.做过移动端吗1

一、简历的准备简历制作是很重要的一个环节，一份好的简历会给面试官留下很不错的印象，也有助于你顺利通过简历筛选环节。个人基本信息：主要是姓名，联系方式，邮箱，学历等；技术技能：对了解、熟练掌握、精通这类词有概念，不要随便用精通；因为面试官一般会根据简历内容进行提问。项目经历：不写对求职无用项目经历、做的最好的项目 2 ~ 3 个即可，有数据支撑；工作经历：简略概述名称、在职时间、职位以及主要负责业务，也可以和项目经历结合起来写；注意事项：突出亮点：如开源项目、大厂背景、知名项目、个人博客、