<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[m0_60143477的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/m0_60143477</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; m0_60143477]]></copyright><item><title><![CDATA[web开发交流，html数据库]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056553</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056553</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:45:07 +0800</pubDate><description><![CDATA[面试准备
1）准备面试简历：

个人基本信息：如姓名、年龄、联系电话、邮箱，专业，学校等
工作经历：包括工作时间、公司、岗位、职责、技术栈、突出业绩等。
对工作理解和掌握情况：说明每个技能点是了解、熟悉、熟练使用、还是精通的水平。精准定位应聘岗位任职要求。
其他：技术博客、开源项目，GitHub等（如果你有写博客的习惯，放上你的博客地址，是非常不错的加分项）

2）知识点复习

前端知识点学习笔记
前端常见面试题整理
应聘公司以往面试题针对性复习
以往面试经验总结回顾，吸取经验教训

3）调整好心态
过度自]]></description><category></category></item><item><title><![CDATA[web开发书籍，html链接外部css代码]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056544</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056544</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:44:25 +0800</pubDate><description><![CDATA[如何应对缓存穿透和缓存雪崩问题？
问题分析
这两个问题，说句实在话，一般中小型传统软件企业，很难碰到这个问题。如果有大并发的项目，流量有几百万左右。这两个问题一定要深刻考虑。
回答:
缓存穿透，即黑客故意去请求缓存中不存在的数据，导致所有的请求都怼到数据库上，从而数据库连接异常。
解决方案:

(一)利用互斥锁，缓存失效的时候，先去获得锁，得到锁了，再去请求数据库。没得到锁，则休眠一段时间重试
(二)采用异步更新策略，无论key是否取到值，都直接返回。value值中维护一个缓存失效时间，缓存如果过期，异步起]]></description><category></category></item><item><title><![CDATA[web应用程序开发，前端网页设计培训]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056532</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056532</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:43:41 +0800</pubDate><description><![CDATA[一面

6道基本技术问题，居中、闭包、块级元素和行内元素等（答案在下方）
某个项目的页面布局方式，缓存的设计和优化方式（本地存储和协议相关的）
ajax 的原生写法（创建 XHR 对象， open() ， setRequestHeader() ， send() ， onreadystatechange ）
vue-router 的原理（ hash ， HTML5 新增的 pushState ）
关于 ajax ,我再强调以下方面。

//open()接受3个参数：请求类型、 URL 和是否异步的布尔值
//]]></description><category></category></item><item><title><![CDATA[web应用程序开发，web前端工程师是干什么的]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056521</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056521</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:42:58 +0800</pubDate><description><![CDATA[##前言
随着Web应用的发展，需要在用户本地浏览器上存储更多的应用数据，传统的cookie存储的方案已经不能满足发展的需求，而使用服务器端存储的方案则是一种无奈的选择。HTML的Web Storage API是一个理想的解决方案。如果是存储复杂的数据，则可以借助Web SQL Database API来实现，可以使用SQL语句完成复杂数据的存储与查询。本文向大家介绍一下HTML5中的本地存储功能。
##本章知识点

了解Web Storage的优势
理解localStorage与sessionStorag]]></description><category></category></item><item><title><![CDATA[web应用开发，css两种盒子模型的区别]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056513</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056513</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:42:16 +0800</pubDate><description><![CDATA[HTML面试题部分
1.H5的新特性有哪些
2.Label的作用是什么？是怎么用的？
3.HTML5的form如何关闭自动完成功能
4.dom如何实现浏览器内多个标签页之间的通信?
5.实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都
能保持一致的效果
6.title与h1的区别、b与strong的区别、i与em的区别？
7.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
8.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
9.di]]></description><category></category></item><item><title><![CDATA[web应用开发，css3动画transform属性]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056503</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056503</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:41:33 +0800</pubDate><description><![CDATA[CSS 基础

请你讲一讲 CSS 的权重和优先级
介绍 Flex 布局，flex 是什么属性的缩写
CSS 怎么画一个大小为父元素宽度一半的正方形？
CSS实现自适应正方形、等宽高比矩形
实现两栏布局的方式
实现三列布局的方式
CSS 动画有哪些？
用css2和css3分别写一下垂直居中和水平居中
visibility 和 display 的差别（还有opacity)
opacity 可以有过渡效果？
BFC 与 IFC 区别
BFC会与float元素相互覆盖吗？为什么？举例说明
了解box-sizing]]></description><category></category></item><item><title><![CDATA[web应用开发技术，前端开发自学书籍]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056496</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056496</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:40:49 +0800</pubDate><description><![CDATA[既然使用在项目中使用了MQ，那么就不可避免的需要考虑消息丢失问题。在一些涉及到了金钱交易的场景下，消息丢失还是很致命的。那么在RocketMQ中存在哪几种消息丢失的场景呢？
先来一张最简单的消费流程图：

上图中大致包含了这么几种场景：

生产者产生消息发送给RocketMQ
RocketMQ接收到了消息之后，必然需要存到磁盘中，否则断电或宕机之后会造成数据的丢失
消费者从RocketMQ中获取消息消费，消费成功之后，整个流程结束

这三种场景都可能会产生消息的丢失，如下图所示：


场景1中生产者将消息发]]></description><category></category></item><item><title><![CDATA[web应用与开发，前端有什么好的学习网站]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056487</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056487</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:40:06 +0800</pubDate><description><![CDATA[一定时间无操作时播放视频
当时处于刚刚入行的阶段，经验比较差，所以有些很普通的需求自己却没思路。当时做的是 Electron 项目，放在阳明古镇的一面墙上展示，需求是当用户十分钟都不操作界面的话就自动播放阳明古镇的宣传视频，当时脑子就像是卡住了一样：怎么才能知道用户十分钟都没有操作呢？为此还专门去查找有没有这样的 API，后来看到一篇文章让我大呼真妙！????
原理也超级简单，就是在页面上设置一个十分钟的变量:
let minute = 10
复制代码

然后设置个定时器每分钟 -1:
setInterva]]></description><category></category></item><item><title><![CDATA[web小程序开发工具，网易高级前端工程师待遇]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056481</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056481</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:39:23 +0800</pubDate><description><![CDATA[前提
之前有个打算在学习RabbitMQ之前，把AMQP详细阅读一次，挑出里面的重点内容。后来找了下RabbitMQ的官方文档，发现了有一篇文档专门介绍了RabbitMQ中实现的AMQP模型部分，于是直接基于此文档和个人理解写下这篇文章。
AMQP协议
AMQP全称是Advanced Message Queuing Protocol，它是一个(分布式)消息传递协议，使用和符合此协议的客户端能够基于使用和符合此协议的消息传递中间件代理(Broker，也就是经纪人，个人感觉叫代理合口一些)进行通信。AMQP目前]]></description><category></category></item><item><title><![CDATA[web培训开发，ajax核心关键技术]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119056473</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119056473</guid><author>m0_60143477</author><pubDate>Sat, 24 Jul 2021 12:38:40 +0800</pubDate><description><![CDATA[既然使用在项目中使用了MQ，那么就不可避免的需要考虑消息丢失问题。在一些涉及到了金钱交易的场景下，消息丢失还是很致命的。那么在RocketMQ中存在哪几种消息丢失的场景呢？
先来一张最简单的消费流程图：

上图中大致包含了这么几种场景：

生产者产生消息发送给RocketMQ
RocketMQ接收到了消息之后，必然需要存到磁盘中，否则断电或宕机之后会造成数据的丢失
消费者从RocketMQ中获取消息消费，消费成功之后，整个流程结束

这三种场景都可能会产生消息的丢失，如下图所示：


场景1中生产者将消息发]]></description><category></category></item><item><title><![CDATA[web前端开发薪资，JavaScript的字面量与变量]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029892</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029892</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:26:52 +0800</pubDate><description><![CDATA[随着Web应用程序功能的日益复杂和复杂，Web开发人员需要灵活的工具来满足不断增长的用户期望。好消息是，Web开发生态系统为我们提供了很多选择，老牌公司和开源社区都在竞相构建更强大的库，框架和应用程序，以帮助开发人员完成工作并提高生产力和效率。
在本文中，我为前端Web开发人员汇总了30种顶级工具，从代码编辑器和代码游乐场到CSS生成器，JS库等等。
让我们潜入吧！
代码编辑器
前端开发人员花费数小时编写或编辑代码。因此，很自然，他们在工作中最亲密的朋友是代码编辑器。实际上，了解他们选择的代码编辑器及其所有]]></description><category></category></item><item><title><![CDATA[web前端开发自学难吗，CSS颜色基本样式]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029875</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029875</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:26:07 +0800</pubDate><description><![CDATA[字节跳动算法题
链表
面试题：反转单向链表
题目需要将一个单向链表反转。思路很简单，使用三个变量分别表示当前节点和当前节点的前后节点，虽然这题很简单，但是却是一道常考题
以下是实现该算法的代码
var reverseList = function(head) {
  // 判断下变量边界问题
  if (!head || !head.next) return head
  // 初始设置为空，因为第一个节点反转后就是尾部，尾部节点指向 null
  let pre = null
  let current ]]></description><category></category></item><item><title><![CDATA[web前端开发自学课程，CSS的伪类和伪元素]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029859</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029859</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:25:25 +0800</pubDate><description><![CDATA[字体样式针对的是“文字本身”的形体效果，而文本样式针对的是“整个段落”的排版效果。字体样式注重个体，文本样式注重整体。常见的文本样式如下表。




属性
说明



|text-indent|首行缩进
|text-align|水平对齐
|text-decoration|文本修饰
|line-height|行高
|text-transform|大小写转换
|letter-spacing、word-spacing|字母间距、词间距
接下来，我们一起来看看这些属性的运用。
text-indent
p元素的首行是]]></description><category></category></item><item><title><![CDATA[web前端开发自学视频，2020前端经典面试题整理合集]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029836</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029836</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:24:41 +0800</pubDate><description><![CDATA[01、第一个阶段，环境和工具准备

准备一台电脑，要能联网
下载、安装 node、npm、webpack、webpack-cli、cnpm，配置前端开发环境
下载、配置MySQL
下载、安装 vscode
准备一个 GitHub 仓库（或者码云），管理前端源代码

前端是一门计算机编程语言，学它的话，连台电脑都没有，学个屁。我有个亲戚家的孩子想学编程，就只看书，家里连台电脑都不配，说什么“先打好理论基础，再实操”，我真的是有点醉。
有了电脑，还得联网，自学的过程中肯定会遇到很多问题，遇到问题的时候先问搜索引]]></description><category></category></item><item><title><![CDATA[web前端开发自学要多久，CSS四种定位方式的详解]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029817</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029817</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:23:58 +0800</pubDate><description><![CDATA[问：BFC 与 IFC 区别
BFC 是块级格式上下文，IFC 是行内格式上下文：

内部的 Box 会水平放置
水平的间距由 margin，padding，border 决定

问：BFC会与float元素相互覆盖吗？为什么？举例说明
不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是 BFC，也没有设置 float，会形成对上面的元素进行包裹内容的情况，如果设置了下面元素为 overflow：]]></description><category></category></item><item><title><![CDATA[web前端开发自学要多久，CSS内联样式的使用]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029796</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029796</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:23:16 +0800</pubDate><description><![CDATA[1、什么是微服务？（暗藏杀机）
2、什么是微服务扩展性和高可用-可扩展性、高可用性和性能
3、架构师在微服务架构中的角色是什么？
决定整个软件系统的布局。 帮助确定组件的分区。 为开发微服务的团队提供某些工具和技术的建议。 提供技术治理，以便技术开发团队遵循微服务原则。
4、什么是 CI 持续集成
5、什么是Canary Releasing？说说你在项目中的应用
一种降低在生产中引入新软件版本的风险的技术，通过将变更缓慢地推广到一小部分用户，然后将其发布到整个基础架构。浅谈下你在项目中引进的新技术之类的。但]]></description><category></category></item><item><title><![CDATA[web前端开发自学网，一个前端妹子的面试笔记]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029784</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029784</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:22:33 +0800</pubDate><description><![CDATA[（2）问：0.1 + 0.2 === 0.3 嘛？为什么？
JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52）

1 符号位，0 表示正数，1 表示负数 s
11 指数位（e）
52 尾数，小数部分（即有效数字）

最大安全数字：Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1，转换成整数就是 16 位，所以 0.1 === 0.1，是因为通过 toPreci]]></description><category></category></item><item><title><![CDATA[web前端开发自学网，CSS的三种定位]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029767</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029767</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:21:49 +0800</pubDate><description><![CDATA[CSS 基础

请你讲一讲 CSS 的权重和优先级
介绍 Flex 布局，flex 是什么属性的缩写
CSS 怎么画一个大小为父元素宽度一半的正方形？
CSS实现自适应正方形、等宽高比矩形
实现两栏布局的方式
实现三列布局的方式
CSS 动画有哪些？
用css2和css3分别写一下垂直居中和水平居中
visibility 和 display 的差别（还有opacity)
opacity 可以有过渡效果？
BFC 与 IFC 区别
BFC会与float元素相互覆盖吗？为什么？举例说明
了解box-sizing]]></description><category></category></item><item><title><![CDATA[web前端开发职业，HTML常用的五种标签]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029741</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029741</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:21:05 +0800</pubDate><description><![CDATA[在Internet上搜索模板和主题时，很难找到免费的Vue资源。
即使您不在乎质量，它们似乎也很难被发现，并出于好奇而感动，我花了数小时在Google和Github上四处挖掘，结果得到了收集22种开源Vue模板和主题框架集合。我不会对此打赌，但是它们也是高质量的资源。
Bootstrap Vue

现场演示： https://bootstrap-vue.org/
github**：**https://github.com/bootstrap-vue/bootstrap-vue
BootstrapVue&nb]]></description><category></category></item><item><title><![CDATA[web前端开发职业培训，学习CSS行内样式]]></title><link>https://blog.youkuaiyun.com/m0_60143477/article/details/119029716</link><guid>https://blog.youkuaiyun.com/m0_60143477/article/details/119029716</guid><author>m0_60143477</author><pubDate>Fri, 23 Jul 2021 12:20:20 +0800</pubDate><description><![CDATA[第一阶段–HTML的学习

超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。
HTML 的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质， 将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记.]]></description><category></category></item></channel></rss>