Hi This Is My blog

一个人有两个我，一个在黑暗中醒着，一个在光明中睡着。

开源组件的定制化修改及优化过程记录

代码优化

在日常开发中常常有这种情况, 使用了某个ui组件库,但是因为功能需求,ui设计等原因,需要对组件进行较大的修改或者定制化开发.这时需要如何正确的修改或者开发呢? 修改组件源码的3种方式 一、组件源码修改 修改引入的lib文件,lib文件夹是组件打包编译后的文件夹，所以直接修改其中对应代码后保存运行即可看到效果。 以常用的element-ui为例 首先需要找到对应的组件文件夹 no...

Posted by czk on November 13, 2023

如何用Js抓取Canvas做成Gif

Canvas Js

某天在网上冲浪🏄‍♀️时发现了一个页面如下 看着gif觉得很有意思便想着保存下来，右键保存发现下载到本地的只有gif的第一帧，更换后缀名也没有生效 检查dom发现其元素是由canvas实现的 所以保存下来的图片只有当前帧 网络上有不少canvas转换的库，图省事的我决定直接在控制台写一段，JS抓取图片然后手动转换为Gif。 思路是逐帧抓取该gif的图片之后下载到本地 之后...

Posted by czk on May 8, 2023

JS的垃圾回收与内存泄漏

垃圾回收 内存泄漏

JS的垃圾回收与内存泄漏 JavaScript 是一门自动垃圾回收的语言，也就是说，我们不需要去手动回收垃圾数据，但是这不代表我们可以毫不关心Js的内存回收机制和原理吗，下面简单的说一下JS的垃圾回收与内存泄漏的基础。 垃圾从哪来？ 在js运行中当我们创建一个基本类型、对象都是需要占用内存的，但我们不需要显式手动的去分配内存而是交给引擎来完成。当我们不再需要某个已创建的东西时，垃圾就诞生...

Posted by czk on June 13, 2022

update和render两个函数的调用

_update和_render两个函数的调用

前言 书接上文，在updateComponent函数最终其实是对_update和_render两个函数的一次调用 // src/core/instance/lifecycle.js updateComponent = () => { vm._update(vm._render(), hydrating); }; _render 函数 Vue 的 _render 方法是实例的一...

Posted by czk on February 11, 2022

Vue.js是如何让数据渲染成最终的DOM？（一）

模板和数据如何渲染成最终的DOM的呢?

前言 文章是对自己学习探究Vue.js的总结和分享，也是以前的笔记，整理了一下发出来与大家一同学习。 时至今日，Vue.js已经被广泛的前端开发者使用，那么去探寻其内部的运行机制也是我们的必修课。模板和数据如何渲染成最终的DOM的呢? 数据驱动 数据驱动是Vue.js 一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改...

Posted by czk on February 9, 2022

我HTTPS只为三件事！

HTTPS来到这个世界只为三件事！安全，安全，还是TMD安全！

HTTPS来到这个世界只为三件事！安全，安全，还是TMD安全！ 这样的世界太不安全了 要通过互联网完成任何一件事情，你都需要发起一系列http请求，最终送到千里之外的某台服务器。 然而在http时代通过 Wireshark等各种各样的抓包软件就可以把所有的通信包记录下来并分析其中的数据，你会发现你的帐号，密码，绝大部分信息以明文的信息在互联网上流动！这样的世界太不安全了...

Posted by czk on September 1, 2021

8月面试相关

面试总结

http与htps s是安全证书 传输加密保障安全 HTTP协议运行在TCP之上，所有传输的内容都是明文，HTTPS运行在SSL/TLS之上，SSL/TLS运行在TCP之上，所有传输的内容都经过加密的。 什么是ssl Secure Sockets Layer 安全套接层 信封 http1.0vs1.1 vs 2.0 vs3.0 1.1对1.0 升级了 ...

Posted by czk on August 26, 2021

哔哩哔哩春季动态banner是怎么实现的？

春季动态banner

先看看效果呗 demo地址 项目地址 起因 逛b站的时候发现bilibili不知什么时候换了banner，初看banner就是监听鼠标移动来进行图片的移动和变换，（看到2233在奔跑我不经想起了我逝去的青春）心中觉得有趣(估计是我见得少)，想仿制一个便有了这个项目。 项目结构 由于是简单的项目随手用vue-cli搭建了一个 ├── packag...

Posted by czk on August 18, 2021

写一个node接口缓存

mockServer

前言 不知道各位前端们在日常的开发生产中是否有过像我一样的困扰 公司用的内网或特定网络，离开公司就没办法使用内部接口？ 大屏项目或各种向领导演示时担心网络不稳定，导致页面的数据，echart 图表等无法显示？ 在没有后端没有开发完的情况下怎样自己实时制造接口数据来保证自己前端开发的进度不落后？ ………. 其实总结就是缺少了一个我们前端可以控制的接口服务 先看效果～ ...

Posted by czk on October 30, 2020

从零做一个自己的ui组件库

ui组件库

前言 很多时候面对日常的工作业务需求，或者面对新项目时往往都是npm i element-ui -S安装element或者Ant的组件库，但如果自己想要面对特殊的需求需要定制组件往往需要不断修改，改完又往往忘记了整理，最后就是不断的重复。 你所写的每一个 vue 文件都可以视为一个组件，随着业务的不断深入，页面写多了想将组件集合起来封装成一个组件库的想法也不断加剧。仅在此写下组件库的构建思...

Posted by czk on July 28, 2020

FEATURED TAGS
iOS 开发技巧 Mac 终端 Git 生活 js vue egret 前端
ABOUT ME

我爱你，所以你不用做那个听话才能拿到红花的小朋友。就算你耍赖闹小脾气我也最最偏心你，口袋里的糖都给你。

✉️ 1320854122@qq.com

FRIENDS