- 博客(40)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 涨姿势时间——CSS
记新遇到的小东西1. table 宽度设置 table-layout: fixed;2. flexflex子元素的高和父元素相同[深入理解 Flex 布局以及计算](http://www.codeceo.com/article/flexbox-layout-and-calculation.html)3. felx & ellipsisflex c...
2016-09-13 09:30:19
648
原创 边边角角，偶尔遇到——javascript
边边角角的知识1. in数组// 数组var trees = new Array("redwood", "bay&am
2016-09-12 16:29:37
811
原创 冴羽博客学习笔记
在2021年的5月6日的今天，终于拜读完了冴羽大大的博客，可喜可贺现在终于可以把这份脑图笔记分享出来了这份笔记着实用了很久，以致于百度脑图的创建时间只显示到很久以前了。然而机智的我，在抓包里面看到了这篇笔记的创建时间：2020-04-09 18:43:49。这样一看，这份笔记耗时一年多的时间，真真是长战线。这份笔记大部分是我读博客时的一个记录，还算详细，偶尔也有一些自己的思考在里面，希望可以给提供大家一些些的参考。选择脑图，主要是备注里面可以支持markdown，这样在里面写一些代码或者对比类的表格
2021-05-06 19:56:13
549
原创 由Vue3引发的思考
尤大的Vue3已经初露头角 指路，我们当然也要看看咯一看发现，嗬，高级，竟然有没听过的词（暴露了我的无知，请轻喷o(╥﹏╥)o）不过没有关系，没听过还不会查吗？所以这篇文章可以看成是 Vue3 特性词汇扫盲篇Proxy相比Object.defineProperty更加完善function extend(sup, base) { var descriptor = Object.ge...
2019-08-16 10:47:49
244
原创 CAD：excel 批量画矩形
最近有个朋友，需要把excel中的长、宽数据批量画到cad中，每次都是手动画，真的很伤。所以客串了一把cad教程~cad 画矩形的命令是：REC 1003,0 15,320 (command "TEXT" '(1003 0) 10 0 "No1")对应的含义如下（猜出来的
2019-05-13 13:13:27
6760
3
原创 充电-2018.11.16
1. 微信小程序性能优化方案setDatasetData两次开销：通信的开销 + webview更新的开销局部更新this.setData({ list[index] = newList[index]})页面隐藏后注意清理定时器、监听器onPageScroll是webview层向js逻辑层的通讯，尽量避免获取节点位置用intersectionObserve...
2019-05-09 17:31:38
387
原创 解决 React Native 报错：Unable to resolve module `AccessibilityInfo`
开发项目时，遇到下面的报错。UnableToResolveError: Unable to resolve module `AccessibilityInfo` from `XX/node_modules/react-native/Libraries/react-native/react-native-implementation.js`: Module does not exist in th...
2019-02-25 15:44:58
1565
原创 webpack记事
1. Hash、chunkhash、ContentHashhash以项目为单位，生成所有文件共用hashtodo: 每次打包会不同吗？chunkhash与entry相关，确保node_modules等公共库不会经常变化todo：index.js index.css 共用hash？contentHash与ExtractTextplugin内容有关，与js变化分离，只关注css是否变...
2019-01-28 22:01:41
149
原创 Vue gettser setter 解剖 v2.5.17
背景（可略过）项目中的一个字段改变的问题，在vuex、props中值都已经改变了，但是组件却没有更新渲染，听同事说是二次透传的问题，不过写了个demo试了下，发现并不是这个原因造成的。于是开始了漫长的源码研究之旅。或许是我的效率太低下，也是短短续续，研究了挺长时间的。现在看来是比较明显的bug了，但是这次也算是实实在在debug了一次vue源码，记录一下。demo最好的方法莫过于带着问题看原...
2018-12-07 15:47:58
448
原创 二维码引发的思考及canvas图像处理，一篇打开新世界的post
首先来看下二维码的相关原理：https://coolshell.cn/articles/10590.html总之，就是定义了一堆规则，然后根据编码规则绘制黑、白块，就形成二维码了；扫描时也是根据相应的规则进行解析 下面看一些好玩的东西：GitHub中搜索QRCode，选个python的最多星（https://github.com/sylnsfar/qrcode），你会发现，二维码竟然非...
2018-10-17 17:09:43
505
转载 曾令我迷茫的位运算
位运算简介及实用技巧-Matrix67原创使用技巧and and 1：取二进制的最末位，可用于判断奇偶性or or 1（/0）：二进制最末位强行变成1（/0）xor 0和1 xor 0都不变， xor 1则取反 逆运算：(a xor b) xor b = a，用于简单加密not not 无符号整数：与该类型上界的差 not 有符号整数：not a ==> -a-1...
2018-08-03 12:32:41
212
原创 排序算法图文
部分动画demo1. 冒泡2. 选择比较次数 N^2/2 交换次数 N 数据移动最少 3. 插入（希尔排序）最坏情况下需要~N^2/2次比较和~N^2/2次交换，最好情况下需要N-1次比较和0次交换。 平均情况下需要~N^2/4次比较和~N^2/4次交换 4. 归并典型的分治 5. 快速排序定基准，小在左，大在右 原地快排：one ind...
2018-07-10 17:57:02
226
原创 原地归并与非原地归并
看算法时看到原地归并和非原地归并，不是很懂两者的区别，故记录如下： 原地算法（in-place algorithm）基本上不需要 额外辅助的数据结构,然而,允许少量额外的辅助变量来转换数据的算法。当算法运行时，输入的数据通常会被要输出的部分覆盖掉。——Wiki这里不得不吐槽下百度百科，和Wiki一比，用词真的是不准确啊，给人一种原地排序就是不需要任何存储空间的感觉。 原地排序...
2018-06-29 15:15:53
3081
2
原创 【算法系列二】希尔排序
今天看到了插入排序，升级版是希尔排序。然而明白了排序原理，但是代码死活和原理对不上。没办法，就是笨(～￣(OO)￣)ブ你看到希尔排序的原理图通常是这样的感觉酷炫吊炸天，但是，真的不好和代码对应起来啊o(╥﹏╥)o希尔排序的思想是分组插入。通常gap从length/2开始，每次/2。每隔gap的元素为一组，每组length/gap个元素，组数为gap。所以一开始是每组2个元素进行插入...
2018-06-28 17:12:43
384
原创 【算法系列一】霍夫曼压缩
既然是从霍夫曼压缩入手的，就先来看看它是个什么东西： 一种压缩算法，用较少的比特表示出现频率高的字符，用较多的比特表示出现频率低的字符。它的大致过程是这样的：假设压缩“beep boop beer!”计算字符频次，由小到大排序，得到Priority Queue 字符 次数 ‘r’ 1 ‘!’ 1 ‘p’ 2 ‘o’...
2018-06-15 14:04:34
1327
原创 websocket初探
本篇源于小程序的websocket请求，一个邻组的项目，自己改造了公共的框架，所有的请求都是走的websocket（搞得我在network中找了好久请求都找不到。。。），后来还是调试进了框架代码，才发现的o(╥﹏╥)o言归正传，先看看websocket的请求是啥子样子的：为啥以前从没发现network中有一项是WS。。。看看它有什么特别的：status是101——用来从H...
2018-06-13 17:23:16
551
原创 debounce & throttle
lodash: function debounce(func, wait, options) { // 参数赋值 var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = f...
2018-05-22 18:49:41
245
原创 Vue源码学习——v2.5.8
1. cache util利用闭包，每个调用cached函数的方法都会生成一个cache变量，在cache变量中做缓存/** * Create a cached version of a pure function. */export function cached<F: Function> (fn: F): F { const cache = Object.create(null)
2017-12-05 17:31:51
927
原创 继承与原型链
继承与原型链另一种角度：JavaScript 世界万物诞生记prototype 是用于类型的，而 Object.getPrototypeOf()【用于访问__proto__】 是用于实例的function Graph() { this.vertexes = []; this.edges = [];}Graph.prototype = { addVertex: function(v){
2017-11-06 14:29:52
304
翻译 【前端基础进阶系列】学习笔记
前端基础进阶系列1. JS变量对象详解执行上下文的生命周期: 变量对象创建 建立arguments对象。检查当前上下文中的参数，建立该对象下的属性与属性值。检查当前上下文的函数声明，也就是使用function关键字声明的函数。在变量对象中以函数名建立一个属性，属性值为指向该函数所在内存地址的引用。如果函数名的属性已经存在，那么该属性将会被新的引用所覆盖。检查当前上下文中的变量声明，每找到一
2017-11-06 14:28:41
900
转载 event loop
Tasks, microtasks, queues and schedules Difference between microtask and macrotask within an event loop context macrotasks: setTimeout, setInterval, setImmediate, requestAnimationFrame, I/O, UI r...
2017-11-01 12:09:55
302
原创 测试你的前端代码 - 4 趴学习笔记
单元测试 test-calculator——[0, 使用库：mocha、chai、karma重点之一是编写易测试的 code集成测试 mock DOM——Jsdom端到端测试（
2017-06-19 14:31:06
372
原创 npm hotnode 踩坑
npm install hotnode以为这么简单就可以了？当然不是 没办法，还是用了全局安装npm install -g hotnodeOK，这次看起来完美但是，嗯。。。总有个但是我在mac上安装的，要copy到Windows上才好用啊copy嘛，也很简单，但是，一执行hotnode -v。好了，直接告诉我——不是内部或外部的命令，我的内心是崩溃的之后看了下其它可以执行的命令，发现都有个.cmd
2017-05-28 13:46:20
1433
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人