Charles's blog
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  •   
  •   
博客搬家啦

博客搬家啦

博客搬家啦,从 VULTR 搬到 GitHub Pages 了,采用 hexo 重新搭建。搬家过程中有部分内容遗失,本站正在逐步恢复。

2021-12-31
test
Hexo
Vue style 穿透样式选择器

Vue style 穿透样式选择器

vue 组件编译后会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保本组件的元素而不会污染全局。但如果你引用了第三方组件,又需要在父组件更改子组件的样式,就要用到组件穿透(也叫深度修改css)。

2021-04-12
前端
Vue
网页模板pug基本语法

网页模板pug基本语法

pug 原名 jade,因版权问题更名为 pug。与 hexo 默认模块 ejs 一样,pug 也是一个模板引擎,可用于快速的网站开发,当然也可以用于静态博客网站的设计。pug 不同于 html,它不需要标签的开和闭,但是对空格敏感。

2020-07-08
前端
Pug
JavaScript交换两个变量的值

JavaScript交换两个变量的值

如何只用一行代码且不使用临时变量交换 a,b 两个变量的值?

2020-07-07
前端
JavaScript
JS 语法「可选链」「双问号」

JS 语法「可选链」「双问号」

你可能写过:const street = user.address && user.address.street; 有了可选链你可以写成:const street = user.address?.street; 可选链操作符允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。

2019-08-22
前端
JavaScript
用 css 和 svg 绘制一朵“真实”的云

用 css 和 svg 绘制一朵“真实”的云

在本文中我们将专注于学习使用 SVG 过滤器来获得惊人的效果,我们不需要通过算法深入研究幕后发生的事情,就像艺术家不需要知道油漆的分子结构来渲染令人惊叹的风景一样。

2019-07-02
前端
CSS SVG
当position:fixed 遇上transform:translate

当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.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
我的博客
1234

搜索

Hexo Fluid