front-end
文章平均质量分 71
hudk114
原研究生搬砖党
工作了发现还是读书好啊
展开
-
[js] this
mdn my git this由调用方法与位置决定,与定义位置,作用域,上下文均无关全局绑定到全局对象this // windowconsole.log(this) // window函数调用简单调用绑定到全局function f() { console.log(this);}f(); // window严格模式会绑定到un原创 2016-08-31 15:59:27 · 263 阅读 · 0 评论 -
[vue] 源码阅读 next-tick
简介next-tick文件flushCallbacknextTicktimerFuncmacroTaskmicroTaskwithMacroTask总结从今天开始每天阅读一些源码吧 next-tick官方文档简介next-tick的位置在src/core/utils/next-tick.jsnext-tick文件最核心的几个方法是...原创 2018-04-18 16:59:04 · 559 阅读 · 0 评论 -
[front-end] 测试 e2e
最近好玩,根据vue-cli里的e2e看了下nightwatch的使用 之后有空研究下内部原理night watch night watch本身只是一个测试框架而已。如图,webdriver与dev都不是night watch的内容,因此需要在配置文件中指定。night watch中则包含测试逻辑。 当然,night watch也可以包含其他测试框架,比如mocha,通过配置文件中的...原创 2018-02-08 16:51:38 · 445 阅读 · 0 评论 -
[vue] vue+vuex实现flux架构 vue+vuex+service+proxy分层
自己在写项目中抽离的一套实现方案 针对的是较为复杂,中间逻辑会大量变化的业务背景git的demo过两天弄下 后续会持续根据在项目中遇到的问题改进和更新vue+vuex实现flux结构vue文件中的数据交互操作抽离,只包含ui操作及不需要进行数据操作的state(View);vuex中保存有所有的交互数据以及操作动作(Store与Action);vue文件与vuex之间原创 2018-02-07 20:12:41 · 2408 阅读 · 1 评论 -
[js] tips
一些写代码中遇到的小tips,持续更新多项内容需要同一种操作时采用array的map方法例如,时间formatconst formatTime = time => { return parseInt(time, 10) < 10 ? '0' + time : time.toString();};const convertShortTime = time => { cons原创 2018-02-07 19:44:21 · 127 阅读 · 0 评论 -
[front-end] 环境 本地开发
以后简书不写技术了。 搬过来 会根据每天的内容持续更新webpackwebpack多环境配置针对dev和prod要不同的配置devdevtool: ‘sourcemap’ 用于在调试时能对应到对应的代码位置开发服务器,在下一章中会具体说明,主要是用于热更新与热加载productdevtool: false 关掉map可以提高编译速度及代码量代码压缩原创 2018-02-06 18:38:50 · 191 阅读 · 0 评论 -
[front-end] browser兼容
根据接触到的内容持续更新。。。通用ieconsoleie9及以下的console在控制台未打开时无法调用会报错,这种pollyfill已经很多了。。。 ie9及以下的console并不是一个真实方法,因此无法使用Function.prototype.call与Function.prototype.apply方法,对此的pollyfill是将其强行设为一个方法 文中写的polly原创 2018-02-05 16:32:20 · 162 阅读 · 0 评论 -
[http] 跨域说明
只是从http层角度说下跨域的问题,并不提供解决方法,解决方法在以前老的文章里写过跨域跨域的请求被拦截有两种可能: 1. 浏览器直接禁止发起跨域,例如在某些浏览器中HTTPS请求HTTP域请求不会发起; 2. 跨域请求发起了,但是返回结果被浏览器拦截,请求失败。CORSw3c协议 CORS是一种利用额外HTTP头部来允许用户代理跨域请求的技术,与传统跨域方式不...原创 2018-02-09 17:31:09 · 368 阅读 · 0 评论 -
[js] 数据类型
my git基本数据类型共七种nullundefinedbooleannumberstringobjectsymbol nulltypeof null === 'object' // 早期js判断空指针问题// 判断nulla === null!a && typeof a === 'object'typeof null typeof null hi原创 2017-08-01 15:46:05 · 218 阅读 · 0 评论 -
[front-end] 双向绑定
一直没仔细研究过这个,感觉自己还是太不够敏感了,原来只是看到有双向绑定,没细想过原理。 my githijack方式hijack主要分为两部分:对数据的劫持、与DOM的关联。两个原理听起来都很简单写起来都是各种小坑数据劫持git 原理很简单,利用Object.defineProperty对数据进行劫持 坑1. hijack obj必须在 hijack propert之前,不然原创 2018-01-30 18:14:09 · 164 阅读 · 0 评论 -
[front-end] 浏览器文件缓存优化策略
本文针对的是浏览器级对文件缓存对一些优化对总结HTTP缓存强缓存协商缓存(弱缓存)参考HTTP缓存http缓存指的是缓存http请求的数据,一次http请求包含几个主要步骤 http缓存主要在第3和第4步进行,根据协议不同,会采用强缓存和协商缓存(弱缓存)两种强缓存强缓存指缓存在本地,不会再向服务端请求的文件缓存方式 强缓存采用的是 C...原创 2018-04-26 14:29:49 · 319 阅读 · 0 评论