ShaoKang Blog

人生在勤,不索何获.

HTML

https://www.yuque.com/cuggz/interview/gme0bw https://juejin.cn/post/7027728332972113927#heading-11 href 和 src href 是超文本引用,它是指向资源的位置,建立与目标文件的联系; src 目的是把资源下载到页面中 src 是 source 的缩写,指向外部资源的位置,指向的内容将...

css

选择器类型 id 选择器、class 选择器、属性选择器、*、伪类选择器、伪元素、后代选择器、子类选择器、兄弟选择器 权重计算规则 第一优先级:!important 会覆盖页面内任何位置的元素样式 1.内联样式,如 style=”color: green”,权值为 1000 2.ID 选择器,如#app,权值为 0100 3.类、伪类、属性选择器,如.foo, :first-child...

画图工具

前言 工欲善其事,必先利其器!本文分享几个自己在用的画图工具。 ProcessOn 网址:http://www.processon.com/ 优点:功能比较强大,满足日常画图需求。 缺点:免费版只能创建 9 个文件,但是可以通过邀请好友、发布图表以及完善个人信息等手段轻松获取更多的文件个数。 也是我一开始用的一款画图工具,由于文件数量限制的缺点逐渐被我遗弃。 Draw.io 网址...

babel 配置文件

1. 前言 最近开发基础库的时候,发现写的 babel 配置不起作用(后来查到原因是 .babelrc 文件不能作用到 node_modules 下的包,如果有该需求可以使用 babel.config.json)。这里借此机会梳理下每个 babel 配置文件的作用。 2. 配置文件类型 先看下官方文档中的介绍,babel 有两种并行的配置文件方式,可以一起使用,也可以单独使用。 ...

随笔

背景 最近工作上出了点问题,给团队带来了一些小麻烦,这个经历让我意识到了自己的不足和缺陷。结合最近在看 《清单革命》、《学会写作》,对这段时间做一些复盘和认知。也正是受了 《学会写作》书中的启发,让我意识到提高写作的办法就是需要多写。尽管在此之前我还看了《金字塔原理》,也了解到了一些写作的技巧,但写出来的东西还是差强人意,这或许还是自己的写作量不够导致,因此在这也立一个 flag,在此后一...

babel 相关知识

前言 项目中都会用到 babel 插件,日常开发想必也会遇到一些编译相关的问题,所以这里借此时间整理一下 babel 相关的知识。 babel 是什么? 官方解释:Babel 是一个工具链,主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。 简而言之就是将 ES 代码转换编译保...

webpack 资源内联

前言 前阵子发现项目中所有的资源最后都会编译内联到 html 中,内联资源是写的一个插件实现的,而该插件很久远不再维护,所以在网上找了些类似插件,这里记录下。 资源内联 资源内联(inline resource),就是将一个资源以内联的方式嵌入进另一个资源里面,即将 css 样式和 js 通过 style、script 标签直接签入到页面中。 这样做的好处是可以减少 HTTP 的请求数...

跨域请求

跨域 举个例子:一个域名为 a.com 的网站,它发起一个资源路径为 a.com/test 的 Ajax 请求,那么这个请求是同域的,因为资源路径的协议、域名以及端口号与当前域一致(例子中协议名默认为 http,端口号默认为 80)。但是,如果发起一个资源路径为 b.com/test 的 Ajax 请求,那么这个请求就是跨域请求,因为域不一致,与此同时由于安全问题,这种请求会受到同源策略限...

金字塔原理-读书笔记

前言 金字塔原理除了能够帮助人们以书面形式组织和表达思想意外,还适用于确定问题、分析问题的过程,可以对整个写作过程的组织和管理进行指导。 第一篇 写作的逻辑 引言 背景:多数人无法在写作上取得较大提高的原因是人们在文章中使用的句子过于冗长、表达过于笨挫。又或者其语言过于专业、抽象,段落中的句子关系安排较差。但这受自身的写作风格影响,想要改变难度很大。但文章条理不清的问题是可以通过改变...

四种常见的 POST 提交数据方式

上篇文章有提到 Content-Type,本文就来看看 POST 的几种常见的数据方式 HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分:请求行、请求头、消息主体。类似于下面这样: <method> <request-URL> <version> <headers> &...