20170829 前端开发日报

基于webpack的几种静态资源的引入方案;从0开始写一个自己的Vuex;Javascript的模块管理 CMD AMD ES7等;个人分享–web前端学习资源分享;GitChat · 架构 | 从好友中心开始,聊「多对多」类业务数据库水平切分架构实践;所有这些基础的 React.js 概念都在这里了;web性能优化——http首部;css知识点:IE浏览器的hasLayout,IE低版本的bug根源

  1. 基于webpack的几种静态资源的引入方案 基于webpack && html引入静态资源的几种方法 GitHub博客 github.com/asd0102433/… 喜欢的start,长期更新 我们需要在页面插入图片: index.html 20170829 前端开发日报 因为这个图片webpack并没有被加载进来,会得到404的结果。 通常的做法是在对应的js中 require ...
  2. 从0开始写一个自己的VuexVuex从0开始学习源码 前言 尝试从0开始,写一个Vuex(主要是copy vuex的源代码),从中学习下vuex的源代码.先来看下列子中是怎么使用store的。 {代码...} 开始 第一步 Vuex作为一个插件 先得实现install方法。同时...
  3. Javascript的模块管理 CMD AMD ES7等一 Commonjs 一开始js是垃圾,但随着时代的发展、业务的进步,js变得越来越重要,但js涉及之初就是用来打杂的,有缺陷如下: JavaScript has no module system. To compose JavaScript scripts, they must be eit...
  4. 个人分享--web前端学习资源分享1.前言 6月份开始出没社区,现在差不多9月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了!一般来说,差不多到了转正的时候,会进行总结或者分享会议!那么今天我就把看过的一些学习资源(主要是...
  5. GitChat · 架构 | 从好友中心开始,聊「多对多」类业务数据库水平切分架构实践来自 GitChat 作者:沈剑 前言 本文将以“好友中心”为例,介绍“多对多”类业务,随着数据量的逐步增大,数据库性能显著降低,数据库水平切分相关的架构实践。 一、什么是多对多关系 所谓的“多对多”,来自数据库设计...
  6. 所有这些基础的 React.js 概念都在这里了 去年,我写了一本关于学习React.js的简短书,原来是大约100页。今年,我将挑战自己,把它概括为一篇关于中度的文章。 这篇文章不会涵盖什么是React或者为什么你应该学习它。相反,这是对已经熟悉JavaScript并熟悉DOM API基础知识的人们对React.js的基础知识的实践介绍。 以下所有代码示例均标示为参考。它们...
  7. web性能优化——http首部可能很多人不知道http头部有什么作用,甚至一看到这些密密麻麻的头部信息,赶紧敬而远之。同学~你知道你犯了多大的错误吗?了解http头部,可以让你网站的性能得到很大的提升。 现在开始还来得及,赶紧往下看吧~ H...
  8. css知识点:IE浏览器的hasLayout,IE低版本的bug根源什么是hasLayout? hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout...
  9. Vue写一个Markdown编辑器 这是最近用Vue写的一个Markeddown编辑器, 主要目的是扩展 Vue-Manager 的编辑器功能。核心功能引入了 Marked 插件,将Markedown文档解析为html。样式基本沿用了 ,并增加了多种主题选择的功能。 项目已经打包上传到npm,欢迎使用。 预览地址 luosijie.github.io/vm-markdown… ...
  10. Redux 的副作用处理与 No-Reducer 开发模式 众所周知,React只是一个用于构建UI的JavaScript库,并非完整的框架,在代码的整体结构与组件间的相互通信——这两块大型Web项目开发中最关键的痛点——选择了留白。然而值得庆幸的是,Facebook给出了一个官方的半成品解决方案——Flux。 说它是半成品,是因为早在2014年 Facebook 就提出了 Flux 架构的概念,但其后...
  11. 开发者必读的十大经典书籍 】本文总结了业界的十本经典书籍,我们来一一探索吧。全文=> ​​​   快速迭代的信息社会,技术前进的速度远超人类历史上的任何时期,技术攫取呈现出碎片化的特征,开发者更倾向于通过网络搜素寻求问答。然而,这种浅尝辄止的阅读方式,会给人深沉的浮躁感,难以做到为自己切实所用。   新语言、新工具持续更替,让人目不暇接,学习过程中必定伴随着各种琐碎的问题。事实上,许多...
    开发者必读的十大经典书籍
  12. npm scripts : 每个前端开发都应知道的一些使用提示 npm 不仅是 JavaScript 的包管理工具,它还可以用于你代码库相关的配置工具,如 Linters(代码检查工具)、transpilers(代码转译工具)、testing(测试工具)和servers(本地服务器)等。这些都可以根据软件包的说明进行配置并运行。基本用法也很简单。 你可以在 package.JSON 主对象中的 scripts 属性中指定 scripts ,然后...
  13. 【Node Hero】1. 开始使用 Node.js本文转载自:众成翻译译者:网络埋伏纪事链接:http://www.zcfy.cc/article/1748原文:https://blog.risingstack.com/node-hero-tutorial-getting-started-with-node-js/ 这是 Node.js 系列教程 Node Hero 的第一...
  14. 翻译连载 |《你不知道的JS》姊妹篇 |《JavaScript 轻量级函数式编程》- 引言&前言原文地址:Functional-Light-JS 原文作者:Kyle Simpson - 《You-Dont-Know-JS》作者 译者团队(排名不分先后):阿希、blueken、brucecham、cfanlife、dail、kyoko-df、l3ve、lilins、LittlePineapple、Matil...
  15. 漫谈js-原型原型 相信js开发者都知道原型,原型链,但是很多人晕晕乎乎对此不知甚解。下面分享一下我的个人心得。 学习中的困惑 构造函数,原型,实例对象之间的关系是什么? 原型链是怎么继承的? 既然构造函数本身是函数,...
  16. VueJS 如何编译服务器端远程模板【异步组件+简单方法】说明 有些时候你可能需要从后台获取模板,并在前台在自己编译,这在用 AngularJS 1.x 的时候似乎很常见,可以直接用 ng-include 搞定,在 Vue 1.x 的时候也可以直接用 partial 搞定。但是在 Vue 2.x 中,官方取消...
  17. 前端开发周报: CSS 布局方式方式与JavaScript数据结构和算法1、常见 CSS 布局方式详见: 一些常见的 CSS 布局方式梳理,涉及 Flex 布局、Grid 布局、圣杯布局、双飞翼布局等。http://cherryblog.site/common... 2、几种 JavaScript 动画库推荐JavaScript 库对设计师和开发...
  18. Laravel思维导图之Laravel HTTP路由、中间件、控制器上图列出了 Laravel HTTP 层的相关知识大纲。由于目前自己的工作中网页、App、小程序等都采用前后台分离的方式实现,前端页面通过接口从后端获取数据并自己渲染,因此大纲中的 Session、视图、CSRF 保护几个部分...
  19. #jQuery#【jQuery模拟瀑布流布局】<!DOCTYPE html><html><head> <meta charset=utf-8> 瀑布流 <style type=text/css> *{margin: 0; padding: 0; } body{tex...请戳→ #前端开发博客# ​​​
    jQuery模拟瀑布流布局

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

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

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