![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 95
斩月sama
这个作者很懒,什么都没留下…
展开
-
JavaScript中的立即执行函数
通常我们声明一个函数有以下几种方式:// 声明函数f1function f1() { console.log("f1");}// 通过()来调用此函数f1();//一个匿名函数的函数表达式,被赋值给变量f2:var f2 = function() { console.log("f2");}//通过()来调用此函数f2();//一个命名为f3的函数的函数表达式(这里原创 2017-09-11 21:31:35 · 618 阅读 · 0 评论 -
javascript中call、apply、bind方法的使用
context的概念在知道我们为什么要使用call、apply、bind方法之前,我觉得有必要先了解一下context的相关概念,通常context的作用是取决于函数将如何被调用,当函数作为对象的方法调用时,this就会被设置为调用方法的对象: var object = { foo: function(){ console.log(this === objec原创 2017-11-08 20:52:40 · 406 阅读 · 0 评论 -
不吹不黑聊聊前端框架--尤雨溪Live整理
最近买了尤雨溪大大的Live:不吹不黑聊聊前端框架,这场Live让我的前端思维到了前所未有的高度:当我们身为前端开发萌新,在前端人才金字塔的浮动与挣扎中思考该学什么框架、该如何入门前端、又遇到学习瓶颈怎么办的时候,正是这些业界大牛们用自己的行动引导着我们,有如尤大所说:多思考场景需求,多看看技术到底做了怎样的取舍,现在把相关的东西作为笔记整理下来,希望对前端开发有兴趣的同学都可以去支持一下尤大组件可原创 2017-11-10 23:20:50 · 1860 阅读 · 0 评论 -
webpack从0到1使用指南
文章同步发表在:博客地址为什么要用webpack关于为什么要使用webpack,我比较认同的一种说法是: webpack可以很好地管理你开发中遇到的各种HTML、JS、CSS以及各种图片资源文件,同时对应不同的资源,webpack还提供了对应的Loaders将其进行转化为适用于浏览器使用的格式如何从0开始上手webpack后会无期里面,阿吕说过这么一句话:”你连世...原创 2018-05-19 16:17:03 · 653 阅读 · 0 评论 -
深入浅出pwa
PWA的概念PWA的全称为:Progressive Web Apps(渐进式Web Apps),是Google提出的,可以带来突破性体验的Web应用。Google所阐述的PWA的主要特点如下: - 渐进式 - 适用于选用任何浏览器的所有用户,因为它是以渐进式增强作为核心宗旨来开发的。 - 自适应 - 适合任何机型:桌面设备、移动设备、平板电脑或任何未来设备。 - 连接无关性 - 能够...原创 2018-05-25 19:03:05 · 1455 阅读 · 0 评论 -
vue-router中使用EventBus传值需要注意到的问题
最近负责开发一个视频相关的项目,要用到vue-router,同时涉及到一些共有状态管理,但是少量的状态又不想用vuex,于是用到了EventBus,一般来说, 我们用EventBus的步骤如下: - 首先新建一个js用来创建我们的EventBus,如Bus.jsimport Vue from 'vue'; ...export default new Vue(); 接着,我们...原创 2018-05-29 21:59:22 · 6118 阅读 · 2 评论 -
video标签沉浸式播放解决方案
“沉浸播放式”这个概念是我从Android开发里面的沉浸式引申过来的一个概念,沉浸式其实就是隐藏页面顶部的status bar和底部的navigation bar之后呈现出来的页面,一般用户很容易把沉浸式状态栏和透明化状态栏混为一谈,他们的区别如下:沉浸式状态栏 透明化状态栏 那么回到前端开发,让我们看一下如何让video标签呈现这种沉浸式的播放效果,平常我们使用video标签都...原创 2018-07-23 00:06:48 · 3278 阅读 · 1 评论 -
京晚8点--H5单页面手势滑屏效果实践
项目背景京晚8点作为内容平台重点打造的内容IP,通过优质的内容形式,潜移默化中让用户了解产品,建立对京东开始玩内容的心智和认知,目前这个项目已经迭代到第5期,最开始的时候我们的首页效果是一个卡片形式的时间轴,首页的背景大图会随着时间轴拖动到不同的卡片而进行切换:从第5期开始,我们采用了一种全新的交互方式来给用户更好的体验反馈,那就是滑屏,可以先看一下效果:要实现的滑屏效...原创 2018-08-27 23:21:59 · 1288 阅读 · 0 评论 -
阅读分析snabbdom源码
尤大在官宣Vue 2.0的时候这么说过:渲染层基于一个轻量级的 Virtual DOM 实现进行了重写,该 Virtual DOM 实现 fork 自 snabbdom。新的渲染层相比 v1 带来了巨大的性能提升,也让 Vue 2.0 成为了最快速的框架之一。那么对于想要深入了解Vue源码的人来说先深入了解一下snabbdom的实现是有必要的什么是Virtual DOMVirtual...原创 2019-03-05 18:23:44 · 925 阅读 · 0 评论