- 博客(12)
- 收藏
- 关注
RSS订阅原创 可构造样式表(Constructable Stylesheet)
可构造样式表——Constructable Stylesheet最近在看vite源码的时候发现了一个可构造样式表 很有意思，下面简单介绍下。webpack实现样式的热更新，需要通过创建style标签还有script标签，但是这种方式会导致head里快速膨胀，并且会导致未样式化内容闪烁，而vite使用了可构造样式表来避免这种问题。可构造样式表 和表面意思一样 是为了CssStyleSheet可直接构造而设计的，在document和shadow dom下都可以使用。使用可构造样式表：通过new C
2021-03-04 17:43:21
891
2
原创 我的春秋招前端总结
文章目录写在前面：春招cvte知道创宇阿里美团360秋招58美团腾讯写在前面： 我开始准备找工作 是从今年(2019)3月份开始的，春招准备了两个月吧，这两个月补了不少东西，了解到了许多之前没有注意到的地方，7、8月去实习去了，然后正式准备秋招是9月初从公司请假回学校，一直到10月9号面完京东过后 基本上 就没有再复习了，不过再10.9号之后还有两场面试(字节和滴滴)，都是没有准备就面的，然...
2019-11-09 21:45:06
813
原创 npm工作原理
npm发布包是把你的整个文件夹 打包成压缩文件，然后上传到 源(registry) 服务器Node模块的安装过程：1、发出npm install命令2、npm 向 registry 查询模块压缩包的网址3、下载压缩包，存放在~/.npm目录4、解压压缩包到当前项目的node_modules目录npm模块安装机制简介 ：http://www.ruanyifeng.com/blog/2...
2019-07-30 17:57:00
1468
3
原创 Windows Subsystem for Linux (WSL)安装和基本使用
WSL什么是WSLVWSL做了什么为什么要用WSLWSL的安装WSL的基本使用在VsCode中启用wsl命令行什么是WSL Windows Subsystem for Linux（简称WSL）是一个在Windows 10上能够运行原生Linux二进制可执行文件（ELF格式）的兼容层。它是由微软与Canonical公司合作开发的，有了他，就可以方便的使用linux命令和工具了。VWSL做了什...
2019-07-17 19:27:40
3964
原创 vue.$nextTick源码分析
最近有人问我一个问题：这是一个点击触发的函数，start绑定的是class为info的dom的v-if，但是把这句话放到下面就获取不到dom了是为什么其实之前也遇到过这个问题，不过没有深究，因为赶时间完成功能，不过现在闲下来了，正好有人问问题，我就回过头去 好好再研究一下这个问题。以下源码分析都是基于 “vue”: “^2.6.10” 版本。这是我debugger用的测试页面 就很简单...
2019-05-17 16:50:46
452
原创 一个精简的promise实现 微任务API
用谷歌的微任务API queueMicrotask写了一个promise 因为queueMicrotask兼容性不好，现在只能在谷歌浏览器下可以使用，所以其实 写这个promise只是为了学习 一下promise 实现过程。可以实现promise的基础功能 添加函数到微任务队列，能链式调用，不过并不能实现继发=_=，还有待实现。function myPromise(fn){ this.st...
2019-04-09 11:41:01
967
原创 对css基线的理解和实验
我在使用vertical-align的时候遇到了一些困惑，他的对齐方式实在是让我有些琢磨不透，光看文档的描述，并不能太理解 他所谓的基线到底是怎么来的，于是自己花了点时间琢磨了一下基线到底是从何而来，现在得出了以下结论：基线总是与行内高度最高的元素一致的。关于怎么来的，先看看我的一些实验吧。如果有误 希望大家能够指出来
2019-03-24 12:02:47
1256
原创 用websocket实现文件传输 nodejs
学校的大作业，要用套接字写一个有文件传输功能的系统，js用的最多，于是首先想到了用nodejs来实现，所以用html5的websocket来写了一个最小实现网盘 有基本的上传 新建 下载文件的功能。实现思路 里面的所有操作都是在websocket连接上的，比如文件列表是nodesj先遍历当前文件夹，返回包含了文件属性的json格式，前端根据这个文件对象列表进行渲染。 然后每个显示文件...
2019-03-17 00:45:36
4719
原创 数据结构笔记整理—二叉树、哈夫曼树
在复习数据结构基础，整理了二叉树、哈夫曼的笔记，记录一下。这篇学习笔记是从博客、书上以及ppt上整理来的。图片来源有贴原博客地址。二叉树性质例： 》 将 一 棵 有 100 个 结 点 的 完 全 二 叉 树 从 上 到 下 ， 从 左到 右 依 次 对 结 点 进 行 排 序 ， 根 为 1 号 ， 则 49 号 结 点 的左 孩 子 编 号 为 （ 98 ） 》 己 ...
2019-03-02 16:16:45
272
原创 用画布实现 鼠标绘制可拖动 可改变大小矩形框
网上找了一下 用canvas实现鼠标绘制矩形框 找到的都是需要用jQuery的，所以自己用js写了一个。效果图如下:代码可能写的实在不算好，但是可以用，就当成一个demo来看吧。实现原理的话和一般的鼠标拖动绘制矩形框(用div实现)原理差不多，计算鼠标的坐标点来减去画布距离网页窗口最左边以及最上边的距离 以此为基点 改变矩形框的大小，不同的是 这里每帧都要把画布清空以及重绘 这样最终看到的效果...
2019-02-23 12:53:32
8597
2
原创 js filter注意点
js filter注意点使用js filter的时候碰到了一个需要注意的地方 现在记录下const arr=[{a:1,flag:true},{b:3,flag:false}]const result=arr.filter(item=>{ if(item.flag) { item.a=2; return true; } return false;})consol...
2019-02-16 17:16:11
810
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人