普通网友-CSDN博客

原创 web前端开发培训在线，html5前端工程师教程

String字符串是系统里最常用的类型之一，在系统中占据了很大的内存，因此，高效地使用字符串，对系统的性能有较好的提升。针对字符串的优化，我在工作与学习过程总结了以下三种方案作分享：一.优化构建的超大字符串验证环境：jdk1.8 反编译工具：jad 1.下载反编译工具jad，百度下载 2.验证先执行一段例子1代码： public class test3 { public static void main(String[] args) { String str="ab"+"cd

2021-07-24 11:21:45 153

原创 web前端开发培训公司，css高度

一、什么是CAS CAS指CompareAndSwap，顾名思义，先比较后交换。比较什么？交换什么呢？ CAS中有三个变量：内存地址V，期待值A, 更新值B。当且仅当内存地址V对应的值与期待值A时相等时，将内存地址V对应的值更换为B。二、atomic包有了悲观锁，乐观锁的知识，让我们走进java.util.atomic包，看一看java中CAS的实现。这就是java.util.atomic包下的类，我们着重看AtomicInteger源码（其他的都是一样的思想实现的）然后思考CAS有什么弊端？如

2021-07-24 11:20:20 93

原创 web前端开发发展趋势，jquery文件上传一起

我想大家肯定都或多或少的看过各种“策略模式”的讲解、布道等等，这篇文章就是来好好“澄清”一下策略模式，并尝试回答以下的问题： 1. 策略模式是如何优化业务逻辑代码结构的？ 2. 杀鸡焉用宰牛刀？就是几个if else场景我需要用到策略模式？！ 3. 有没有什么更好的代码结构来实现策略模式的吗？策略模式是如何优化业务逻辑代码结构的？要回答这个问题，我们还得先扒一扒策略模式的定义，从定义着手来理解它策略模式的教科书定义它的定义很精简：一个类的行为或其算法可以在运行时更改。我们把它降维到代码层面，用人话翻

2021-07-24 11:19:37 61

原创 web前端开发发展趋势，css按钮样式

背景知识 Angular Google 的一名员工 Misko Hevery 当时正在做一个副业项目，旨在简化构建 Web 应用程序的过程。他在 2010 年将解决方案作为开源项目发布，名为 AngularJS，并被一些知名企业积极使用。几年后，由于 JavaScript 有了新的进展，团队被迫将 AngularJS 基于 TypeScript 重写，为了避免混淆，新框架名称去掉了“JS”。Angular 每年更新两次，上一次更新是 2020 年 2 月 6 日发布的 Angular 9。 Reac

2021-07-24 11:18:56 173

原创 web前端开发入门学习，前端自学难吗

生产-消费者队列，用于多节点的分布式数据结构，生产和消费数据。生产者创建一个数据对象，并放到队列中；消费者从队列中取出一个数据对象并进行处理。在ZooKeeper中，队列可以使用一个容器节点下创建多个子节点来实现；创建子节点时，CreateMode使用 PERSISTENT_SEQUENTIAL，ZooKeeper会自动在节点名称后面添加唯一序列号。EPHEMERAL_SEQUENTIAL也有同样的特点，区别在于会话结束后是否会自动删除。敲小黑板：*_SEQUENTIAL是ZooKeeper的一个很重要的

2021-07-24 11:16:05 52

原创 web前端开发入门学习，前端网页开发工具

前言虽然现在处理日期方面已经有了很成熟的也很好用的库，例如（momentjs和date-fns），但是在实际开发中，我们有时候可能并不需要整个库。所以我就在下面整理了在前端开发时对日期时间的各种操作，也算是比较全的了。其中一部分来自自己，还有一部分来源于我们万能的网友~ ##获取当前时间戳 var timestamp = Date.parse(new Date()); //精确到秒 var timestamp = (new Date()).valueOf(); //精确到毫秒 var timestam

2021-07-24 11:15:23 62

原创 web前端开发初级，JavaScript基础面试题

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

2021-07-23 11:03:11 227

原创 web前端开发初级，CSS的三种定位

打成war包并放入Tomcat等Servlet容器下面运行的，都认为是SpringMVC传统的启动方式。和SpringBoot连用且采用内嵌Web服务器并打成jar包直接运行的，可以认为是SpringMVC现代的启动方式。传统的启动过程基于web.xml(配置文件)的方式启动肯定算传统的，但由于现在web.xml几乎已经绝迹，所以就不考虑它了。与之相对的就是基于编程(写代码)的方式启动，流行于前几年的SSM(Spring、SpringMVC、MyBatis)中。当然也算传统的。在上一篇中讲到，通过

2021-07-23 11:02:27 53

原创 web前端开发初学者，html的介绍及常用标签

一般来说，为了应对高并发和高可用，应用服务器都会由单体向分布式演变。而从单体到分布式，通常会遇到四个问题必须要去解决。一，session共享首先第一个要解决的就是sesison共享的问题，如下图。通常有两种解决方案，第1种是配置nginx的负载集群策略为ip_hash，第2种是将session存储到其它地方，一般推荐放到redis中。第1种方案适合于临时解决或者是为了兼容历史项目，但是从应用服务器无状态的角度考虑，推荐把用户会话session放到redis，如下图。二，本地缓存如果使用本地缓

2021-07-23 11:01:46 80

原创 web前端开发入门学习，解决外边距塌陷的问题

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

2021-07-23 11:00:22 66

原创 web前端开发做项目，CSS的伪类和伪元素

先问小伙伴们一个问题，登录难吗？“登录有什么难得？输入用户名和密码，后台检索出来，校验一下不就行了。”凡是这样回答的小伙伴，你明显就是产品思维，登录看似简单，用户名和密码，后台校验一下，完事了。但是，登录这个过程涵盖的知识点是非常多的，绝不是检索数据，校验一下这么简单的事。那么登录都要哪些实现方式呢？i最传统的就要是Cookie-Session这种方式了，最早的登录方式都是这样实现的。但是随着手机端、H5端的兴起，前后端分离的模式越来越流行，基于Cookie-Session这种登录方式不是很方便，渐渐的J

2021-07-23 10:59:38 51

原创 web前端开发做项目，CSS的三种定位

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

2021-07-23 10:58:57 102

原创 web前端开发人员要求，CSS的行内样式与内联样式

在CSS中，可以使用position属性来定位元素。position 属性规定元素的定位类型。属性值： absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed：生成固定定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative：生成相对定位的元素，相

2021-07-23 10:58:13 146

原创 web前端开发书籍，学习路线图必不可少

既然使用在项目中使用了MQ，那么就不可避免的需要考虑消息丢失问题。在一些涉及到了金钱交易的场景下，消息丢失还是很致命的。那么在RocketMQ中存在哪几种消息丢失的场景呢？先来一张最简单的消费流程图：上图中大致包含了这么几种场景：生产者产生消息发送给RocketMQ RocketMQ接收到了消息之后，必然需要存到磁盘中，否则断电或宕机之后会造成数据的丢失消费者从RocketMQ中获取消息消费，消费成功之后，整个流程结束这三种场景都可能会产生消息的丢失，如下图所示：场景1中生产者将消息发

2021-07-23 10:57:32 73

原创 web前端开发中心，前端校招面试题及解析大全

在职场上有个很现实的问题，那就是大部分高学历的人才都集中在大城市以及大公司。而那些小公司由于给不起好的平台和高额的薪水，只能招聘那些普通的学生。如果有高学历的人愿意来小公司，那么说明小公司前景应该很不错，至少有一个能够吸引他们的地方。最近在职场论坛上看到这样一个帖子：985研究生被小公司领导留了3年，一直不让辞职，结果辞职时领导的话汤他蒙了：我早该让你走的！这是怎么回事呢？原来这个网友说自己在一个三线城市的小公司当领导，3年前公司来了一个985的硕士，代码写得还是挺不错的，领导很看重这个新员工，很快新

2021-07-23 10:56:49 295

原创 web前端开发培训公司，CSS定位

当需要从数据库查询的表有上万条记录的时候，一次性查询所有结果会变得很慢，特别是随着数据量的增加特别明显，这时需要使用分页查询。对于数据库分页查询，也有很多种方法和优化的点。下面简单说一下我知道的一些方法。准备工作为了对下面列举的一些优化进行测试，下面针对已有的一张表进行说明。表名：order_history 描述：某个业务的订单历史表主要字段：unsigned int id，tinyint(4) int type 字段情况：该表一共37个字段，不包含text等大型数据，最大为var

2021-07-22 12:37:50 72

原创 CSS颜色基本样式

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

2021-07-22 12:36:25 81 1

原创 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-22 12:35:42 40

原创 CSS的文本样式属性值

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

2021-07-22 12:34:59 108

原创 CSS文本样式值

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

2021-07-22 12:34:17 30

原创 0基础学习前端开发，html的常用标签

96道前端面试题下面给大家分享96道前端面试题 1，一些开放性题目自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。项目介绍如何看待前端开发？平时是如何学习前端开发的？未来三到五年的规划是怎样的？ 2，position的值， relative和absolute分别是相对于谁进行定位的？ 3，如何解决跨域问题 4，XML和JSON的区别？ 5，谈谈你对webpack的看法 6，说说TCP传输的三次握手四次挥手策略 7，TCP和UDP的区别 8，说说你对作用域链的理解

2021-07-22 12:33:33 75 1

原创 0基础web前端开发，web前端CSS全局样式

生产-消费者队列，用于多节点的分布式数据结构，生产和消费数据。生产者创建一个数据对象，并放到队列中；消费者从队列中取出一个数据对象并进行处理。在ZooKeeper中，队列可以使用一个容器节点下创建多个子节点来实现；创建子节点时，CreateMode使用 PERSISTENT_SEQUENTIAL，ZooKeeper会自动在节点名称后面添加唯一序列号。EPHEMERAL_SEQUENTIAL也有同样的特点，区别在于会话结束后是否会自动删除。敲小黑板：*_SEQUENTIAL是ZooKeeper的一个很重要的

2021-07-22 12:32:49 41

原创 web前端开发发展前景，前端应届生如何做一个职业规划

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

2021-07-21 17:49:34 317

原创 web前端开发发展前景，前端优秀实践指南

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

2021-07-21 17:48:51 48

原创 web前端开发前景，一个前端妹子的面试笔记

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

2021-07-21 17:48:10 89

原创 web前端开发入门课程，Web前端基础三剑客学习知识分享

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

2021-07-21 17:47:28 50

原创 web前端开发人员要求，熬夜整理最全面的HTML字符实体

基本知识 1. 区分Real DOM和Virtual DOM Real DOM Virtual DOM 更新缓慢。更新更快。可以直接更新 HTML。无法直接更新 HTML。如果元素更新，则创建新DOM。如果元素更新，则更新 JSX 。 DOM操作代价很高。 DOM 操作非常简单。消耗的内存较多。很少的内存消耗。 2. 什么是React？ React 是 Facebook 在 2011 年开发的前端 JavaScript 库。它遵循基于组件的方法，有助于构

2021-07-21 17:46:46 94 1

原创 web前端开发业余培训，CSS颜色基本样式

3）javascript初阶变量和运算符逻辑控制数据类型基础 Math类函数定时器 Array类 String类 Date类 Object类 4）JavaScript进阶 JavaScript DOM基础 this 事件事件流 JavaScript BOM 基础 call&apply&bind 自定义属性面向对象编程 5）ES6/7/8/9 ECMAScript6简介 let和const ES6+的作用域对象的扩展函数的扩展字符串的扩展 Symbol Set&a

2021-07-21 17:46:03 64

原创 Web前端基础三剑客学习知识分享，搞懂这些直接来阿里入职

学习路线第一阶段：网页制作 HTML：常用标签，锚点，列表标签，表单标签，表格标签，标签分类，标签语义化，注释，字符实体 CSS：CSS介绍，全局样式，行内样式，内联样式，选择器，字体样式值，文本样式值，颜色样式值，盒模型，控制台使用，清除默认样式，盒模型居中，外部距塌陷，标准文档流，块元素，行内元素，行内块元素，多种伪类元素，浮动，定位第二阶段：JavaScript动态交互 JavaScript初阶：变量与运算符，逻辑控制，Math类，函数，Object类，定时器，Array类，String类

2021-07-21 17:45:21 87

原创 web前端可视化开发，CSS的浮动属性

html 1，浏览器存储的方式有哪些 2，如何解决跨域的？ 3，浏览器 cookie 和 session 的认识。 4，输入URL发生什么？ 5，浏览器渲染的步骤 6，页面渲染优化 7，强制缓存和协商缓存 8，GET 和 POST 请求的区别 9，HTTP1.0 / 1.1 / 2.0 及HTTPS 10，介绍下304过程 11，HTTP 状态码 12，Web性能优化 css 1，盒模型 2，如何实现一个最大的正方形 3，一行水平居中，多行居左 4，水平垂直居中 5，两栏布局，左边固定，右边自适应，左右不

2021-07-21 17:44:37 56

原创 web前端入门开发，CSS字体样式值

面试前的准备在这部分，我将详细讲解面试前我们需要做哪些方面的工作，以保证我们在面试过程中更加顺利。准备一份漂亮的简历一份漂亮的简历就是你进入大厂的敲门砖。网上有很多教程教大家如何写出一份漂亮的简历，这里我就不做重复劳动了今天我就要逆向思维讲解一下什么样的简历是糟糕的，这里大家一定要检查一下自己的简历有没有如下的毛病：薪资期望定得过高或者过低。我们在简历上填写的期望薪资，建议和投递的岗位薪资范围较为接近，懒人可以直接填面议。因为定得过高，面试官看到之后可能会加大面试过程中提问问题的难度。（

2021-07-21 17:43:55 76

原创 web前端html开发学什么，CSS的浮动属性