20180813 前端开发日报

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

  1. Javascript 模块化指北 随着 Web 技术的蓬勃发展和依赖的基础设施日益完善,前端领域逐渐从浏览器扩展至服务端(Node.js),桌面端(PC、Androidios),乃至于物联网设备(IoT),其中 JavaScript 承载着这些应用程序的核心部分,随着其规模化和复杂度的成倍增长,其软件工程体系也随之建立起来(协同开发、单元测试、需求和缺陷管理等),模...
  2. 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 ...
  3. 滚动视差?CSS 不在话下》视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 作为网页设计的热点趋势,越来越多的网站应用了这项技术。 (by chokcoco ) ​​​

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

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

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

原文:20180813 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180813.html)