特牛生活网

20200702 前端开发日报

每日开发周报
  • 一道有趣的JS基础题

    前言 在查阅资料的时候,看到一道考差 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非常霸道,它会改变数组,返回一个新

  • 昨天 GitHub 挂了两个小时

    首先说下 www.githubstatus.com  可以实时的查看到 Github 服务的可用性状态 ,文中关于可用性的截图都来自这里。 下图就是今天 (2020年06月30)能看到的服务状态,可以看到昨天 github 的除了 Git Pages 服务,其他服务都出现了事故(incidence);其中 Git operations(就是我们的 git 相关的

  • [建议]再来50道JS输出题酸爽继续

    最近一直在复习JavaScript部分,如果停留在基础知识点的话,收获可能不是很大,所以打算空闲的时间给做一张常见的JS面试题,给自己充充电:battery::battery: 当然了,肯定有人已经做过类似有趣的事情了,我觉得自己去做的话,总结一下,对巩固自己的知识点有所帮助:heavy_check_mark: 你的鼓励点赞:+1:收藏是这篇文章

  • JS+CSS3 实现图片滑块效果

    效果 分析该动画,可拆分成两个步骤: 鼠标移入或者移出时,添加一个动画 class 实现该动画 class,实现移入移出动画 HTML 和 CSS 布局 布局比较简单,一个父容器 ,里面一个 mask div,一个 img div {代码...}

  • git使用常见问题

    1、.gitignore部分或全部不起作用清除本地库的缓存: git rm -r --cached .将本地代码重新加入: git add .并让.gitignore文件夹生效,读取我配置的过滤规则: git commit -m ‘update .gitignore

  • fastjson 的这些坑,你误入了没?

    背景:最近 fastjson 被爆出新的远程代码执行漏洞之后,赶紧督促项目组快马加鞭去修改(吐槽:真改不动,架不住项目既多又老),鉴于项目不同,依赖的 fastjson 版本也不同,本次着重谈 fastjson 1.2.16 版本遇到的那些问题?1 1 兼容性:低版本没问题,高版本抛异常 一、抛问题。 摘取部分代码

  • jvm-sandbox-repeater http 回放的 “陷阱” 与源码研读

    使用任何一个新技术,必定要经过采坑的过程。一千个团队面临一万个场景,在不同的场景下审视同一个开源技术,一定会有不同的看法。我们基于开源,回馈开源,这才是开源的魅力。 repeater地址:https://github.com/alibaba/jvm-sandbox-repeater 本文所有源码分析基于commit id:0a1b47b2aae295a5c4627e533e7

  • SpringBoot 实现 Websocket 通信详解

    ! 版权声明: 本博客内容均均为原创,每篇博文作为知识积累,写博不易,转载请注明出处。 目录 参考地址: Stomp 1.2 协议规范 Spring 框架对 WebSocket 的支持 示例地址: WebSocket 示例一:实现简单的广播模式 WebSocket 示例二:实现点对点模式(引入 Spring Security 实现鉴权

  • Node.js与二进制数据流

    二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。它的基数为2,进位规则是“逢二进一”,借位规则是“借一当二”,由18世纪德国数理哲学大师莱布尼兹发现。—— 百度百

  • 单行和多行文本溢出截断方案 css3 和 javascript

    在我们日常开发中的时候经常会遇到一种业务场景,需要截断一些文字的显示。可能是一行或者两行,或者根据字数限制或者用户的显示屏幕大小来展示对应的文字。 css 篇 一:单行文本溢出处理 代码 .text-ellipsis-single{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 复制代码

  • [LeetCode] 167. 两数之和 II – 输入有序数组:JavaScript 双指针解法

    我们可以使用解常规两数之和问题所使用的暴力法或者哈希表法,该题目解法请见: 1. 两数之和:JavaScript 三种解法,暴力和哈希表 但那样并没有利用本题有序数组的条件。我们应该想一下,如何利用该条件来进一步降低算法复杂度。 因为是有序数组,我们使用两个指针,初始分别位于数组第一个元素和最后一

  • 顺藤摸瓜:用单元测试读懂 Vue 3 watch 函数

    在 Vue 3.x 的 Composition API 中,我们可以用近似 React Hooks 的方式组织代码的复用;ref/reactive/computed 等好用的响应式 API 函数可以摆脱组件的绑定,抽离出来被随处使用了。 传统上在 Vue 2.x Options API 的实践中,不太推荐过多使用组件定义中的 watch 属性 -- 理由是除了某些新旧值比较和页面副作

  • JS-执行环境(Execution Context)和作用域(Scope)

    简单来说,执行环境就是JavaScript代码被解析编译时所在的环境。执行环境定义了变量或者函数有权访问的其他数据,决定了它们各自的行为。每当函数调用的时候就会产生一个执行环境,每个执行环境都有一个与之关联的变量对象,执行环境中定义的额所有变量和函数都保存在这个对象中,在编写代码中并不能访问这个对象,但是

  • Vue的API第一弹:{{ 全局配置api }}

    全局配置 API (Vue.config) 以下内容从官网摘抄 我是比较喜欢去官网的文档直接生吃的,碰到不理解的才回去看看别人是怎么了解的。比如webpack的publicPath着实令人深恶痛绝,乃至产生一种:“一千个哈姆雷特”这样的错觉,我觉得这是不好的。 Vue.config 是一个对象,包含 Vue 的全局配置。可以在启动应用之前修改

  • js高级程序设计学习-DOM操作

    Dom(文档对象模型)是 针对 HTML 文档的一个 API. DOM 描述了一个层次化的节点树。 节点类型 Node 类型 javaScript中的所有节点类型都继承自 Node类型 , 因此所有节点类型都共享者相同的基本属性和方法 每个节点都有一个 nodeType 属性, 用于表明节点的类型。 节点类型由 Node 类型中定义的下列 12 个数值常量

  • 标签: