- 博客(38)
- 收藏
- 关注
RSS订阅原创 web前端培训开发，ajax传对象到controller
秒杀抢购系统的成功平稳运行，有一些需要注意的知识点。1 高并发，以及刷接口等黑客请求对服务端的负载冲击2 高并发时带来的超卖，即商品数量的控制3 高负载下，下单的速度和成功率的保证4 其他以秒杀单品为例，如抢小米手机。解决方案探讨：第一步 限制前端发来的请求量譬如定在了周二10点开启抢购，那么在之前的一周时间内，都会有预约通知，或者普通的用户浏览。通过预约量、浏览量等数据分析，大概能预估到在周二会参与“点击抢购按钮”的人数。譬如有500万。此时，我们是知道实际商品数量的，譬如20万。那么
2021-07-24 11:06:41
215
原创 web前端在线开发，jquery跳转到新窗口
MySQL5.5 及以后版本的默认存储引擎使用的是 InnoDB，接下来针对事务的讲解都是基于 InnoDB 存储引擎的。事务的定义事务：数据库操作的最小工作单元，是作为单个逻辑工作单元执行的一系列操作; 事务是一组不可再分割的操作集合（工作逻辑单元）。典型事务使用场景：转账update user_account set balance = balance - 1000 where userID = 3;update user_account set balance = balance + 1.
2021-07-24 11:05:16
220
1
原创 web前端在线开发，csstranslate函数
MySQL5.5 及以后版本的默认存储引擎使用的是 InnoDB，接下来针对事务的讲解都是基于 InnoDB 存储引擎的。事务的定义事务：数据库操作的最小工作单元，是作为单个逻辑工作单元执行的一系列操作; 事务是一组不可再分割的操作集合（工作逻辑单元）。典型事务使用场景：转账update user_account set balance = balance - 1000 where userID = 3;update user_account set balance = balance + 1.
2021-07-24 11:04:32
185
原创 web前端前端开发培训，ajaxjson格式传递多个参数
前端字节（实习）一面自我介绍介绍项目滑动懒加载如何实现如果出现了问题怎么办http状态码讲一下http缓存promise设计方法清理缓存爬楼梯vue响应式原理了解react吗二面介绍一下做过的项目看题说输出: 原型链，this，promise实现[[‘a’, ‘b’], [‘n’, ‘m’], [‘0’, ‘1’]] => [“an0”, “an1”, “am0”, “am1”, “bn0”, “bn1”, “bm0”, “bm1”]实现事件代理输入url到页
2021-07-24 11:03:49
216
原创 web前端入门开发，学习好web前端
腾讯一面自我介绍简单聊了一下教育背景，问了一下专业学过的课程为什么选择前端开发深挖了一下前端开发的项目经历算法题：给一篇文章，统计文章中出现次数最多的单词，给出单词和次数（注意可能存在多个次数最大的单词）讲一下正则表达式了解网络通信吗，讲一下https项目中有遇到过跨域吗，讲一下跨域了解XSS攻击吗了解less吗vue了解哪些原理，自定义事件知道吗css水平垂直居中一道智力题：5:15的时针和分针夹角是多少(67.5)讲一下typescript，有哪些关键字js继承讲一下
2021-07-24 11:03:06
158
原创 web全栈开发，javascript与jquery的关系
作为一名系统重启工程师（SRE），你可能经常需要重启容器，毕竟 Kubernetes 的优势就是快速弹性伸缩和故障恢复，遇到问题先重启容器再说，几秒钟即可恢复，实在不行再重启系统，这就是系统重启工程师的杀手锏。然而现实并没有理论上那么美好，某些容器需要花费 10s 左右才能停止，这是为啥？有以下几种可能性：容器中的进程没有收到SIGTERM信号。容器中的进程收到了信号，但忽略了。容器中应用的关闭时间确实就是这么长。对于第 3 种可能性我们无能为力，本文主要解决 1 和 2。
2021-07-24 11:02:24
63
原创 vue前端开发，阿里面试前端
我想大家肯定都或多或少的看过各种“策略模式”的讲解、布道等等，这篇文章就是来好好“澄清”一下策略模式，并尝试回答以下的问题：1. 策略模式是如何优化业务逻辑代码结构的？2. 杀鸡焉用宰牛刀？就是几个if else场景我需要用到策略模式？！3. 有没有什么更好的代码结构来实现策略模式的吗？策略模式是如何优化业务逻辑代码结构的？要回答这个问题，我们还得先扒一扒策略模式的定义，从定义着手来理解它策略模式的教科书定义它的定义很精简：一个类的行为或其算法可以在运行时更改。我们把它降维到代码层面，用人话翻
2021-07-24 11:00:58
93
原创 vue前端开发，网时代前端培训
回表的概念先得出结论,根据下面的实验。如果我要获得[‘liu’,‘25’]这条记录。需要什么步骤。1.先通过[‘liu’]记录对应到普通索引index(name),获取到主键id:4.2.再通过clustered index，定位到行记录。也就是上面说的这条[‘liu’,‘25’]记录数据。因此，上述就是说的回表查询,先定位主键值，再定位行记录。多扫了一遍索引树。当然，也就多耗费了CPU，IO，内存等。1.stu_info表案例create table stu_info ( id int
2021-07-24 11:00:15
168
原创 web前端入门开发，学习路线让你少走弯路
1: React.lazy和React.Suspense封装dynamic函数动态引入组件1：基本使用//使用方法import React, {Component} from 'react';import {dynamic} from './utils';const LoadingHome = dynamic(() => import('./components/Home'));const LoadingUser = dynamic(() => import('./compon
2021-07-23 10:48:06
72
1
原创 web前端入门开发，你必须知道的CSS盒模型
高并发下的耗时操作高并发下，就是请求在一个时间点比较多时，很多写的请求打过来时，你的服务器承受很大的压力，当你的一个请求处理时间长时，这些请求将会把你的服务器线程耗尽，即你的主线程池里的线程将不会再有空闲状态的，再打过来的请求，将会是502了。请求流程图http1 http2 http3thread1 thread2 thread3解决方案使用DeferredResult来实现异步的操作，当一个请求打过来时，先把它放到一个
2021-07-23 10:47:24
34
原创 web前端入门开发，CSS复合选择器
96道前端面试题下面给大家分享96道前端面试题1，一些开放性题目自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。项目介绍如何看待前端开发？平时是如何学习前端开发的？未来三到五年的规划是怎样的？2，position的值， relative和absolute分别是相对于谁进行定位的？3，如何解决跨域问题4，XML和JSON的区别？5，谈谈你对webpack的看法6，说说TCP传输的三次握手四次挥手策略7，TCP和UDP的区别8，说说你对作用域链的理解
2021-07-23 10:46:41
85
原创 web前端入门宝典：html的介绍及常用标签
2018-2020年web前端面试题整理成PDF文档，共83页，内容主要包括有**html、css、JavaScript、DOM、HTTP、Vue、**等等2018面试题：Html1，html语义化2，meta viewport相关3，canvas 相关CSS1，盒模型1.1，ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小 css设置方法1.2，几种获得宽高的方式1.3，拓展 各种获得宽高的方式1.4，边距重叠解决方案(BFC) .
2021-07-23 10:45:57
120
1
原创 web前端入门宝典：2021中高级前端面试题合集
**MQ全称（Message Queue）又名消息队列，是一种异步通讯的中间件。**可以将它理解成邮局，发送者将消息传递到邮局，然后由邮局帮我们发送给具体的消息接收者（消费者），具体发送过程与时间我们无需关心，它也不会干扰我进行其它事情。常见的MQ有kafka、activemq、zeromq、rabbitmq 等等，各大MQ的对比和优劣势可以自行GooglerabbitmqRabbitMQ是一个遵循AMQP协议，由面向高并发的erlanng语言开发而成，用在实时的对可靠性要求比较高的消息传递上，支持多种
2021-07-23 10:45:14
364
原创 web前段开发培训，CSS的三种定位
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Visual Viewport）和理想视口（Ideal Viewport）。本文主要讨论移动端中的视口。1. 基本概念1.1 两种像素像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多，同一范围内能看到
2021-07-23 10:44:32
78
原创 web中间开发，HTML标签分类
面试题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-23 10:43:49
60
原创 web中间开发，CSS的伪类和伪元素
正文怪现象一：谁都可以指手画脚的前端开发我职业生涯很长一段时间都在做前端开发，我也做过后端开发，两者一对比，给我影响最深的不是技术差异，而是——前端开发者听到的『需求修改意见』要比后端多得多。后端这东西，毕竟是藏在后面的，外行不懂就是不懂，装不出来，他们也不好自取其辱乱比划，但是，前端嘛……谁都能看得见，没吃过猪肉还没见过猪跑，所以，谁都可以指手画脚提一点意见。只看得见界面的产品经理可以提一些意见。项目经理可以有一些意见。啥也不懂的老板也可以提一些意见。甚至连后端都可以来提一些意见。……正
2021-07-23 10:43:08
83
原创 web中间开发，CSS常用五类选择器
MyCat一个彻底开源的，面向企业应用开发的大数据库集群。基于阿里开源的Cobar产品而研发。能满足数据库数据大量存储；提高了查询性能。文章介绍如何实现MyCat连接MySQL实现主从分离，并集成SpringBoot实现读写分离。MySQL配置主从关系说明192.168.0.105 Linux 数据库作为主master数据库127.0.0.1 Window 作为从slave数据库master主数据库配置binlog是Mysql sever层维护的一种二进制日志，主要是用来记录对Mys
2021-07-23 10:42:24
99
原创 web中间开发，118页Vue面试题总结
CSS篇让一个元素水平垂直居中，到底有多少种方案？浮动布局的优点，缺点？清除浮动的方式？使用display:inline-block会产生的问题？解决方法？布局题：div垂直居中，左右10px，高度始终为宽度一半CSS如何进行布局什么是BFC？触发条件BFC渲染规则应用场景…JavaScript篇JS原始数据类型有哪些？引用数据类型有哪些？null是对象吗？为什么？‘1’.toString()为什么可以调用？0.1+0.2为什么不等于0.3？什么是BigInt?为什
2021-07-23 10:41:40
76
原创 web前端开发入门课程，JavaScript的字面量与变量
前言此 blog-react-admin 项目是基于蚂蚁金服开源的 ant design pro之上，用 react 全家桶 + Ant Design 的进行再次开发的，项目已经开源。效果预览开箱即用的中台前端 / 设计解决方案。Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的
2021-07-22 11:48:59
61
原创 web前端开发入门课程，HTML如何添加锚点
交集选择器并集选持器后代选择器子元素选择器相邻兄弟选择器属性选择器交集选择器交集选择器由两个选择器直接连接构成，其中第一个选择器必须是元素选择器，第二个选择器必须是类选择器或者 ID 选择器，两个选择器之间必须连续写，不能有空格。交集选择器选择的元素必须是由第一个选择器指定的元素类型，该元素必须包含第二个选择器对应的 ID 名或类名。交集选择器选择的元素的样式是三个选择器样式，即第一个选择器;语法：元素选择器 . 类选择器｜ #ID 选择器 { 属性.
2021-07-22 11:48:16
285
原创 web前端开发入门课程，CSS定位
字节面试题（实习）一面自我介绍this探讨说说有哪些改变this指向的方法假如要兼容IE，请简单实现一下bind你看过Vue的源码嘛？简单实现一下发布订阅模式UDP & TCP 说说两者的区别怎么判断这个包是UDP还是TCP说说HTTPS原理说说什么时候必须使用ETag浏览器缓存，说说都有哪些方法？二叉树左侧看二面自我介绍说说虚拟DOM和原始DOM相比的优缺点根据svelte框架，类比一下你还能说出什么缺点嘛？BFC是什么？什么情况下使用BFC该怎么触发B
2021-07-22 11:47:33
147
1
原创 web前端开发入门学习，学习路线图必不可少
正文js逻辑判断1)请写出下面的答案?内存泄漏1)哪些操作会造成内存泄漏？2)js内存泄漏的解决方式dom1)dom是哪种基本的数据结构？2)dom操作的常用api有哪些？3)dom节点的attribute和property有何区别？4)dom结构操作/ 怎样添加、移除、移动、复制、创建和查找节点/ dom操作的常用api？5)dom事件的级别？6)dom事件模型？7)dom事件流？8)描述dom事件捕获的具体流程？9)event对象的常见应用？10)自定义事件/ 模拟
2021-07-22 11:46:49
66
原创 web前端开发入门学习，HTML表单标签
分享：CSS3圆角技术能非常好的美化你的页面效果，而且避免了使用图片辅助，一则省去了制作图片的时间，二则省去了浏览器加载图片造成的延迟和带宽。如今，这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持，包括Safari，谷歌浏览器，IE，Opera和火狐浏览器。下面让我们来看看border-radius的语法，解释，以及IE是如何支持它的。语法和说明在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似：.roundElement {
2021-07-22 11:46:06
85
1
原创 web前端开发入门学习，CSS定位
架构方案使用 redis 集中存储，实现分布式集群共享用户信息，这里我们采用第三方开源插件crazycake来实现，pom.xml 引入：<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId></dependency&g
2021-07-22 11:45:23
59
原创 web前端开发入门学习，289页初中级前端题助你拿下Offer
##REM 是什么首先了解一下 CSS 中一些常见的长度单位：px 绝对长度单位，像素注意：浏览器（Chrome）默认文字大小为 16px，所能设置的最小单位为 12pxem相对长度单位，这个单位表示元素的font-size的计算值。如果用在font-size 属性本身，它会继承父元素的font-size。如果元素的 font-size 为 16px，元素的宽度设置为 width = 10em，则 width = 10em = 160px；如果元素父元素的 font-size 为 1
2021-07-22 11:44:40
85
原创 web前端开发做项目，JavaScript的for循环与双重for循环
搜索引擎想必大家一定不会默认，我们项目中经常使用的 ElasticSearch 就是一种搜索引擎，在我们的日志系统中必不可少，ELK 作为一个整体，基本上是运维标配了，另外目前的搜索引擎底层都是基于 Lucene 来实现的。小编最近遇到一个需求，因为数据量没有达到需要使用 ElasticSearch 的级别，也不想单独部署一套集群，所以准备自己基于 Lucene 实现一个简易的搜索服务。下面我们一起来看一下吧。背景Lucene是一套用于全文检索和搜索的开放源码程序库，由 Apache 软件基金会支持
2021-07-22 11:43:59
285
原创 web前端开发做项目，HTML标签语义化
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Visual Viewport）和理想视口（Ideal Viewport）。本文主要讨论移动端中的视口。1. 基本概念1.1 两种像素像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多，同一范围内能看到
2021-07-22 11:43:15
60
原创 web前端开发做项目，CSS盒子模型居中方法
面试题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-22 11:42:33
299
原创 CSS盒模型概述，妈妈再也不用担心我找工作了！
form表单细节一、表单1.表单 标签用于为用户输入创建 HTML 表单2.表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。3.表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。4.表单用于向服务器传输数据。二、表单form 的属性（一）action属性action 属性规定当提交表单时，向何处发送表单数据**属性值：**url 链接的地址（二）name属
2021-07-21 16:18:56
39
原创 CSS盒模型概述，吊打面试官系列！
正文怪现象一：谁都可以指手画脚的前端开发我职业生涯很长一段时间都在做前端开发，我也做过后端开发，两者一对比，给我影响最深的不是技术差异，而是——前端开发者听到的『需求修改意见』要比后端多得多。后端这东西，毕竟是藏在后面的，外行不懂就是不懂，装不出来，他们也不好自取其辱乱比划，但是，前端嘛……谁都能看得见，没吃过猪肉还没见过猪跑，所以，谁都可以指手画脚提一点意见。只看得见界面的产品经理可以提一些意见。项目经理可以有一些意见。啥也不懂的老板也可以提一些意见。甚至连后端都可以来提一些意见。……正
2021-07-21 16:18:15
39
原创 CSS盒模型居中方法，高级面试题+解析
问：BFC 与 IFC 区别BFC 是块级格式上下文，IFC 是行内格式上下文：内部的 Box 会水平放置水平的间距由 margin，padding，border 决定问：BFC会与float元素相互覆盖吗？为什么？举例说明不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是 BFC，也没有设置 float，会形成对上面的元素进行包裹内容的情况，如果设置了下面元素为 overflow：
2021-07-21 16:17:31
66
原创 CSS盒模型居中方法，完整PDF
第一个阶段，开发环境和工具准备浏览器 （Google，FireFox，…）下载，安装前端开发工具vscode，下载、安装 node、npm、webpack、webpack-cli、cnpm，配置前端开发环境下载、配置PHP和MySQL第二个阶段，前端入门，网页制作1，HTML：常用标签（div标签，p标签，span标签，a标签，img标签）锚点列表标签（有序列表，无序列表，自定义列表）表单标签表格标签标签分类标签语义化注释字符实体2，CSS：CSS介绍全局
2021-07-21 16:16:48
219
原创 CSS盒子模型居中方法，附超全教程文档
第一章 HTML（★★）1.浏览器页面有哪三层构成，分别是什么，作用是什么?2.HTML5的优点与缺点？3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?4.HTML5有哪些新特性、移除了哪些元素？5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？7.说说你对HTML5认识?（是什么,为什么）8.对WEB标准以及W3C的理解与认识?.9.HTML5行内元素有哪些,块级元素有哪些,
2021-07-21 16:16:05
480
原创 CSS盒子模型居中方法，月薪30K
一.我们为什么需要CSS？使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离 在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会定义很多重复的样式属性，并且修改的时候需要逐个修改，费心费力。是时候做出改变了，所以CSS就出现了。CSS的出现解决了下面两个问题：将HTML页面的内容与样式分离。提高web开发的工作效率二，什么是CSS？CSS是指层叠样式表(Cascading St
2021-07-21 16:15:23
325
原创 CSS盒子模型居中方法，完整版开放下载
第一章 HTML（★★）1.浏览器页面有哪三层构成，分别是什么，作用是什么?2.HTML5的优点与缺点？3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?4.HTML5有哪些新特性、移除了哪些元素？5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？7.说说你对HTML5认识?（是什么,为什么）8.对WEB标准以及W3C的理解与认识?.9.HTML5行内元素有哪些,块级元素有哪些,
2021-07-21 16:14:39
168
原创 CSS盒子模型居中方法，助（祝）2021成功拿到offer
96道前端面试题下面给大家分享96道前端面试题1，一些开放性题目自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。项目介绍如何看待前端开发？平时是如何学习前端开发的？未来三到五年的规划是怎样的？2，position的值， relative和absolute分别是相对于谁进行定位的？3，如何解决跨域问题4，XML和JSON的区别？5，谈谈你对webpack的看法6，说说TCP传输的三次握手四次挥手策略7，TCP和UDP的区别8，说说你对作用域链的理解
2021-07-21 16:13:57
60
原创 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 16:13:14
191
原创 CSS盒子模型居中方法，万字长文！
1、ant-design的使用总结及常用组件和他们的基本用法?ant-design为React，Angular和Vue都提供了组件，同时为PC和移动端提供了常用的基础组件。ant-design提供的demo非常的丰富并且样式能够基本的覆盖开发需求。antd的Demo因为是多人编写的，所以可以看到不同样式的实现都有，可以很好的满足不同开发的风格。常用的组件有：Button，Form，Radio，Select，TimePicker，Upload，Table等。使用时需要可以参考Demo来编写，并且在组件界面
2021-07-21 16:12:31
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人