Yinode Blog-Yinode Blog

Webpack JS模块化原理

最近一直在看一些和JS模块化发展历程的东西，正好呢，也想了解一下Webpack在我们背后帮我们做了那些事情，所以就有了今天的这篇文章。首先我

Posted by Yinode Friday, March 1, 2019

从JS的阻塞角度谈谈浏览器渲染原理

前言这样，在解析包含的javascript代码之前，页面的内容将完全呈现在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打

Posted by Yinode Wednesday, January 30, 2019

移动端强制横屏方案

最近工作中要开发一个横屏应用，无论用户是否开启手机旋转功能，进行强制横屏。这里面也收获了一些经验，在这里和大家分享一下。首先说明我的方案只

Posted by Yinode Friday, January 25, 2019

DOM中的各种XY定位属性以及元素宽高属性

我们都用过不少JS中的定位属性，比如scrollTop,clientX等等，但是其实单纯从命名上，我们是很难区分各种属性的含义的，我平时也经

Posted by Yinode Monday, January 21, 2019

JavaScript中的 == 相等操作符

想到这个的主要原因是最近看到了一个非常有趣的题目 [] == ![] 大家有想到结果是什么吗?其实结果是 true，下面是具体的判断链 [] == ![] -> [] == false -> [] == 0 ->

Posted by Yinode Thursday, January 17, 2019

让 Vue.js 中的 provide / inject 支持响应式

provide / inject provide / inject Vue.js 2.2.0 版本后新增的 API. 还发出了这样的警告provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。 provide 和 inject 绑定

Posted by Yinode Friday, January 11, 2019

初次尝试WebAssembly X Rust

这个东西其实我大约一年之前听到了解到，但是一直没有尝试。正巧最近自己写了个文本校对工具，公司内部的一些人员在用，功能上没有问题，主要就是因为

Posted by Yinode Wednesday, January 9, 2019

Vue.js源码阅读引导

前言最近一直在看 Vue.js 源码，大约花了半个多月的时间阅读，有非常多的感悟，所以在这里希望能和大家分享一下我的成果。首先我认为 Vue.js 这种牛逼框架的源码绝

Posted by Yinode Friday, January 4, 2019

Vue源码中编程技巧记录

记录下我在阅读过程，觉得非常有学习的必要，非常好的东西。操作对象属性的引用 <性能-可读性> exp function name(vm) { let data = vm.$options.data // 接下来需要读取dat

Posted by Yinode Wednesday, December 19, 2018

一些Web最佳实践的探索

最近用 Django 整了一个匿名的论坛，包含主题回复点赞，板块，用户等系统，麻雀虽小，但是基本功能还是全的的。但是不对接多可惜啊。正好这半年多的前端开发

Posted by Yinode Tuesday, December 18, 2018

JavaScript 中几种快排的实现

其实也就是前段时间点阮一峰快排事件，正好去看看大家的实现，在这里记录一下，并写一下注释实现 1 特点简单智力经济性能较差加随机化比较方便只要把取

Posted by Yinode Thursday, December 13, 2018

利用AOP的思路完成微信公众号网页中的分享来源统计功能

需求最近遇到了这么一个需求，我们拥有一个主要容器是微信浏览器的移动端 WebAPP 。他的主要功能是运营一些活动比如说抢红包啦，答题啦，所以我们需要对用户

Posted by Yinode Friday, November 16, 2018

微信+vue 任意页面直接通过路由进入并拦截按钮返回任意页面

先来阐述一下需求首先我拥有一个详情页面 B 用户可以进入到页面 B 之中分享出去页面 B 但别的用户通过地址直接进入页面 B 这时候如果用户按了一下返回按钮

Posted by Yinode Tuesday, October 30, 2018

微信webapp分享出去带分享参数 form 导致进入分享无法正常匹配路由 vue

以下是某个单页应用的地址 http://m.cswh.me/dh/#/activity/flagRaisingPolice?act_token=b5f01112731d4c47bc5a7214d17365b2 而在这个页面使用微信的JSAPI进行分享之后，即使你设置了 wx.ready(function() { wx.onMenuShareAppMessage({ link: window.location.href , title: that.config.share_title, imgUrl: uploadURL + that.config.share_icon, desc: that.config.share_text }) wx.onMenuShareTimeline({ link: window.location.href, title: that.config.share_title, imgUrl: uploadURL + that.config.share_icon, desc: that.config.share_text }) })

Posted by Yinode Tuesday, October 30, 2018

贡献你的力量开发一个Vue组件并发布到npm

最近在工作中写了一个面向 PC 端的 Vue 滚动组件，关于 PC 端的滚动组件以前也用过一些，但是没有找到特别满意的，所以自己想着把这个组件开源发布出去，希望

Posted by Yinode Sunday, October 28, 2018

解决微信浏览器中登录后缓存页面导致无法进入Vue.js组件生命周期的问题

先来阐述一下我的登录逻辑进入组件 A 请求接口 api 请求会被拦截器拦截检查该接口是否需要登录如果用户未登录跳转到 login 组件 xx.com/#/login?

Posted by Yinode Saturday, October 20, 2018

算法实战文本校对工具最长公共子序列

前段时间公司里有需求需要一个文本对比工具，我在网上也收集到了一些资料，找到了一些对比 DEMO，仔细考虑之后恍然大悟，这东西不就是最长公共子序

Posted by Yinode Saturday, October 20, 2018

分享一个Fib数列实现 [reduce]

const fib = n => Array(n) .fill(0) .reduce(pre => [pre[1], pre[1] + pre[0]], [0, 1])[0] def fib(n): return reduce(lambda x, n: [x[1], x[0]+x[1]], range(n), [0, 1])[0] 性能也非常不错，迭代实现。从 Py 那边偷学的。帅爆了有没有

Posted by Yinode Tuesday, October 16, 2018

在微信spa中模拟一个路由堆栈系统

最近再写一个活动模块，用 vue 写的。这个活动模块需要融合到我们的主项目之中，这就意味着在用路由做其实不太好，活动本身的数据交换比较频繁，用 vuex 太大

Posted by Yinode Sunday, October 14, 2018

微信浏览器 IOS下动态音乐播放器无法正常播放的问题

这个其实算是老生常谈的问题了，IOS 的安全机制导致你无法自动播放音频，很多人用一些触摸事件来模拟用户操作，然后去触发 play 事件。不过今天我的问题

Posted by Yinode Friday, October 12, 2018

最小硬币问题 [动态规划]

问题假设你当前拥有 3 元 6 元 7 元的硬币数量为无限。问假设你需要组合出 18 元，如何使硬币的数量最少分析：我认为这个问题有点类似于 01 背包问题，很明显

Posted by Yinode Friday, October 12, 2018

解决微信小程序 chooselocation在ios下不能稳定触发的问题

setTimeout(() => { this.moveToLocation() // chooseLocation的包装函数 }, 150) 在页面onLoad生命周期里用150ms的延迟来保证触发。具体原因未知，官方文档没有写，

Posted by Yinode Tuesday, October 2, 2018

算法导论笔记多线程算法

多线程算法相对我来说比较局限，因为 js 是单线程的，所以只做了解，后续如果要用到可以在进行进一步的掌握。首先来讲，目前的大部分算法都是基于单线程

Posted by Yinode Friday, September 28, 2018

算法导论笔记全点最短路径算法

复习在我们之前的学习之中，已经了解三种不同的最短路径算法，他们在某些条件限制下拥有不同的性能无权图或者说权重全部相同可以使用广度优先搜索(借

Posted by Yinode Thursday, September 27, 2018

算法导论笔记动态规划番外篇堆与优先队列

最近在学习动态规划的时候发现非常需要优先队列的的基础，所以转而先学习一下优先队列算法。这里就找了比较通用的堆来入手了解优先队列。堆首先这里的

Posted by Yinode Saturday, September 8, 2018

算法导论笔记十一最短路径算法

最短路径最短路径问题是图论研究中的一个经典算法问题，旨在寻找图（由结点和路径组成的）中两结点之间的最短路径。假设我们拥有一条路径 P P 经过一些

Posted by Yinode Friday, August 31, 2018

算法导论笔记十一贪心算法最小生成树

图论最小生成树需要你掌握基本的图论在书的附录中有介绍，可以先去看看设 V 为有向图（v,e）的顶点集那么遍历这个图的成本为 O(V ^ 2) 如果一个有向图 G

Posted by Yinode Tuesday, August 21, 2018