20180202 前端开发日报

解读 JavaScript 之深入探索 WebSockets 和 HTTP/2;Vue中学到的功夫,隔山打牛大法;vue无缝滚动的插件开发填坑分享;一个插件让你在 Redux 中写 promise 事半功倍;采访 Node.js 之父 Ryan Dahl;HTTPS 的前世今生;AngularJS 将再发布一个重要版本 然后进入长期支持阶段;CSS基础篇–使用position:sticky 实现粘性布局

  1. 解读 JavaScript 之深入探索 WebSockets 和 HTTP/2 这是专门探索 JavaScript 及其所构建的组件的系列文章的第5部分。在识别和描述核心元素的过程中,我们还分享了构建 SessionStack (这是一个轻量级 JavaScript 应用程序,为了保持竞争力它必须是健壮和高性能的)时使用的一些经验法则。 如果你错过了前面的章节,你可以在这里找到它们: 解读 JavaScript ...
  2. Vue中学到的功夫,隔山打牛大法 在初学Vue的时候,我发现了一个神奇的事情,在props和data里的属性、methods里面的方法,居然能够通过 this.xx 直接使用。 new Vue({ data:{ words:'hello' }, created(){ console.log(this.words); //居然可以打印出hello来 } }); 这特么是一种武功?在下第一个不服,打算一探究竟。 ...
  3. vue无缝滚动的插件开发填坑分享 1.项目经常需要无缝滚动效果,当时写jq的时候用用msClass这个老插件,相对不上很好用。 2.后来转向vue在vue-awesome没有找到好的无缝滚动插件,除了配置swiper可以实现但是相对来说太重了,于是自己造了个轮子。 3.在这分享下,当时写这个插件的坑,自己也复习下,如果代码上有瑕疵欢迎指出。 源码参考 vue-seamle...
  4. 一个插件让你在 Redux 中写 promise 事半功倍 Redux 的应用给我们开发带来了很多便利,让组件间交互不再那么复杂,但 Redux 也有它的短板,我们知道要通过 Redux 改变一个 state 需要定义 actionType→action→reducer,这使得有时候一个很简单的交互都需要写一堆代码,我们今天要介绍的这个小插件可以让这个工作变得更加简洁、优雅。 它就是: redux-promise-middl...
  5. HTTPS 的前世今生 1年前会议 马上要过年了,公司业务上的需求也少了很多,这不,王小二他们召开了一场技术会议,盘点年前能干点啥。 只见C哥写了一份清单,其中一项是全站升级https。 C哥说:https是一种趋势,但目前我们接口还是http的。appstore也一直要求使用https,从安全性以及appstore审核的角度来看,我...
  6. AngularJS 将再发布一个重要版本 然后进入长期支持阶段 Angular 团队的早期开成员之一 Pete Bacon Darwin 近日在 Angular 博客 公布 了一个消息,他说道: 目前团队正在开发 AngularJS 1.7.0,而 1.7 的开发周期将一直持续到 2018 年 6 月 30 日。7 月 1 日起,AngularJS 将进入为期 3 年的长期支持阶段 (LTS)。 Pete Bacon Darwin 表示,团队知道许多开发者仍然在...
  7. CSS基础篇--使用position:sticky 实现粘性布局简介 前面写了一篇文章讲解了position常用的几个属性:《CSS基础篇-- position属性讲解》一般都知道下面几个常用的: {代码...} 在https://developer.mozilla.org/zh-CN/docs/web/CSS/position还说了下面这三个值...
  8. JavaScript相关的模块机制 java有类文件,Python有import机制,Ruby有require等,而Javascript 通过 <script> 标签引入代码的机制显得杂乱无章,语言自身毫无组织能力,人们不得不用命名空间的等方式人为的组织代码,以求达到安全易用的目的 《深入浅出Nodejs》--朴灵 模块一直以来都是组织大型软件的必备的要素,就像建筑和砖,“砖”的组...
  9. 实现一个requirejs原型demo 前几天看了下webpack打包出来的js,豁然开朗觉得实现一个模块化工具稳稳的,真开始写的时候才发现too young。 基本目标 // 定义模块apple: define('apple', ,function(orange){ return orange }) // 定义模块orange: define('orange',[],function(){ return { name:'orange', color:'white', si...
  10. 解读爬虫中HTTP的秘密(高阶篇)作者:xiaoyu微信公众号:Python爬虫之路知乎:https://www.zhihu.com/people/... 上期回顾:解读爬虫中HTTP的秘密(基础篇) 上一篇我们介绍了爬虫中HTTP的基础内容,相信看过的朋友们应该对HTTP已经有个初步的...
  11. 你不知道的Javascript:有趣的setTimeout今天在回顾JavaScript进阶用法的时候,发现一个有趣的问题,话不多说,先上代码: {代码...} 看到这三行代码,也许你会不耐烦道:又要讲闭包?要吐了好么?别急,让我们先来思考一下,这段代码在浏览器中的执行结...
  12. WebPack持久缓存学习小结 使用webpack构建工程的时候,我们往常会把功能不同的代码打包到不同的包里(如lib,vendor,业务代码)。 而持久缓存的目的就是每一次更新线上代码的时候,尽可能使内容未做更改的模块的名字和之前保持一致。 使用webpack实现持久缓存主要需要解决: webpack runtime代码分离 稳定moduleID 稳定chunkID ...
  13. 用Vue搭建一个应用盒子(三):音乐播放器这个播放器的开发历时2个多月,并不是说它有多复杂,相反它的功能还非常不完善,仅具雏形。之所以磨磨蹭蹭这么久,一是因为拖延,二也是实习公司项目太紧。8月底结束实习前写完了样式,之后在家空闲时间多了,集...
  14. 如何将你的 AngularJS 1.x 应用迁移至 React Angular 和 React 都是伟大的框架/库。Angular 提供了 MVC(模型、视图、控制器)的定义结构。React 提供基于状态变化的轻量级呈现机制。通常情况下,开发者在 AngularJS 上有一个旧的应用程序后,他们会想用 ReactJS 建立新的特性。 虽然将 AngularJS 应用移除,从头开始建立一个 ReactJS 应用是不错的选择...
  15. web-push实现原理及细节介绍一、web push 使用动机与原理简述 相较于移动端本地应用,web站点常常缺少一项常用的功能:推送通知。此处的推送通知一般指由浏览器实现的消息推送,换个说法,就是用户在打开浏览器时,不需要进入特定的网站,就...
  16. Vue系列之computed使用详解(附demo,不定期更新) 前言:工作中用Vue技术开发项目有一段时间了,独立开发完成项目基本没什么问题。可是就是在在开发过程中遇到问题常常是通过零散的搜索或者官方文档来解决,这样的现象就说明自己对Vue根本没有一套自己理解后的系统知识的框架。为了建立这套完整的Vue知识框架,开始了《我眼中的Vue》系列文章的写作,本系列是基于Vue官方...
  17. 前端系列——React开发必不可少的eslint配置项目需要安装的插件 {代码...} 配置详情 下面的配置涵盖了开发者所需要的绝大部分信息,rules中的值0、1、2分别表示不开启检查、警告、错误。你可以看到下面有些是0,如果有需要开启检查,可以自己修改为1或者2。...
  18. Weex实战分享|企鹅电竞Weex实践和性能优化 本文是根据 WeexConf 2018中议题《企鹅电竞Weex实践和性能优化》的内容文档整理,分享企鹅电竞团队在Weex上的实践经验,从入门到吃鸡,虽然一路踩过很多坑,做了一系列优化,但也得到很多收益,除了获得很好的交互体验,还大幅提升了开发效率和灵活性。
  19. Travis CI助力Blog持续输出(Github Pages)之前更新blog要这样:本地安装hexo环境,还需要敲几个命令:hexo clean && hexo g && hexo d,构建部署还有点浪费时间。其实每次更新blog的时候,只需要增删改几个Markdown文件。懒~干脆上CI吧。...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20180202 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180202.html)