-
重学前端-21 | CSS选择器：伪元素是怎么回事儿？
我们在实际使用时，比较常用的连接方式是“空格”和“>”。 工程实践中一般会采用设置合理的 class 的方式，来避免过于复杂的选择器结构，这样更有利于维护和性能。最后，留给你一个问题，你所在的团队，如何规定 CSS 选择器的编写规范？你觉得它好吗？这是个好问题，按规范去做，去实践，才学的快，否则根本学不会，应该找找大厂有没有类似的规范看看…
-
重学前端-20 | CSS 选择器：如何选中svg里的a元素？
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body><svg width="100" height="28" viewBox="0 0 100 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:...…
-
重学前端-18 | JavaScript执行（三）：你知道现在有多少种函数吗？
我们在讲函数调用之前，首先来认识一下函数家族。 函数 在 ES2018 中，函数已经是一个很复杂的体系了，我在这里整理了一下。 第一种，普通函数：用 function 关键字定义的函数。 示例：function foo(){ // code}第二种，箭头函数：用 => 运算符定义的函数。 示例:const foo = () => { // code}第三种，方法：在 class 中定义的函数。 示例： class C { foo(){ //code ...…
-
重学前端 19
layout: posttitle: 重学前端-19 | JavaScript执行（四）：try里面放return，finally还会执行吗？date: 2019-04-01 15:30:35.000000000 +08:00tags: front-end, learn—带标签的语句实际上，任何 JavaScript 语句是可以加标签的，在语句前加冒号即可： firstStatement: var i = 1;大部分时候，这个东西类似于注释，没有任何用处。唯一有作用的时候是：与完成记...…
-
cell高度问题
这都9102年了，我还在手动计算cell高度，今天终于把这个问题搞定了。写了个demo：TestTableVIewEstimatedRowHeight手动计算的繁琐，简直是反人类的设计。没有使用自动计算，主要是因为view隐藏时，间距的问题，看看这个：https://stackoverflow.com/questions/18065938/how-to-use-auto-layout-to-move-other-views-when-a-view-is-hidden里面有很多方案，最省事的...…
-
左耳听风-编程范式游记
void swap(int* x, int* y){ int temp = *x; *x = *y; *y = tmp;}然而，这个函数最大的问题就是它只能给 int 值用，这个世界上还有很多类型包括 double、float，这就是静态语言最糟糕的一个问题习惯了静态强类型的语言，都忽视了这一点，原来想js那样函数参数不用类型声明的好处，是非常非常灵活。但是C++却很好的解决了这些问题。关于这个，本文的螺帽和螺丝刀的比喻太精彩了。后续也很精彩，耗子的文章真是精华中的精华泛型实现：void ...…
-
重学前端-17 | JavaScript执行（二）：闭包和执行上下文到底是怎么回事？
var b = {}let c = 1this.a = 2;要想正确执行它，我们需要知道以下信息： var 把 b 声明到哪里； b 表示哪个变量； b 的原型是哪个对象； let 把 c 声明到哪里； this 指向哪个对象。这个问题很有意思，对理解 js 很有帮助在只有 var，没有 let 的旧 JavaScript 时代，诞生了一个技巧，叫做：立即执行的函数表达式（IIFE），通过创建一个函数，并且立即执行，来构造一个新的域，从而控制 var 的范围。 由于语法规定了 functi...…
-
重学前端-16 | JavaScript执行（一）：Promise里的代码为什么比setTimeout先执行？
当拿到一段 JavaScript 代码时，浏览器或者 Node 环境首先要做的就是；传递给 JavaScript 引擎，并且要求它去执行。 然而，执行 JavaScript 并非一锤子买卖，宿主环境当遇到一些事件时，会继续把一段代码传递给 JavaScript 引擎去执行，此外，我们可能还会提供 API 给 JavaScript 引擎，比如 setTimeout 这样的 API，它会允许 JavaScript 在特定的时机执行。 所以，我们首先应该形成一个感性的认知：一个 JavaScri...…
-
重学前端-15 | HTML元信息类标签：你知道head里一共能写哪几种标签吗？
主要是meta…
-
重学前端-14 | 浏览器：一个浏览器是如何工作的？（阶段五）
最后的步骤，就是根据这些样式信息和大小信息，为每个元素在内存中渲染它的图形，并且把它绘制到对应的位置。本文中出现的“渲染”一词，统一指的是它在图形学的意义，也就是把模型变成位图的过程。 这里的位图就是在内存里建立一张二维表格，把一张图片的每个像素对应的颜色保存进去（位图信息也是 DOM 树中占据浏览器内存最多的信息，我们在做内存占用优化时，主要就是考虑这一部分）。位图不是图片哦，终于 get 到这个点，位图就是每个像素对应的颜色值这个渲染过程是非常复杂的，但是总体来说，可以分成两个大类：图...…