20180807 前端开发日报

说一说javascript的异步编程;Uber 开源 Fusion.js:一个基于插件架构的通用 web 框架;GitLab & Docker 前端开发工具链;Vue实现一个动效柱状图;jQuery JQ插件(不断整理中…);一个前端小白的"爬虫"初试;javascript基础修炼(3)—What's this(下);CSS多列布局(栅格布局)

  1. 说一说javascript的异步编程 众所周知javascript是单线程的,它的设计之初是为浏览器设计的GUI编程语言,GUI编程的特性之一是保证UI线程一定不能阻塞,否则体验不佳,甚至界面卡死。 所谓的单线程就是一次只能完成一个任务,其任务的调度方式就是排队,这就和火车站洗手间门口的等待一样,
  2. Uber 开源 Fusion.js:一个基于插件架构的通用 Web 框架 作者|Addy Osmani 译者|无明 编辑|覃云 可能很多人都不知道,Uber 其实开发了很多基于 Web 的应用程序,可能有数百个,而且这个数字还在不断增加中,它们中的大部分被用在公司内部,用于管理各种业务。 我们知道,Web 技术变化得很快,而最佳技术实践也在不断发展。为数百名 Web...
  3. GitLab & Docker 前端开发工具链 GitLab & Docker 前端开发工具链 - 八云酱 引言 本文旨在向大家简单地介绍如何搭建一个私有开发环境,严格意义上并不是只适用于前端,细节性的内容大家可以私下跟博主交流。搭建过程需要使用到至少一台 8G 内存以上服务器,如果没有可以考虑去腾
  4. vue实现一个动效柱状图 接手了一个需求的时候,其中有个 UI图是这样的: 按照 PM本来的意思,这张图中只有那几个数字是从接口获取的,而且从接口获取到的每项数字的值,与目前标注的数字相差不会超过 10%,所以柱状图的条形高度不用管,直接一张图片静态的就行了,这确实很省事,三下五除二
  5. jQuery JQ插件(不断整理中...)unslider(轮播插件) fullpage插件 echarts unslider(轮播插件) 第三方插件(Swiper) jQuery动画图标菜单导航插件imgbubbles One Page Scroll 可以帮助你把网站转变成流行的单页滚动网站 jQuery pikaday简易日期选...
  6. 一个前端小白的"爬虫"初试八月。透蓝的天空,悬着火球般的太阳,云彩好似被太阳烧化了,也消失得无影无踪。没有一丝风,大地活像一个蒸笼。
  7. CSS多列布局(栅格布局)一、多列布局 css3 可以将文本内容设计成像报纸一样的多列布局,如下实例: 代码如下(具体的解释也在代码中)浏览器支持表格中的数字表示支持该方法的第一个浏览器的版本号。 紧跟在数字后面的 -webkit- 或 -moz-...
  8. Ajax设置请求和接收响应、自己封装简易jQuery.Ajax、回调函数这篇文章是承接前几篇博客的,是前几篇继续学习包括ajax学习与理解和简化版自己实现jQuery等这篇文章只算是我的个人学习笔记,内容没有精心排版,一些错误请见谅.
  9. web移动端布局的那些事儿 web移动端布局范畴很广,其中比较基础的几个话题: 移动端适配 1px border 基础布局 本文主要分享这三个话题 一、移动端适配 提起移动端适配,大家想到的肯定是rem、flexible.js,本文要分享的方案是 vw + rem 对移动端适配不熟悉
  10. Nginx实践篇(2)- Nginx作为静态资源web服务 - 控制浏览器缓存、防盗链一、控制浏览器缓存 1. 浏览器缓存简介 浏览器缓存遵循HTTP协议定义的缓存机制(如:Expires;Cache-control等)。 当浏览器无缓存时,请求响应流程 当浏览器有缓存时,请求响应流程 浏览器缓存校验过期机制 校验...
  11. React 开发你一定要知道React中,数据是自顶向下单向流动的,即从父组件到子组件,这条原则让组件之间的关系变的简单且可预测。state和props是React组件中重要的概念,如果顶层组件初始化props,那么React会向下遍历整棵组件树,重新...
  12. 前端异常监控、上报及js压缩代码定位 最近在研究前端异常监控的问题,对查询的资料做了整理汇总,总体如下 一、前端异常监控方式 1. window.onerror 异常处理 window.onerror 无论是异步还是非异步错误,onerror 都能捕获到运行时错误。 window.onerror
  13. 推荐一个React的管理后台框架jQuery时代,jQuery+后端模板+Bootstrap/Semantic就可轻松完成前后端开发。进入React/Angular/Vue年代,前后端生态渐行渐远(编程方式上却有殊途同归的感觉),标榜为“全栈”的人更多是从前端通过Nodejs向服务端渗...
  14. GraphQL进阶篇: 挥手Redux不是梦同学,GraphQL了解一下:基础篇 同学,GraphQL了解一下:实践篇首先,需要澄清,这有点标题党,像Redux, Mobx,Flux这种状态管理库,在日常的开发中的地位还是难以撼动的,但是我们可以试着去了解ApolloClent,...
  15. 三十分钟掌握Webpack性能优化 Webpack是现在主流的功能强大的模块化打包工具,在使用Webpack时,如果不注意性能优化,有非常大的可能会产生性能问题,性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等,因此性能优化也主要从这些方面来分析。本文主要是根
  16. webpack入坑之旅(零)简介与升级 升级了一下两年前写的这个教程,前端变化太快了,里面很多示例已经跑步起来,终于愿意花时间来更新一下了。非常基础!! 记录 vue-webapck 的学习基础,代码示例 github地址 2018-08-05最新更新: 本教程已升级至 webpack4 ,旧的代码在 webpack1-backup 分支。将原来教程中部分不正确的地方也已经剔除。不过...
  17. 使用Webpack的代码分离实现Vue懒加载(译文)当一个Vue的项目体积变得十分庞大的时候,使用Webpack的代码分离功能将Vue Components,routes或Vuex的代码进行分离并按需加载,会极大的提高App的首屏加载速度。
  18. Vue组件定义本质上是一个对象,该对象包含data、computed、watch、methods、filters以及生命周期钩子等成员属性。
  19. 2018年7月份GitHub开源项目排行榜】本篇文章为大家盘点了7月份最热门的GitHub 项目,一起来看看你都知道哪些,或者有哪些你已经在使用的了。详见 ​​​
    2018年7月份GitHub开源项目排行榜
  20. 从 0 到 1 实现 React 系列 —— 4.优化 setState 和 ref 的实现 看源码一个痛处是会陷进理不顺主干的困局中,本系列文章在实现一个 (x)react 的同时理顺 React 框架的主干内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/ref/...)
  21. react-native 使用leanclound消息推送 ios消息推送的基本流程 1.注册:为应用程序申请消息推送服务。此时你的设备会向APNs服务器发送注册请求。2. APNs服务器接受请求,并将deviceToken返给你设备上的应用程序 3.客户端应用程序将deviceToken发送给后台服务器程序,后台接收
  22. 读《精通正则表达式》-- 网上 js 正则基础教程没有涉及的一些知识正则表达式的“鼻祖”或许可一直追溯到科学家对人类神经系统工作原理的早期研究。美国新泽西州的Warren McCulloch和出生在美国底特律的Walter Pitts这两位神经生理方面的科学家,研究出了一种用数学方式来描述神经...

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

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

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

发表评论

请登录后发表评论: