一道有趣的JS基础题；手把手带你简单回答真实前端面试题；昨天 GitHub 挂了两个小时；[建议]再来50道JS输出题酸爽继续；【前端架构鉴赏 01】：Angular 架构模式与最佳实践；Spring Boot 集成 WebSocket 实现服务端推送消息到客户端；JS+CSS3 实现图片滑块效果；git使用常见问题
-
前言 在查阅资料的时候，看到一道考差 JavaScript 基础知识的题目，其中还是考查到一些自己掌握的不好的知识。 题目 function Foo() { getName = function () { console.log(1); }; return this; }; Foo.getName = function () { console.log(2); }; Foo.prototype.getN…
-
绝对定位+margin 绝对定位+transform flex 什么是盒模型？ 盒模型由这四个部分组成： content（内容区） padding（填充区） border（边框区） margin（外边界区） 列举几种清除浮动 clear 伪元素 创建BFC JS 数组slice和splice的区别？ splice非常霸道，它会改变数组，返回一个新…
-
首先说下 www.githubstatus.com 可以实时的查看到 Github 服务的可用性状态 ，文中关于可用性的截图都来自这里。 下图就是今天 （2020年06月30）能看到的服务状态，可以看到昨天 github 的除了 Git Pages 服务，其他服务都出现了事故（incidence）；其中 Git operations（就是我们的 git 相关的…
-
最近一直在复习JavaScript部分，如果停留在基础知识点的话，收获可能不是很大，所以打算空闲的时间给做一张常见的JS面试题，给自己充充电:battery::battery: 当然了，肯定有人已经做过类似有趣的事情了，我觉得自己去做的话，总结一下，对巩固自己的知识点有所帮助:heavy_check_mark: 你的鼓励点赞:+1:收藏是这篇文章…
-
Spring Boot 集成 WebSocket 实现服务端推送消息到客户端
假设有这样一个场景：服务端的资源经常在更新，客户端需要尽量及时地了解到这些更新发生后展示给用户，如果是 HTTP 1.1，通常会开启 ajax 请求询问服务端是否有更新，通过定时器反复轮询服务端响应的资源是否有更新。 在长时间不更新的情况下，反复地去询问会对服务器造成很大的压力，对网络也有很大的消耗，如果…
-
效果 分析该动画，可拆分成两个步骤： 鼠标移入或者移出时，添加一个动画 class 实现该动画 class，实现移入移出动画 HTML 和 CSS 布局 布局比较简单，一个父容器 ，里面一个 mask div，一个 img div {代码…} …
-
1、.gitignore部分或全部不起作用清除本地库的缓存： git rm -r –cached .将本地代码重新加入： git add .并让.gitignore文件夹生效，读取我配置的过滤规则： git commit -m ‘update .gitignore’
-
背景：最近 fastjson 被爆出新的远程代码执行漏洞之后，赶紧督促项目组快马加鞭去修改（吐槽：真改不动，架不住项目既多又老），鉴于项目不同，依赖的 fastjson 版本也不同，本次着重谈 fastjson 1.2.16 版本遇到的那些问题？1 1 兼容性：低版本没问题，高版本抛异常 一、抛问题。 摘取部分代码…
-
jvm-sandbox-repeater http 回放的 “陷阱” 与源码研读
使用任何一个新技术，必定要经过采坑的过程。一千个团队面临一万个场景，在不同的场景下审视同一个开源技术，一定会有不同的看法。我们基于开源，回馈开源，这才是开源的魅力。 repeater地址：https://github.com/alibaba/jvm-sandbox-repeater 本文所有源码分析基于commit id：0a1b47b2aae295a5c4627e533e7…
-
简介 这一篇确实拖的比较久，上节讲了服务负载均衡实现，但是如果需要调用远程服务， 如何保证不是调用不会集中在一台服务上，如何确保远程服务调用的负载均衡？ 这就要实现 Consumer 端调用rpc的负载均衡。所以本文章主要讲解 RPC负载均衡算法实现 。 算法 下面介绍几个主要的负载均衡算法如何实现，可…
-
! 版权声明： 本博客内容均均为原创,每篇博文作为知识积累,写博不易,转载请注明出处。 目录 参考地址： Stomp 1.2 协议规范 Spring 框架对 WebSocket 的支持 示例地址： WebSocket 示例一：实现简单的广播模式 WebSocket 示例二：实现点对点模式(引入 Spring Security 实现鉴权…
-
二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。它的基数为2，进位规则是“逢二进一”，借位规则是“借一当二”，由18世纪德国数理哲学大师莱布尼兹发现。—— 百度百科
-
单行和多行文本溢出截断方案 css3 和 javascript
在我们日常开发中的时候经常会遇到一种业务场景，需要截断一些文字的显示。可能是一行或者两行，或者根据字数限制或者用户的显示屏幕大小来展示对应的文字。 css 篇 一：单行文本溢出处理 代码 .text-ellipsis-single{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 复制代码 …
-
[LeetCode] 167. 两数之和 II – 输入有序数组：JavaScript 双指针解法
我们可以使用解常规两数之和问题所使用的暴力法或者哈希表法，该题目解法请见： 1. 两数之和：JavaScript 三种解法，暴力和哈希表 但那样并没有利用本题有序数组的条件。我们应该想一下，如何利用该条件来进一步降低算法复杂度。 因为是有序数组，我们使用两个指针，初始分别位于数组第一个元素和最后一…
-
H5生成海报之html2canvas插件及网络资源图片转base64
html2canvas插件相当于把相应的DOM节点里的所有元素按其属性来构建,然后生成截图保存,有些css属性它无法识别(理解不了),所以产生会有点偏差,不过问题不大 浏览器兼容: Firefox 3.5+ Google Chrome Opera 12+ IE9 + Edge Safari 6+ 安装及引入: npm install html2canvas # document即是需要绘制…
-
在 Vue 3.x 的 Composition API 中，我们可以用近似 React Hooks 的方式组织代码的复用；ref/reactive/computed 等好用的响应式 API 函数可以摆脱组件的绑定，抽离出来被随处使用了。 传统上在 Vue 2.x Options API 的实践中，不太推荐过多使用组件定义中的 watch 属性 — 理由是除了某些新旧值比较和页面副作…
-
JS-执行环境(Execution Context)和作用域(Scope)
简单来说，执行环境就是JavaScript代码被解析编译时所在的环境。执行环境定义了变量或者函数有权访问的其他数据，决定了它们各自的行为。每当函数调用的时候就会产生一个执行环境，每个执行环境都有一个与之关联的变量对象，执行环境中定义的额所有变量和函数都保存在这个对象中，在编写代码中并不能访问这个对象，但是…
-
全局配置 API （Vue.config） 以下内容从官网摘抄 我是比较喜欢去官网的文档直接生吃的，碰到不理解的才回去看看别人是怎么了解的。比如webpack的publicPath着实令人深恶痛绝，乃至产生一种：“一千个哈姆雷特”这样的错觉，我觉得这是不好的。 Vue.config 是一个对象，包含 Vue 的全局配置。可以在启动应用之前修改…
-
Dom(文档对象模型)是 针对 HTML 文档的一个 API. DOM 描述了一个层次化的节点树。 节点类型 Node 类型 javaScript中的所有节点类型都继承自 Node类型 , 因此所有节点类型都共享者相同的基本属性和方法 每个节点都有一个 nodeType 属性, 用于表明节点的类型。 节点类型由 Node 类型中定义的下列 12 个数值常量…
更多内容请关注公众号【前端开发博客】每日更新
