摘要：
同源策略 Same Origin Policy 日常开发中最常与网络打交道，那关于浏览器的同源策略和跨域相关的知识是该整理一下了。 首先需要明确的是，同源策略是浏览器的安全策略，由于存在这个策略，我们才需要对各种跨域需求进行处理。 同源策略的主要目的是为了保护用户的信息安全。 什么是同源 同源的含义 阅读全文
摘要：
margin 重叠问题 Margin Collapse 块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(重叠)为单个边距，其大小为单个边距的最大值(或如果它们相等，则仅为其中一个)，这种行为称为边距重叠。 MDN-外边距重叠 重叠的结果： 1、两个相邻的外边距都 阅读全文
摘要：
#BFC 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 BFC(Block formatting context)直译为"块级格式化上下文"。 它是一个独立的渲染区域 阅读全文
摘要：
Border 我平常border写得最多的样式就是 { border:1px solid color } 这就能看出来border其实是三个属性的简写，分别是 border-width、border-style、border-color。 这三个属性都与方向有关，所以可以分开按照方向写，也可以简写。 阅读全文
摘要：
1993 世界上第一个支持显示图片的浏览器Mosaic诞生 为了区分浏览器是否能显示图片，UserAgent诞生了，Mosaic将自己标志为NCSA_Mosaic/2.0（windows 3.1） 1994 Netscape开发自己的第一款浏览器Mozilla 支持框架（frame），UserAge 阅读全文
摘要：
背景 最近做的项目都和插件有关，就是在页面中调用插件的方法，然后进行操作。 插件就是ocx ActiveX控件，具体的说明可以自己去了解一下，在这里就不做赘述。 具体调用方式很简单： 1、在页面中写一个object标签，标签中定义一个classid属性，这个属性是获取到插件的关键 <object i 阅读全文
摘要：
背景 最近在写一个爬虫的小工具，卡在登录这里。 想爬的网站需要登录才能获取数据，登录又需要输入验证码。 好在验证码是简单的验证码，还可以自己识别试试。 需求分析 1、保存验证码图片 2、识别验证码 3、对识别的验证码进行人工校准 功能实现 1、保存验证码图片 虽然每个网站不一定一样，但是大体的思路是 阅读全文
摘要：
背景 早期写了一个很老的项目，目前一直在迭代维护。 没有用到模块化的思想，也没有用到目前流行的框架，就是引入了一些简单的样式库。 目前遇到的问题有： 1、代码未做压缩等处理，占用空间比较大 2、每次更新版本都需要清一下缓存才能读取到最新的静态资源 3、有一些新的ES6语法和老的语法混用之后兼容性不佳 阅读全文
摘要：
背景：React使用create-react-app脚手架创建，然后yarn run eject暴露了配置之后修改less配置， 需求：实现antd组件按需加载与修改主题。 一开始是按照webpack.config.dev.js文件中的配置进行less的配置。 可以看到脚手架创建的config文件为 阅读全文
摘要：
前两天在用Canvas实现一个绘制路径的小功能。做完之后发现加以完善可以“复刻”一下PS里面的钢笔工具。 PS里的钢笔工具对我来说是PS中最好用的工具！ 所以本文主要介绍如何用Canvas来实现Photoshop中的钢笔工具 需求分析 首先我们来分析一下需求。 1、在画布上的点击效果 1.1点击可生 阅读全文