20170829 前端开发日报-前端开发博客

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

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