Vue style 穿透样式选择器 vue 组件编译后会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保本组件的元素而不会污染全局。但如果你引用了第三方组件,又需要在父组件更改子组件的样式,就要用到组件穿透(也叫深度修改css)。 2021-04-12 前端 Vue
网页模板pug基本语法 pug 原名 jade,因版权问题更名为 pug。与 hexo 默认模块 ejs 一样,pug 也是一个模板引擎,可用于快速的网站开发,当然也可以用于静态博客网站的设计。pug 不同于 html,它不需要标签的开和闭,但是对空格敏感。 2020-07-08 前端 Pug
JS 语法「可选链」「双问号」 你可能写过:const street = user.address && user.address.street; 有了可选链你可以写成:const street = user.address?.street; 可选链操作符允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。 2019-08-22 前端 JavaScript
用 css 和 svg 绘制一朵“真实”的云 在本文中我们将专注于学习使用 SVG 过滤器来获得惊人的效果,我们不需要通过算法深入研究幕后发生的事情,就像艺术家不需要知道油漆的分子结构来渲染令人惊叹的风景一样。 2019-07-02 前端 CSS SVG
当position:fixed 遇上transform:translate 任何非 none 的 transform 值都会导致一个 Stacking Context 和 Containing Block 的创建。由于堆叠上下文的创建,该元素会影响其子元素的固定定位。设置了 position:fixed 的子元素将不会基于 viewport 定位... 2018-10-22 前端 CSS Stacking-Context
0.1+0.2=? 非程序员也了解:计算机的世界只有0和1。而一个程序员应该了解:0 / 1组成的东西叫机器码,有原码、反码、补码等。一个JS程序员应该了解:JS中数字是不分类型的。一个稍微研究ES规范的JS程序员应该了解:IEEE 754标准... 2018-09-19 前端 JavaScript
前后端分离正确理解 在网站开发过程中,对于前后端的分界线似乎一直是众说纷纭。从一开始完全没有前后端的概念,到后来的纠缠不清。那么什么是前后端分离? 前端后端有两种协作方式,一种可以称之为是服务器端渲染,一种是叫做前后端分离。 这两种方式的差别是什么呢? 2018-07-30 我的博客
面向对象编程(OOP编程) 面向对象编程——Object Oriented Programming,简称OOP,是一种程序设计思想。OOP把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数。 面向过程的程序设计把计算机程序视为一系列的命令集合,即一组函数的顺序执行。为了简化程序设计,面向过程把函数继续切分为子函数,即把大块函数通过切割成小块函数来降低系统的复杂度。 而面向对象的程序设计把计算机程序视为一组对象的集合 2018-07-30 我的博客