20180819 前端开发日报

前端每日实战:109# 视频演示如何用 CSS 和 D3 创作一个用文字组成的心形图案(为七夕之夜而作);JavaScript 正则表达式实用指南;可视化构建工具探索之Vue Cli3.0 & 阿里飞冰;现代 JavaScript 的变量作用域;vue下history模式刷新后404错误解决;《React Native 精解与实战》书籍连载:React Native 中的生命周期;尝试手写一个 nodejs http-server(含发布到npm的流程);TypeScript基础入门 – 函数 – 重载

  1. 前端每日实战:109# 视频演示如何用 CSS 和 D3 创作一个用文字组成的心形图案(为七夕之夜而作)效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
  2. JavaScript 正则表达式实用指南 简评:字符串操作中正则表达式是一个非常强大的工具,本文梳理了正则表达式中几个实用语法。 什么时候正则表达式 正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。他有一套自己的语法规则,许多语言都提供这个功能如 JavaScript,Perl,Python,Php 和 Java 等等。 ...
  3. 可视化构建工具探索之Vue Cli3.0 & 阿里飞冰 Vue Cli3.0可视化构建工具——Vue UI 一、安装环境 安装了最新的Vue CLI。打开Terminal,输入: npm install -g @vue/cli or yarn global add @vue/cli 使用-V来查看刚刚安装的版本:
  4. 现代 JavaScript 的变量作用域 原文链接:Variable Scope in Modern JavaScript 译者:OFED 现代 JavaScript 的变量作用域 当与其他 JavaScript 开发人员交谈时,令我经常感到惊讶的是,有很多人不知道变量作用域是如何在 JavaScript 里起作用的。这里我们说的作用域指的是代码里变量的可见性;或者换句话说,哪部分代码可以访问和修...
  5. vue下history模式刷新后404错误解决官方说明文档: [链接] 一、 实测 Linux 系统 Apache 配置: 更改站点配置文件即可,我这里在 Directory 标签后面添加了官方给的五行配置 {代码...} 二、 实测 Windows 环境下 IIS 配置 1. IIS安装Url重写功能 [...
  6. 《React Native 精解与实战》书籍连载:React Native 中的生命周期 此文是我的出版书籍《React Native 精解与实战》连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战,以及 React Native 与 iosAndroid 平台的混合开发底层原理讲解与代码实战演示,精选了大量实例代码,方便读者快速学习。 ...
  7. 尝试手写一个 nodejs http-server(含发布到npm的流程) 前言: 关于 http server 应该有小伙伴了解或用过http-server,http-server是一个node环境下的命令行http服务器,这里是npm官网的链接 www.npmjs.com/package/htt… , 可以从npm的官网查到其用法
  8. TypeScript基础入门 - 函数 - 重载 项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.2.5 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能直接运行看到输出的结果。 npm install -D ts-node 后面自己在练习的时候可以这样使用 npx ts-node 脚本路径 函数 重载 JavaScript本身是个动态语言...
  9. 用shelljs实现前端部署自动化本人在用vue-cli写我的个人博客时,将其部署到coding pages上。不用github pages的原因纯粹是因为慢。。。每一次部署,都要将上面的命令敲一遍,实在令我很痛苦。如果能用一条命令执行以上所有任务,那就爽多了。
  10. 状态管理器这么火,让我们来做一个简单的redux原理解析吧(vuex类似) redux状态管理器,实质上就是一个单例模式。我们来实现一个简单的redux模型,实现之前我们要先熟悉它的用法。 Redux是将整个应用状态存储到到一个地方,称为store里面保存一棵状态树(state tree) 组件可以派发(dispatch)行为(a
  11. 企业级React项目的个人构建总结距离上篇文章已经好长一段时间了,这两个星期公司派驻到京东方这边出差负责入驻项目团队的前端工作。这段时间从零搭建一下前端项目,这次给的时间比较充裕,思考的也比较多。以前也常有搭过前端项目,但是给的时...
  12. SpaceAce 了解一下,一个新的前端状态管理库 原文地址:Introducing SpaceAce, a new kind of front-end state library 原文作者:Jon Abrams 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Noa
  13. 聊聊Web中的度数单位 说到度数,你可能已经从生活中了解了很多关于他们相关的知识。在学校里学习几何课,做基本的木工活,进入外层空间或在图像编辑器中旋转一个元素等,都会有角度相关的身影。 在现实世界中,度数几乎是测量角度的单位。它在web中同样是一个受欢迎的角色,也适用于我们将遇到的各种场景。幸运的是,在现实世界中的度...
  14. 前端插拔式 SPA 应用架构实现方案随着互联网云的兴起,一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知,越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的形式。同时,前端...
  15. Reim 不是另一个「Redux」 Why Reim is not another Redux An (im)mutable state management library, simply awesome
  16. 边写 Javascript 代码边玩游戏 – WarriorJS 在 github 上看到这个有趣的项目 – WarriorJS ,项目的内容写着 – 令人兴奋的程序设计和人工智慧游戏,Ok 我坦白我是看到人工智慧被这个专案所吸引,但是玩了两个关卡,还是不知道这个游戏跟人工智慧有什么关系,不过这个游戏的最大亮点反而是 – 透
  17. 悄悄掀起 WebAssembly 的神秘面纱 前端开发人员想必对现代浏览器都已经非常熟悉了吧?HTML5,CSS4,JavaScript ES6,这些已经在现代浏览器中慢慢普及的技术为前端开发带来了极大的便利。 得益于 JIT(Just-in-time)技术,JavaScript 的运行速度比原来快了 1
  18. react-native添加购物车抛物线效果 A react native component simulation of parabolic motion. Install $ npm i react-native-parabolic --save Show case
  19. 使用原生 JavaScript 构建状态管理系统 原文地址:Build a state management system with vanilla JavaScript 原文作者:ANDY BELL 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Shery 校对
  20. 前端每日实战:108# 视频演示如何用 CSS 和 D3 创作一个抽象的黑白交叠动画效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
  21. 基于 React + TypeScript 的网易云音乐 基于 React 实现的仿 iOS 客户端网易云音乐。 项目地址:戳我 在线地址:戳我(PC 浏览器需切换到移动端模式) 移动端体验: 预览 技术栈 React 16.3 TypeScript Mobx + Redux react-redux react
  22. JavaScript 竟然可以类型推断 作者 | 朱士奇 杏仁前端开发工程师,代码洁癖症早期,关注前端技术。 作为弱类型的 JavaScript 写起来爽,维护起来更爽。 —— 鲁迅·沃梅硕果 近几年,前端技术的发展可以用 Big Boom 来形容,因此 JavaScript 也被大规模的运用在项目中,由此也产生了代码的维护问题,所...
  23. 这两天老是有兄弟问到Vue的登陆和注册,登陆成功留在首页,没有登录回到登录页面,现在我用最简单实用的方法实现(两分钟技就看懂)其实登录注册,并且登录一次保持登录的状态,是每个项目都需要实现的功能。 网上也有很多的方法,不过,不是通俗易懂,在这里说一下我自己的方法,非常简单实用核心就是用localStorage存、取数据,这样当刷新浏览...

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

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

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