随笔分类 -  不正经的前端

浏览器编年史与UserAgent大乱斗
摘要：1993 世界上第一个支持显示图片的浏览器Mosaic诞生 为了区分浏览器是否能显示图片，UserAgent诞生了，Mosaic将自己标志为NCSA_Mosaic/2.0（windows 3.1） 1994 Netscape开发自己的第一款浏览器Mozilla 支持框架（frame），UserAge 阅读全文
posted @ 2020-08-10 18:34 Chellyyy 阅读(286) 评论(0) 推荐(1)
调用ocx ActiveX控件详解(做一个简单的ocx控件)
摘要：背景 最近做的项目都和插件有关，就是在页面中调用插件的方法，然后进行操作。 插件就是ocx ActiveX控件，具体的说明可以自己去了解一下，在这里就不做赘述。 具体调用方式很简单： 1、在页面中写一个object标签，标签中定义一个classid属性，这个属性是获取到插件的关键 <object i 阅读全文
posted @ 2020-04-29 13:46 Chellyyy 阅读(12894) 评论(3) 推荐(2)
nodeJS实现识别验证码（tesseract-ocr+GraphicsMagick）
摘要：背景 最近在写一个爬虫的小工具，卡在登录这里。 想爬的网站需要登录才能获取数据，登录又需要输入验证码。 好在验证码是简单的验证码，还可以自己识别试试。 需求分析 1、保存验证码图片 2、识别验证码 3、对识别的验证码进行人工校准 功能实现 1、保存验证码图片 虽然每个网站不一定一样，但是大体的思路是 阅读全文
posted @ 2020-01-08 18:35 Chellyyy 阅读(7931) 评论(0) 推荐(1)
写一个自己的打包工具-打包原生项目
摘要：背景 早期写了一个很老的项目，目前一直在迭代维护。 没有用到模块化的思想，也没有用到目前流行的框架，就是引入了一些简单的样式库。 目前遇到的问题有： 1、代码未做压缩等处理，占用空间比较大 2、每次更新版本都需要清一下缓存才能读取到最新的静态资源 3、有一些新的ES6语法和老的语法混用之后兼容性不佳 阅读全文
posted @ 2019-08-27 15:50 Chellyyy 阅读(1348) 评论(0) 推荐(1)
React引入AntD按需加载报错
摘要：背景：React使用create-react-app脚手架创建，然后yarn run eject暴露了配置之后修改less配置， 需求：实现antd组件按需加载与修改主题。 一开始是按照webpack.config.dev.js文件中的配置进行less的配置。 可以看到脚手架创建的config文件为 阅读全文
posted @ 2018-10-18 11:14 Chellyyy 阅读(10440) 评论(0) 推荐(0)
用Canvas实现Photoshop的钢笔工具（贝塞尔曲线）
摘要：前两天在用Canvas实现一个绘制路径的小功能。做完之后发现加以完善可以“复刻”一下PS里面的钢笔工具。 PS里的钢笔工具对我来说是PS中最好用的工具！ 所以本文主要介绍如何用Canvas来实现Photoshop中的钢笔工具 需求分析 首先我们来分析一下需求。 1、在画布上的点击效果 1.1点击可生 阅读全文
posted @ 2018-09-03 17:34 Chellyyy 阅读(4960) 评论(0) 推荐(4)
offsetX、clientX、screenX、pageX、layerX
摘要：pageX/Y 原点相对于文档窗口左上角。 offsetX/Y 原点相对于触发事件元素的左上角，需要注意的是，offset是有负值的，如果你的元素有边框，那么offset会是负值。 （黑色为鼠标点击点） （测试了IE11、Opera54.0.2952.71、Chrome68.0.3423.2、Fir 阅读全文
posted @ 2018-08-14 16:02 Chellyyy 阅读(1609) 评论(0) 推荐(0)
<lable>标签
摘要：最近用各种框架的时候，发现很多平常自己写代码没注意到的标签和用法，在这里记录一下。 其实是很多细节方面需要注意的写法。 <label> 定义：为input元素定义标注 label标签不会向用户呈现任何特殊效果，但它为鼠标用户改进了可用性。 用法：为label标签设置for属性，for属性绑定的是控件 阅读全文
posted @ 2018-06-05 18:13 Chellyyy 阅读(268) 评论(0) 推荐(0)