写点什么

前端

170 人感兴趣 · 650 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/c0/c066a563350f0a149690dde746dba76b.jpeg?x-oss-process=image/resize,w_416,h_234

(鸡汤文)这一次我终于搞懂了 JavaScript 定时器的 this 指向!

用户头像
编程三昧7 小时前

忽然有一种感觉,每次学习一个知识点就像是谈一场恋爱:从初次邂逅,到彼此了解,一切都那么的符合恋爱的过程!

https://static001.geekbang.org/infoq/12/1247da1a44f3d1c8963060738c797849.jpeg?x-oss-process=image/resize,w_416,h_234

JavaScript 学习(六)

用户头像
空城机11 小时前

​​JavaScript 当年入门时的笔记,欢迎后来者来借鉴指点

https://static001.geekbang.org/infoq/bf/bf660206cd0df7af2af354bdbc7e4ab5.png?x-oss-process=image/resize,w_416,h_234

CSS 工程化

用户头像
法医17 小时前

类名冲突的问题,当你写一个css类的时候,你是写全局的类呢?还是写多个层级选择后的类呢?

https://static001.geekbang.org/infoq/b6/b69bee3220d02fc2561af103c53db895.jpeg?x-oss-process=image/resize,w_416,h_234

setTimeout(〒︿〒) 请原谅我一直以来对你的忽视

用户头像
编程三昧6 月 19 日

纸上得来终觉浅,绝知此事要躬行。哪怕是平时一个不起眼的小知识,我们也需要以认真的态度去学习,否则,说不定什么时候就会踩到坑,伤害到彼此!

https://static001.geekbang.org/infoq/89/897f0d56f01ca0b6c18e68d7a5e6b81f.png?x-oss-process=image/resize,w_416,h_234

前端 JavaScript 之『节流』的简单代码实现

用户头像
编程三昧6 月 19 日

首先,总结一下上一篇文章——《前端 JavaScript 之『防抖』的简单代码实现》的内容:「防抖」就是在高频率触发事件停止触发后,延时执行某个处理逻辑。

https://static001.geekbang.org/infoq/c7/c7441d1beeb8a22a4b446ad9f7edc659.webp?x-oss-process=image/resize,w_416,h_234

Three.js 杂记(十二)—— VR 全景效果制作·中

用户头像
空城机6 月 19 日

在web的前端发展过程中,对于视觉化的要求已经越来越高

https://static001.geekbang.org/infoq/a9/a90c5c3d1a8a243a9e2ca9c0f5404ea8.png?x-oss-process=image/resize,w_416,h_234

webpack 编译原理

用户头像
法医6 月 19 日

webpack 的作用是根据入口文件将源代码编译(构建、打包)成最终代码。中间经过webpack打包,打包的过程就是编译

https://static001.geekbang.org/infoq/df/df50aa13cf881e120cf5079d370fa702.jpeg?x-oss-process=image/resize,w_416,h_234

深入浅出 Ajax 的核心原理

用户头像
悟空聊架构6 月 18 日

1. 传统的 Web 网站,提交表单,需要重新加载整个页面。 2. 如果服务器长时间未能返回 Response,则客户端将会无响应,用户体验很差。 那该如何解决上述问题呢?

https://static001.geekbang.org/infoq/12/1247da1a44f3d1c8963060738c797849.jpeg?x-oss-process=image/resize,w_416,h_234

JavaScript 学习(五)

用户头像
空城机6 月 18 日

​JavaScript 当年入门时的笔记,欢迎后来者来借鉴指点

https://static001.geekbang.org/infoq/3e/3e72ead1400d52686f72ae302ba2fec3.jpeg?x-oss-process=image/resize,w_416,h_234

开发效率提升 50% 以上,爱奇艺官网主站的 Nuxt 实践

本文将从性能、缓存、限流、灾备、日志等几个方面来介绍我们是如何保证Nuxt服务的可用性及稳定性的。

https://static001.geekbang.org/infoq/42/428e28a4fda65f831e3eb80637ced477.png?x-oss-process=image/resize,w_416,h_234

vue 自定义指令

用户头像
法医6 月 18 日

我想大家都接触过v-on、v-show等等指令,那自定义指令是什么呢?自定义指令就是你现在所想的那样,自己写一个自定义指令去操作DOM元素,以达到代码复用的目的。一提到代码复用,我想大家都能想到组件,这里要注意的是自定义指令和组件的适用范围是不一样的。

https://static001.geekbang.org/infoq/12/1247da1a44f3d1c8963060738c797849.jpeg?x-oss-process=image/resize,w_416,h_234

JavaScript 学习(四)

用户头像
空城机6 月 17 日

​JavaScript 当年入门时的笔记,欢迎后来者来借鉴指点

https://static001.geekbang.org/infoq/d3/d382bc805e060543bd660a64c8ab349e.jpeg?x-oss-process=image/resize,w_416,h_234

前端 JavaScript 之『防抖』的简单代码实现

用户头像
编程三昧6 月 17 日

在加入防抖代码之后,input 事件并不会每次输入都会输出在多行文本,而是会在用户停止输入 delay 时间之后触发输出,频率确实低了很多。

https://static001.geekbang.org/infoq/15/15d1f414b160c3b96849d3e6be80f813.png?x-oss-process=image/resize,w_416,h_234

vue 组件通信总结

用户头像
法医6 月 17 日

以下这些通信方式,有的在开发中几乎用不到,不用去背,所以不用太纠结,也不要有太多心里负担,有个印象就行了,之所以整理纯粹是为了面试过程中可能会问到:vue组件之间有哪些通信方式? 回答的时候把名字一说就行了😚

https://static001.geekbang.org/infoq/ef/efe7b6b55329aa448f28e32ad54da8f4.jpeg?x-oss-process=image/resize,w_416,h_234

戏说前端 JavaScript 之『防抖节流』基础知识

用户头像
编程三昧6 月 16 日

函数防抖是某一段时间内只执行一次,而函数节流是间隔时间执行,不管事件触发有多频繁,都会保证在规定时间内一定会执行一次真正的事件处理函数。

https://static001.geekbang.org/infoq/12/1247da1a44f3d1c8963060738c797849.jpeg?x-oss-process=image/resize,w_416,h_234

JavaScript 学习(三)

用户头像
空城机6 月 16 日

JavaScript 当年入门时的笔记,欢迎后来者来借鉴指点 if条件判断语句 跳转语句

https://static001.geekbang.org/infoq/40/40cfa0c68b57dab21c8be3e67dc51743.png?x-oss-process=image/resize,w_416,h_234

请阐述 vue 的 diff 算法

用户头像
法医6 月 16 日

diff是什么?diff就是比较两棵树,render会生成两颗树,一棵新树newVnode,一棵旧树oldVnode,然后两棵树进行对比更新找差异就是diff,全称difference,在vue里面 diff 算法是通过patch函数来完成的,所以有的时候也叫patch算法

https://static001.geekbang.org/infoq/68/684df9d4c2145dab70204e0f9112ef06.png?x-oss-process=image/resize,w_416,h_234

前端 JS 之 AJAX 简介及使用

用户头像
编程三昧6 月 15 日

AJAX 是一个缩写,它的全名是 Asynchronous JavaScript and XML,意思就是异步 JavaScript 和 XML,即用JavaScript执行异步网络请求。

https://static001.geekbang.org/infoq/fd/fd92ba3b62c0bdfec410eb5f63f72726.png?x-oss-process=image/resize,w_416,h_234

vue 编码之优化手段

用户头像
法医6 月 15 日

性能优化本身就是一个很大的话题,并且它没有一个定式,最好是在具体的项目中具体分析,而不是说看到一个优化技巧一定要用在项目当中,这篇文章主要聊聊在vue编码阶段有哪些常见的优化手段

https://static001.geekbang.org/infoq/67/6782ec94a86746fa803706cf12f3b248.jpeg?x-oss-process=image/resize,w_416,h_234

推荐学 Java——应该了解的前端内容

用户头像
逆锋起笔6 月 15 日

本文是推荐学Java 系列第四篇,通过前三篇内容已经搞定了 JavaSE 的内容,接下来是真正进入Java后端开发的视界。先来了解基本学习路线,可能你会有这样的疑问:前端的内容到底该不该学?Java开发需不需要会前端?下面就来一一剖析。

【译】JavaScript 代码整洁之道 - 概述篇

用户头像
KooFE前端团队6 月 15 日

这篇文章是这一系列文章中的第一篇,它将对 "如何编写 JavaScript 整洁代码" 这个经常被提及的话题进行深入的探讨。在本系列中,我们将介绍和讨论书写整洁代码的技巧,每个程序员都应该了解并掌握这些技巧,并将这些技巧应用于 JavaScript/TypeScript 语言。

https://static001.geekbang.org/infoq/4a/4a3554960b910b9e375a6a2ac2afb139.jpeg?x-oss-process=image/resize,w_416,h_234

前端 CSS 变量简介及基本使用方法

用户头像
编程三昧6 月 14 日

CSS 变量(自定义属性)在某个地方存储一个值,然后在其他许多地方引用它,另一个好处是语义化的标识。

https://static001.geekbang.org/infoq/d7/d76a82381f30444217f3c9c71b75a56c.jpeg?x-oss-process=image/resize,w_416,h_234

浏览器上有趣的 Console 命令都了解吗?

用户头像
空城机6 月 14 日

作为用过JavaScript的各位来说,一定都知道使用console.log输出信息吧 (不知道也没关系 )

https://static001.geekbang.org/infoq/0d/0d3aad887d423e6e2424ea9096ba99e2.png?x-oss-process=image/resize,w_416,h_234

一文带你了解 vue2 之响应式原理

用户头像
法医6 月 14 日

在面试的过程中也会问到:请阐述vue2的响应式原理?,凡是出现阐述或者理解,一般都是知无不言言无不尽,知道多少说多少。接下来,我来谈谈自己的理解,切记不要去背,一定要理解之后,用自己的语言来描述出来。

https://static001.geekbang.org/infoq/12/1247da1a44f3d1c8963060738c797849.jpeg?x-oss-process=image/resize,w_416,h_234

JavaScript 学习(二)

用户头像
空城机6 月 13 日

JavaScript 当年入门时的笔记,欢迎后来者来借鉴指点

https://static001.geekbang.org/infoq/4b/4b93a2cd5ea51cbde4262e507f94a000.jpeg?x-oss-process=image/resize,w_416,h_234

CSS 选择器总结

用户头像
编程三昧6 月 13 日

CSS 是用于网页设计可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。 希望我们都能够通过 CSS 为自己绘制色彩缤纷的前端生涯!

新手讲解 this

用户头像
前端树洞6 月 13 日

前面说了‘call'、’apply‘ 、’bind‘,它们的作用就是用来改变this指向的,但是有一些小伙伴还不是特别了解this,那下面就详细的讲讲吧。

https://static001.geekbang.org/infoq/2d/2d3b017edc493ebf496f3a2720254061.png?x-oss-process=image/resize,w_416,h_234

请阐述一下 computed 和 methods 有什么区别?

用户头像
法医6 月 13 日

一些浅显的回答和更接近底层原理的回答

前端_前端资料文章-InfoQ写作平台