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

Javascript 模块化指北；JavaScript 小工具；滚动视差？CSS 不在话下；VUE如何在for循环里面根据内容值动态的加入class；JavaScript 为什么快–第二篇；Web 应用架构基础课；IKEA 微前端经验谈；基于VueJS的render渲染函数打造一款非常强大的IView 的Table组件

Javascript 模块化指北随着 Web 技术的蓬勃发展和依赖的基础设施日益完善，前端领域逐渐从浏览器扩展至服务端（Node.js），桌面端（PC、Android、iOS），乃至于物联网设备（IoT），其中 JavaScript 承载着这些应用程序的核心部分，随着其规模化和复杂度的成倍增长，其软件工程体系也随之建立起来（协同开发、单元测试、需求和缺陷管理等），模…
JavaScript 小工具 1. 字符串格式化输出支持形如： Orders of {1} or more {0}’ {0}，{1}代表第几个参数，包含了完善的异常处理。当给定参数少于格式化串中占位符个数时，未找到的直接留白。 // 格式化字符串 // 包含了异常处理 // formatStr(‘Orders of {1} or more {0}’, ‘aaa’) // output: Orders of {1} or more aaa …
《滚动视差？CSS 不在话下》视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为网页设计的热点趋势，越来越多的网站应用了这项技术。（by chokcoco ）
VUE如何在for循环里面根据内容值动态的加入class 最近在做玩家蚂蚁项目的时候遇到了一个评分显示的小功能，这个在前端显示的星星是用class样式来进行控制的 class =” real-star comment-stars-width5 ” 数据库里记录的信息只有一个评分1-5。我们如果用一般的php方法直接在class里面用 comment-stars-width{$score}这样是行不通的。在查了很多资料和做…
JavaScript 为什么快–第二篇
Web 应用架构基础课初级 Web 应用开发者必学的基础网络架构概念。
IKEA 微前端经验谈 “如今，我们常常把企业架构分割成较小的服务，即微服务。但是，对于庞大的前端，我们面临着和后端一样的问题……使用微前端架构，把前端分解成较小的部分，使团队可以自主持续部署。”
基于VueJS的render渲染函数打造一款非常强大的IView 的Table组件字符串模板的代替方案，允许你发挥 JavaScript 最大的编程能力。该渲染函数接收一个 createElement 方法作为第一个参数用来创建 VNode。
webpack4 化繁为简（二）uglifyjs js压缩插件 webpack默认已经有uglifyjs，所以只需要引入就可以使用. 在webpack.config.js中配置:
Rxjs 响应式编程-第一章：响应式现实世界相当混乱：事件不按照顺序发生，应用崩溃，网络不通。几乎没有应用是完全同步的，所以我们不得不写一些异步代码保持应用的可响应性。大多数的时候是很痛苦的，但也并不是不可避免。
Cabloy全栈JS框架微创新之一：不一样的“移动优先 PC适配” 目前流行的前端UI组件库都支持移动设备优先的响应式布局特性。但基于Mobile和PC两个场景的不同用户体验，也往往会实现Mobile和PC两个版本。 PC场景下的Web工程，如大量的后台前端管理模版，虽然支持Mobile自适应，但其用户体验差强人意。 Cabloy采用不同的思路，仍然基于移动优先，同时通过特殊的布局优化，使得移…
聊聊 CSS 中的层叠相关概念很系统的总结。
HTTP协议知识点总结这篇文章主要是我平时在学习HTTP过程中看到的一些知识点，现在把他们总结成一篇文章，建立一个自己的知识体系，全是干货。另外，推荐一本非常棒的HTTP书——《图解HTTP》，这本书图文并茂，挺有趣的。
ES6核心，值得驻足花一天时间来学习 1.let 和 const 命令在es5时，只有两种变量声明，var 和function。在es6中新增了四种let和const，以及另外两种声明import和class。我们先讲解let和const,后续会补充import和class （1）let 我们
webpack4 化繁为简（一）webpack4前言背景用途不多说，上来就干。从最简单的demo到项目中的实践。(指令是window 平台下，并且使用了cnpm 来安装包的依赖.)一.基础demo 1.初始化项目
使用PHPCS+GIT钩子保障团队开发中代码风格一致性实践笔者在6月份加入新团队，新团队这边刚组建起来，基础一些东西还处于待完善状态，比如笔者组内同学约定使用PSR-2的编码风格规范，但是并不是所有人都严格按照PSR-2来提交代码。
一篇文章用ES6手撸一个Promise说到Promise，都知道它是比回调函数更优的一种异步编程解决方案，它可以使得异步操作逻辑变得更加清晰，是解决地狱回调的一种尝试。本篇文章将会尝试用简单易懂的语言描述Promise的原理，并且用es6手撸一个简单的…
Webpack Book 翻译计划开坑最近在深入学习 webpack，发现了一本不得了的开源书籍，从入门到每个细节，再到进阶，基本都涵盖了，所以必须强烈安利一下！SURVIVEJS — WEBPACK [链接]有能力的话推荐看原版，至于这边翻译，坑是必须填的，每周…
用Vue撸一个『A-Z字母滑动检索菜单』最近用vue仿写途牛旅行APP 遇到了这样的城市列表选择页面，花了些时间，用Vue实现了一下并让它体验的接近安卓/IOS 原生组件
《React Native 精解与实战》书籍连载「Node.js 简介与 React Native 开发环境配置」此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。书籍还…
前端每日实战：102# 视频演示如何用纯 CSS 创作一个小和尚（发扬佛性编程，别老想着暴捶产品经理）效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
用javascript实现一门编程语言-词法分析目录用javascript实现一门编程语言-前言用javascript实现一门编程语言-语言构想用javascript实现一门编程语言-写一个解析器用javascript实现一门编程语言-字符输入流用javascript实现一门编程语言-词法分析
TypeScript基础入门 – 函数 – 简介项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.1.6 为了保证后面的学习演示需要安装下ts-node，这样后面的每个操作都能直接运行看到输出的结果。 npm install -D ts-node 后面自己在练习的时候可以这样使用 npx ts-node 脚本路径函数介绍函数是JavaScript应用程序的…