SF
我和前端的故事
我和前端的故事
注册登录
关注博客
注册登录
主页
关于
RSS
速览vuex源码
发条橙子
2020-04-19
阅读 7 分钟
1.6k
Vuex 源码不过千行,主要使用了 Store 类、ModuleCollection 类、Module 类,结构清晰,下面简单说说 Vuex 中一些主要的源码实现。推荐打开 Vuex 源码一同观看。?
nginx 之 proxy_pass 接口转发的规则
发条橙子
2019-04-20
阅读 4 分钟
69.7k
今天上了一个多页应用,发现接口转发后是 401。 最后发现是接口转发出错了。地址里多拼了一个 路径。 以前我一直以为location 字段会替换掉 proxy_pass 里面配置的 url 地址。 今天了解了一下 发现还是有不少细节的。
GraphQL 科普 前端向
发条橙子
2019-01-05
阅读 2 分钟
3.7k
graph定义了一套标准,用于描述服务端和客户端的通信。可以使用任意语言来实现graph所描述的功能。就和ECMAScript标准之于JavaScript一样。
设计模式1
发条橙子
2019-01-04
阅读 2 分钟
1.2k
在软件开发的历史中,沉淀了一些好的软件设计,而设计模式便是给这些好设计取了个名字。「好的设计」并不是某人发明的。一个稍有经验的程序员也许在不知不觉中数次使用过这些设计模式。
vue 顶级组件
发条橙子
2018-10-21
阅读 1 分钟
2.1k
实例化一个vue组件,挂在到原型链 或者 项目root vue实例上,就可以通过函数式的调用组件的方法。在APP生命周期内可以永不摧毁,方便调用。
Combination Sum和深度优先搜索Depth-First-Search
发条橙子
2017-12-23
阅读 2 分钟
2.2k
题目 最近在LeetCode上看到这么一道链接题目 给定一个由正整数组成的数组C和一个目标数字T,查找C中所有的唯一组合,其中候选数字总和为T。 从C中抽出的数字可以无限重复。 来个例子: 数组[2, 3, 6, 7] 和 目标 7 [2,4,5,8] 需要返回 {代码...} 解答 看完题目一开始想的是把7%2,如果余0或者有与余数相等的值做为一个解...
有趣的API: history pushState/popstate 无刷新跳转
发条橙子
2017-05-27
阅读 1 分钟
18.7k
摸鱼逛知乎看到这么一个问题 这个API看起来貌似很厉害的样子,搜搜看 不得不说,张鑫旭真的厉害。 API介绍 首先看看API如何使用: history.pushState(state, title, url) : 无刷新的向浏览器 历史最前方 加入一条记录。 state(any) 需要保存的数据,这个数据在触发popstate事件时保存在event.state上。 title(string): ...
代码书写优化(javaScript设计模式与开发实践--读书笔记)
发条橙子
2017-05-10
阅读 5 分钟
2.4k
这是《 javaScript设计模式与开发实践 》一书的最后一章"代码重构"。 以下的一些方法不是必须严格遵守的标准,选择实践哪些,以及如何实现这都需根据情况而定(是不是有充足时间) 提炼函数 如果在函数中有一段代码可以独立出来,那么最好把这些代码放进另外一个独立的函数当中去。好处有: 避免出现超大型函数。 独立出来...
有趣的API:Page Visibility API 页面可见性
发条橙子
2017-05-06
阅读 2 分钟
3k
今天在知乎上看到一篇文章,说到了用window.blur 和 window.focus事件来动态改变网页的title, Page Visibility这么强大的功能只能怀才不遇
javascript语言精粹
发条橙子
2017-03-07
阅读 2 分钟
1.6k
对象属性的名字可以是空字符串,属性值可以是undefined(原文为属性值可以是除undefined以外的任何值,但是测试可以为undefined)。
BOM Range对象文字内容选中
发条橙子
2017-03-05
阅读 1 分钟
3.2k
最初是因为textarea赋值后,focus光标一直定位到第一个文字的bug,搜之,发现有这样一个API:HTMLInputElement.setSelectionRange,可以设置一个input元素中的文本选中内容的起始位置和结束位置。
【ife】动态数据绑定(三)自己的实现
发条橙子
2017-03-02
阅读 3 分钟
1.7k
观察到了吗?firstName 和 lastName 作为 name 的属性,其中任意一个发生变化,都会得出以下结论:"name 发生了变化。"这种机制符合”事件传播“机制,方向是从底层往上逐层传播到顶层。 这现象想必你们也见过,比如:“点击某一个DOM元素,相当于也其父元素和其所有祖先元素。”(当然,你可以手动禁止事件传播) 所以,这...
一款非常好用的全平台Android模拟器--genymotion
发条橙子
2017-02-24
阅读 1 分钟
6.6k
作为一个苦逼的前端,经常要考虑一些远古的Android兼容性,常常借手机既麻烦,机型也不一定能找到。好在有这么一款神器,解决的这些痛点. 下载 直接打开genymotion官网,该软件需要注册才能下载使用,注册登录后,大大的download 按钮就出来了,右上角的头像旁边。 不过,点击download 后,首屏展示的是收费套餐,面对个...
初识AOP(面向切面编程)
发条橙子
2017-02-19
阅读 2 分钟
5.7k
面向切面编程(AOP是Aspect Oriented Program的首字母缩写) ,我们知道,面向对象的特点是继承、多态和封装。而封装就要求将功能分散到不同的对象中去,这在软件设计中往往称为职责分配。实际上也就是说,让不同的类设计不同的方法。这样代码就分散到一个个的类中去了。这样做的好处是降低了代码的复杂程度,使类可重用...