20180105 前端开发日报

原生 JavaScript 模块的现在与未来;面向自己的2018前端开发指南(一);Vue开发看这篇文章就够了;2018 我所了解的 Vue 知识大全;前端不止:请告诉我,你要什么样的图标;很全很全的JavaScript模块讲解,看了绝不后悔;Three.js 再探 – 写一个跳一跳极简版游戏;告别繁琐重复的webpack配置,直接上手撸代码

  1. 原生 JavaScript 模块的现在与未来 原生 JavaScript 模块的现在与未来 ECMAScript 2015 为原生 JavaScript 新增了模块体系,自其发布以来便引起了开发者们广泛的讨论和积极的实践。经过一年多的发展,原生 JavaScript 模块目前处于什么状态?它的未来
  2. 面向自己的2018前端开发指南(一) 面向自己的2018前端开发指南 当我每次觉得这世界上再也没有比爱情更让人捉摸不透的东西的时候,我都会摔一本最新出版的前端书籍到我的脸上。。。 弹指一挥间,2017年已经过去,又到了新的一年。如果让我写年终总结的话,我
  3. vue开发看这篇文章就够了Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架 库和框架的区别 我们所说的前端框架与库的区别? Library 库,本质上是一些函数的集合。每次调用函...
  4. 2018 我所了解的 Vue 知识大全 年初第一个 flag 就是掌握 vue ,哈哈 Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ,他的学习曲线平稳很多;不管选择什么框架,除了对基础的知识有一定的了解掌握,还应该对 ES6 有一定的了解; 这就是我脑海中的 Vue 知...
  5. 很全很全的JavaScript模块讲解,看了绝不后悔 模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。 模块的优点 可维护性。 因为模块是独立的,一个设计良好的模块会让外面的代码对自己的依赖越少...
  6. Three.js 再探 - 写一个跳一跳极简版游戏 最近在离职的空窗期,感觉大把的时间不能用来浪费,就试着仿照微信跳一跳写了一个极简版的游戏 那么这个游戏到底是简单到什么程度,差不多就是到下面这个程度吧 源码地址: github.com/luosijie/th… 由于是第一次尝试写游戏, 也不知道套路对不对, 大家看着玩就好, 不要太认真, 不...
  7. 告别繁琐重复的webpack配置,直接上手撸代码大家伙有没有这么一个烦恼: 想写一些简单的前端Demo,却被繁琐的webpack配置给恶心到于是乎便有了go-js的存在,我们只需要执行全局安装go-js,执行gojs指令,便可以执行前端代码 使用 执行如下bash脚本: {代码...
  8. 初级前端项目加载速度优化 这份文字是根据近期团队做来问丁香医生 SPA 和 丁香医生小程序 加载速度优化的经历整理而成。 微信扫一扫,体验丁香医生小程序: 效果 古人有一句话叫做:治感冒看疗效。既然是关于速度优化的,我们就先来看一下优化的效果。 来问丁香医生 Chrome Network 选取了访问量较大的首页和我的页面进...
  9. 一种移动应用 Http 请求的加密方法:以 Android 为例 现阶段移动应用主要通过Restful API请求的方式与后端进行交互,这就导致了不少问题。客户端的请求可能通过各种的方式被破解,比如抓包,反编译等。由此服务端将会面临巨大的安全风险,造成被恶意攻击,服务过载瘫痪,数据泄密等问题。 当然,规避问题的方式有很多,如升级https,服务端做IP请求次数限制,请求加密...
  10. Node.JS中UDP打洞穿透内网路由,架设内网服务器技术详解及源码 在制作一款私有云网络存储产品时,很多客户反应,他们希望能远程访问。远程访问内网服务器成本最低的方式应该就是P2P内网穿透了,这里介绍一下实现原理。 UDP穿透原理 打洞主要采用的是udp的无面向连接的特性来实现,同过user1连接server,打通user1的对外ip和端口,然后在一段时间内server都能通过这个端口和IP实...
  11. PathJs ——化繁为简的响应式 JavaScript UI 框架 (首先,声明一点,PathJs-UI和PathJs没有一点关系) 最新版本:1.1【更新内容:修改了iframe和code的兼容性,更好地适应浏览器,pathjsShow和pathjsHide方法新增animation参数,可以控制显示或隐藏控件时动画的显示和样式】 简介: PathJs是一款响应式JavaScript UI框架,他有着出色的能力,帮助你化繁为简。有了...
  12. Angular5 服务端渲染实战 本文基于上一篇 Angular5 的文章继续进行开发,上文中讲了搭建 Angular5 有道翻译的过程,以及遇到问题的解决方案。 随后改了 UI,从 bootstrap4 改到 angular material,这里不详细讲,服务端渲染也与修改 UI 无关。 看过之前文章的人会发现,文章内容都偏向于服务端渲染,vue 的 nuxt,react 的 next。 在本次改...
  13. CSS 实现元素较宽不能被完全展示时将其隐藏 遇到一个需求,需要实现的样式是固定宽度的容器里一排显示若干个标签,数量不定,每个标签的长度也不定。当到了某个标签不能被完全展示下时则不显示。大致效果如下,标签只显示一排,多了放不下了就不显示了。 标签部分 DOM 结构如下 &
  14. React + Redux 性能优化(一):理论篇 本文的叙事线索与代码示例均来自High Performance Redux,特此表示感谢。之所以感谢是因为最近一直想系统的整理在 React + Redux 技术栈下的性能优化方案,但苦于找不到切入点。在查阅资料的过程中,这份 Presentation 给了我
  15. vuex 闲置状态重置方案 大型单页应用(后面都是指spa),我们往往会通过使用状态管理器 vuex 去解决组件间状态共享与状态传递等问题。这种应用少则几十个单页,多则上百个单页。随着路由的频繁切换,每个路由对应的 vuex 中的状态将越来越多。为了做到页面的极致优化,我们需要将那些闲置的状态重置,以减小占用的内存空间。 什么状态可以重...
  16. Angular Debugger 调试 由于代码的打包编译压缩,Angular的调试一直是开发者的难题,但并不是没有调试方法,而且有不少有效的方法,今天就来介绍介绍!三种调试方式: Augury: Angular专用的chrome 调试插件 Sources
  17. nodejs 进阶:crypto 模块中你需要掌握的安全基础知识 一、 文章概述 互联网时代,网络上的数据量每天都在以惊人的速度增长。同时,各类网络安全问题层出不穷。在信息安全重要性日益凸显的今天,作为一名开发者,需要加强对安全的认识,并通过技术手段增强服务的安全...
  18. 在 IBM Cloud 上利用 Loopback 模板搭建 Angular 应用并实现自动部署 Loopback 框架简介 Loopback 是一款由 IBM 和 StrongLoop 团队共同打造的一款可扩展性强的开源 Node.js 框架。Loopback 框架集成了 Express.js 和 OpenAPI Spec(Swagger Spec)。 Express.js 框架几乎已经成为了 Node.js web 应用的范本,但当用 Express.js 开发后端 API 时,它的高可定制化特征却并不是优势,因为开...
  19. Webpack原理-输出文件分析虽然在前面的章节中你学会了如何使用 Webpack ,也大致知道其工作原理,可是你想过 Webpack 输出的 bundle.js 是什么样子的吗?为什么原来一个个的模块文件被合并成了一个单独的文件?为什么 bundle.js 能直接运...
  20. 现在做 Web 全景合适吗?Web 全景在以前带宽有限的条件下常常用来作为街景和 360° 全景图片的查看。它可以给用户一种 self-immersive 的体验,通过简单的操作,自由的查看周围的物体。随着一些运营商推出大王卡等免流服务,以及 4G 环境...
  21. 十行代码实现高仿Promise本文为饥人谷讲师若愚原创文章,首发于 前端学习指南。 问题 假设我们有一个需求:1. 获取用户所在的城市;2. 根据城市获取天气;3. 根据天气获取出行建议。那我们的代码应该是这样的 {代码...} 这就是典型的异步...
  22. 随手记Android JS与Native交互实践 在移动开发中,开发的需求和节奏都越来越快,而Native App在这种节奏中略显笨拙,开发周期长、用户升级慢、应用市场审核时间长都深受开发者弊病。而这时候很多开发者都提出了Hybrid App的概念,这种开发模式有着迭代灵活、多端统一、开发周期短、快速上线等优势。但是Hybrid App也有其不足的地方,在性能很难到达Native ...

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

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

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