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