自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 web开发规范,8个优秀的CSS实践

网上有句流传很广的话,你知道最好欺负的人是谁吗?答案是中年人。为什么中年人好欺负?上有老,下有小,还有房贷、车贷…随便一根小稻草,都能把人压得喘不过气来。生活可没那么慈善。蹦出来的还往往不是什么小稻草,而是一座大山,瞬间就能把这波好欺负的中年人直接压垮。比如说失业。最近又有裁员新闻上热搜,“西门子万人裁员“。还有一些公司,在酝酿裁员中,比如福特,预计明年要裁员12,000人。而裁员的重点对象,往往就是35岁以上的最怕失业的中年人。35岁,的确是职业生涯的一条分水岭。两年前,35岁的华为程序员

2021-07-23 14:44:02 173

原创 web开发要学多久,学习路线图必不可少

Vue知识要点为什么 Vuex的mutation中不能做异步操作?Vuex中所有的状态更新的唯一途径都是mutation,异步操作通过 Action 来提交 mutation实现,这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。每个mutation执行完成后都会对应到一个新的状态变更,这样devtools就可以打个快照存下来,然后就可以实现 time-travel 了。如果mutation支持异步操作,就没有办法知道状态是何时更新的,无法很好的进行

2021-07-23 14:43:19 151

原创 web开发要学多久,JavaScript的if关键字

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

2021-07-23 14:42:37 176

原创 web开发要学多久,HTML表单标签

一.我们为什么需要CSS?使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性,当HTML内容非常多时,就会定义很多重复的样式属性,并且修改的时候需要逐个修改,费心费力。是时候做出改变了,所以CSS就出现了。CSS的出现解决了下面两个问题:将HTML页面的内容与样式分离。提高web开发的工作效率二,什么是CSS?CSS是指层叠样式表(Cascading St

2021-07-23 14:41:54 135

原创 web开发要学多久,html标签元素类型

一、CSS在页面中可以帮助用户完成如下任务:显隐特效:借助CSS的display和visibility实现。再结合渐隐、渐显和各种动画序列,可以设计出复杂的视觉效果尺寸缩放:使用CSS的width和height实现。在变形动画中常见,如设计图像、栏目、页面展开、收缩等;动态控制目标对象的大小,设计变化的页面布局等对象定位:使用CSS的position、left、top、right、和bottom等,在位移动画中常见,如开发网页游戏视图控制:使用CSS的clip、overflow、vi

2021-07-23 14:41:10 89

原创 web开发要学多久,118页Vue面试题总结

分布式apollo简介Apollo(阿波罗)是携程框架部门研发的开源配置管理中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限、流程治理等特性。本文主要介绍如何使用apollo与springboot实现动态刷新配置,如果之前不了解apollo可以查看如下文档https://github.com/ctripcorp/apollo学习了解一下apollo,再来查看本文正文apollo与spring实现动态刷新配置本文主要演示2种刷新,一种基于普通

2021-07-23 14:39:44 150

原创 web开发要学习什么技术,HTML实体字符列表

1. 背景作为互联网行业技术从业者,接口调试是必不可少的一项技能,通常我们都会选择使用 Postman 这类工具来进行接口调试,在接口调试方面 Postman 做的确实非常出色。但是在整个软件开发过程中,接口调试只是其中的一部分,还有很多事情 Postman 是无法完成的,或者无法高效完成,比如:接口文档定义、Mock 数据、接口自动化测试等等。今天给大家推荐的一款神器: Apifox,它是集:接口文档管理、接口调试、Mock、**接口自动化测试于一体的。有的读者乍一看,会觉得和YAPI**

2021-07-23 14:39:00 109

原创 web开发者,前端开发应该如何准备面试

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

2021-07-23 14:38:17 105

原创 web开发者,React面试题总结

1.基本原理Flex 英文意思为,弯曲,屈伸,可以伸缩的布局,天生就是为了适配不同的分辨率。而且用法也很简单,首先只要告诉浏览器,我是一个伸缩布局就可以了。.faBox { display: 'flex'; //给父元素设置为伸缩布局 .sonBox1 { ... } .sonBox2 { ... }}设置完 Flex 之后,就会有下面的这个关系图,我们一个一个看。2.容器属性谁被设置成了 display: flex; ,谁就是容器。上面图中,faBox 就是容器,所以容

2021-07-23 14:37:33 97

原创 你中坑了吗?10大前端常用算法

html、css基础1,link和@import的区别?从属关系区别:link属于html标签,而@import是css提供的。加载顺序区别:页面被加载时,link会同时被加载,而@import引用的css会等到页面被加载完再加载。兼容性区别:import只在IE5以上才能识别,而link是html标签,无兼容问题。dom可操作性区别:可以通过JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式;权重区

2021-07-22 19:16:21 212

原创 什么?CSS颜色基本样式

分布式apollo简介Apollo(阿波罗)是携程框架部门研发的开源配置管理中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限、流程治理等特性。本文主要介绍如何使用apollo与springboot实现动态刷新配置,如果之前不了解apollo可以查看如下文档https://github.com/ctripcorp/apollo学习了解一下apollo,再来查看本文正文apollo与spring实现动态刷新配置本文主要演示2种刷新,一种基于普通

2021-07-22 19:15:39 185

原创 什么是基于web开发,CSS常用五类选择器

一面6道基本技术问题,居中、闭包、块级元素和行内元素等(答案在下方)某个项目的页面布局方式,缓存的设计和优化方式(本地存储和协议相关的)ajax 的原生写法(创建 XHR 对象, open() , setRequestHeader() , send() , onreadystatechange )vue-router 的原理( hash , HTML5 新增的 pushState )二面面试官:“你觉得你擅长CSS还是JS?”我:“JS。”面试官:“好,那我问你一道CS

2021-07-22 19:14:56 190 1

原创 互联网前端开发培训,React面试题总结

一、前言css3动画效果的强大不言而喻,自它出现一直热度不减,它与js动画的优劣也一直成为前端界争论的话题,不可置疑的是css3动画的出现在一定程度上降低了动画效果的实现难度,利于前端的学习,其精简的代码量把我们从烦人的js调试中解放出来,当然css的动画效果有其局限性,我们不能只用css3模拟出全部的就是动画,另外就是浏览器的兼容性问题。我们这次用css3实现一个轮播图效果,体验一下css3的强大。首先说明我们可次只实现了自动轮播,效果也是最常见的淡入淡出,并未实现点击轮换效果,至少在我目前水平来看,

2021-07-22 19:14:12 106

原创 互联网前端开发培训,CSS定位

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

2021-07-22 19:13:30 101

原创 为什么要学前端开发,HTML表格标签

一面(个人感觉回答得还不错)1. 自我介绍 2. 说项目,项目问的非常深(本人提到之前做过的一篇关于FULL GC的问题定位和优化的项目以及一个多并发的项目)2.1 对于自己产于过项目的系统定位是否清楚? 2.2 对于系统的各个模块是否清楚? 2.3 每个接口的tps? 2.4 对于上下游系统的依赖? 2.5 对于使用到的中间件、框架是否清楚?3. 你觉得你做的项目中最有亮点的事情? 4. memcache redis同类中间的差异、优缺点?使用注意点有哪些?memcache可以存储.

2021-07-22 19:12:48 109

原创 为什么要学前端开发,118页Vue面试题总结

不知道大家有没有这样的经历,明明感觉自己这个技术掌握的还行,能写在简历里肯定是有点自信的,但是被面试官一问,就感觉啥也不是当我从面试的大楼里出来的时候脑袋里还是昏昏沉沉的,你压根不知道我经历了什么,我就面试一个开发岗位,有必要问我这么多后来咨询了一下我在阿里的师兄,他是这么说的:现在的就业竞争很激烈,在考察技术的时候不单单是停留在应用层面,底层的原理你也要有所了解,这样在遇到不可控问题的时候你才能游刃有余的解决掉。跟他谈了蛮久,了解到我一些问题后,直接给了我一份他的学习笔记,让我回去用两个星期啃完,大

2021-07-22 19:12:07 317

原创 中级web开发工程师,JavaScript的for循环与双重for循环

关于程序员,除了做项目、看视频来提高自身的技术之外,还有一种提升自己的专业技能就是:多!看!书!MySQL俨然已经成为了IT技术人员必须掌握的核心技能之一!《MySQL从入门到精通》本书详细介绍了如何安装、管理、备份、维护和优化一个 MySQL 系统。对于每一件服务器操作都提出了多种的解决方案。对于每一种的方法,虽然不一定都是非常实用的方法,读者能通过这些方法,熟悉 MySQL 的特点和强大的功能。第一章简单介绍了 MySQL 的历史、特点,同时对 SQL 的语法进行了简单的介绍。如果读者对第一章的内

2021-07-22 19:11:24 196 1

原创 不服不行!解决外边距塌陷的问题

CSS浮动和清除浮动1.浮动floatdiv配合float浮动来做页面的布局,浮动最常用的地方就是用来做布局。只有一个标签设置了浮动float属性,就会变成块级标签。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>10float页面布局示例</title> <style> * { margin:

2021-07-22 19:10:42 175

原创 不服不行!CSS如何清除默认样式

ZooKeeper 很流行,有个基本的疑问:ZooKeeper 是用来做什么的?之前没有ZK,为什么会诞生 ZK?OK,解答一下上面的疑问:(下面是凭直觉说的)ZooKeeper 是用于简化分布式应用开发的,对开发者屏蔽一些分布式应用开发过程中的底层细节ZooKeeper 对外暴露简单的 API,用于支持分布式应用开发ZooKeeper 在提供上述功能的同时,其还是一个 高性能、高可用、高可靠的分布式集群上面说这么多,总结一下,ZK 能解决分布式应用开发的问题,ZK 能很好的解决问题。

2021-07-22 19:09:58 422

原创 开发前端培训班,289页初中级前端题助你拿下Offer

面试题HTML1,html5有哪些新特性?2,html5移除了那些元素?3,如何处理HTML5新标签的浏览器兼容问题?4,如何区分 HTML 和 HTML5?CSS1,CSS 选择符有哪些?2,CSS哪些属性可以继承?3,优先级算法如何计算?4, CSS3新增伪类有那些?5,CSS3有哪些新特性?6,解释盒模型宽高值得计算方式,边界塌陷,负值作用,box-sizing概念?7,BFC(Block Formatting Context) 是什么?应用?8,如何实现浏览器内多个标签

2021-07-21 22:36:38 132

原创 开发web培训,html标签之表格标签

计算机网络篇HTTPHTTP 报文结构是怎样的?HTTP有哪些请求方法?GET 和 POST 有什么区别?如何理解 URI?如何理解 HTTP 状态码?简要概括一下 HTTP 的特点和缺点?对 Accept 系列字段了解多少?对于定长和不定长的数据,HTTP 是怎么传输的?HTTP 如何处理大文件的传输?HTTP 中如何处理表单数据的提交?HTTP1.1 如何解决 HTTP 的队头阻塞问题?对 Cookie 了解多少?如何理解 HTTP 缓存及缓存代理?为什么产生代理缓存?

2021-07-21 22:35:54 115

原创 开发web培训,CSS块元素

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

2021-07-21 22:35:11 112

原创 常见的web开发技术,HTML常用的五种标签

面试题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,水平垂直居中

2021-07-21 22:34:29 184

原创 嵌入式web开发,HTML常用的五种标签

腾讯一面自我介绍简单聊了一下教育背景,问了一下专业学过的课程为什么选择前端开发深挖了一下前端开发的项目经历算法题:给一篇文章,统计文章中出现次数最多的单词,给出单词和次数(注意可能存在多个次数最大的单词)讲一下正则表达式了解网络通信吗,讲一下https项目中有遇到过跨域吗,讲一下跨域了解XSS攻击吗了解less吗vue了解哪些原理,自定义事件知道吗css水平垂直居中一道智力题:5:15的时针和分针夹角是多少(67.5)讲一下typescript,有哪些关键字js继承讲一下

2021-07-21 22:33:48 432

原创 少走弯路CSS解决盒模型居中的问题

一面6道基本技术问题,居中、闭包、块级元素和行内元素等(答案在下方)某个项目的页面布局方式,缓存的设计和优化方式(本地存储和协议相关的)ajax 的原生写法(创建 XHR 对象, open() , setRequestHeader() , send() , onreadystatechange )vue-router 的原理( hash , HTML5 新增的 pushState )二面面试官:“你觉得你擅长CSS还是JS?”我:“JS。”面试官:“好,那我问你一道CS

2021-07-21 22:33:04 116

原创 小程序开发前端,CSS字体样式值

二.技术基础知识基础知识一直都是重点考察的内容,包含有HTML(5)、CSS(3)、JavaScript到Vue,React等等所有可能考察的知识。基础知识不仅仅要知道是什么,更要明白怎么用,为什么这么用。死记硬背能应付一时,如果你遇到了想深入聊聊的面试官,死记硬背就没用了。所以每个知识点都要理解透彻,讲的清楚。每次面试都要提前做好准备,下面是一些常考的面试知识点,大家可以提前准备HTML(5):1)H5的新特性有哪些?2)Label的作用是什么?是怎么用的?3)HTML5的form如何关闭自

2021-07-21 22:32:22 255

原创 小程序开发前端,CSS块元素

学习路线HTML基础HTML是页面中内容的载体,可以展示开发者想要用户浏览的任何文字、图片、音频信息。对于HTML的各类标签,不仅要掌握日常开发中经常碰到的,也要慢慢积累那些不常用标签,块级、行内元素的定义以及二者相互转换几乎是每场技术一面常考问题。浏览器页面有哪三层构成,分别是什么,作用是什么?HTML5的优点与缺点?Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?HTML5有哪些新特性、移除了哪些元素?你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?每个HTM

2021-07-21 22:31:40 252

原创 学好前端开发,289页初中级前端题助你拿下Offer

一面css 如何实现垂直居中?position 有哪几种?分别说一下对应的效果和用法css 选择器优先级js 原型链,问了js 如何创建对象页面渲染和响应 式MVVM 和 MVC的区别Vue 生命周期,在哪个阶段可以获取页面 dom 信息Vue 的组件通信 ,聊到一些网络相关TCP 和 UDP 的区别TCP 的三次握手和四次挥手promise 有哪几种状态手写一个 promise算法题:最长公共前缀算法题:多层数组嵌套降级二面问项目的情况根据项目问了一点我的工作,接

2021-07-21 22:30:59 148

原创 学前端程序开发,学习路线图必不可少

第一个阶段,开发环境和工具准备浏览器 (Google,FireFox,…)下载,安装前端开发工具vscode,下载、安装 node、npm、webpack、webpack-cli、cnpm,配置前端开发环境下载、配置PHP和MySQL第二个阶段,前端入门,网页制作1,HTML:常用标签(div标签,p标签,span标签,a标签,img标签)锚点列表标签(有序列表,无序列表,自定义列表)表单标签表格标签标签分类标签语义化注释字符实体2,CSS:CSS介绍全局

2021-07-21 22:30:16 575

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除