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

webpack性能优化(下)；基于Vue组件化的日期联动选择器；面试官问：能否模拟实现JS的call和apply方法；mpvue 单文件页面配置；ES6的这些操作技巧，你会吗；2018 前端开发分享；VueConf 杭州 PPT；前端构建：3类13种热门工具的选型参考

webpack性能优化(下) 在webpack性能优化(上) 中，我们从代码分离，Loader， webpack解析(resolve)， webpack 外部扩展(Externals) ，Dlls 优化构建速度，等方面分析了优化手段，这篇文章让我们接着来撸。图片等静态文件 dev prod 通常来说，我们会通过使用file-loader,url-loader等loader来处理项目中的静态文件，如图片字体等文件 …
基于Vue组件化的日期联动选择器我们的社区前端工程用的是element组件库，后台管理系统用的是iview，组件库都很棒，但是日期、时间选择器没有那种“ 年份 – 月份 -天数 ” 联动选择的组件。虽然两个组件库给出的相关组件也很棒，但是有时候确实不是太好用，不太明白为什么很多组件库都抛弃了日期联动选择。因此考虑自己动手做一个。将时间戳转换成日期…
面试官问：能否模拟实现JS的call和apply方法其中模拟bind方法时是使用的call和apply修改this指向。但面试官可能问：能否不用call和apply来实现呢。意思也就是需要模拟实现call和apply的了。
mpvue 单文件页面配置mpvue 的出现把 vue 的开发体验带到了小程序这个平台中，但其目录结构与传统的 vue 项目却并不完全一致，一个典型的页面包含以下三个文件：
【ES6的这些操作技巧，你会吗？】全文=> 　　ES6出来已经有好几年了，同时很多新特性可以被巧妙地运用在项目中。本文就讲述ES6的这些操作技巧，你会吗？　　1. 强制要求参数　　ES6提供了默认参数值机制，允许你为参数设置默认值，防止在函数被调用时没有传入这些参数。在下面的例子中，我们写了一个required()函数作为参数a和b的默认值。这意…
2018 前端开发分享 Create by jsliang on 2018-11-26 08:10:27 Recently revised in 2018-11-29 22:12:45 Hello 小伙伴们，如果觉得本文还不错，记得点个赞或者给个 star，你们的赞和 star 是我编写更多更丰富文章的动力！ GitHub 地址查阅网上诸多资料，并结合自己的实际开发经验，进行的一次前端技术分享。一目录不…
VueConf 杭州 PPT 第二届 VueConf PPT 已放出。对 Vue 开发感兴趣的同学可以看看尤雨溪的演讲视频，了解 Vue 3 最新进展。大体看了一遍，受益良多。
前端构建：3类13种热门工具的选型参考在前端项目的规模和复杂性不断提升的情况下，各类构建思想和相应工具层出不穷。本文竭己所能对比了当下13个构建工具，包括Browserify、Webpack、Rollup、Grunt、Gulp和Yeoman6个广为流行的工具，FIS、Athena、WeF…
像呼吸一样自然：React Hooks + RxJS RxJS 搭配 React Hooks，这手段如何？
Git 常用技巧除了 add/commit/pull/push，需要了解的还有更多。
前端每日实战：163# 视频演示如何用原生 JS 和 GSAP 创作一个多选一场景的交互游戏（内含 3 个视频）效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。第 1 部…
从谷歌的JavaScript编写风格中，13 点值得我们注意的对于那些还不熟悉JavaScript的编写风格的人，谷歌提供了编写JavaScript的编写风格指南，谷歌风格指南其中列出了编写干净、可理解代码的最佳风格实践。
深入浅出Vue使用中的小技巧众所周知在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~ 1. 多图表resize事件去中心化 1.1 一般情况有时候我们会遇到这样的场景，一个组件中有几个图表，在浏览器resize的时候我们希…
手把手教你使用 VuePress 搭建个人博客有阅读障碍的同学，可以跳过第一至四节，下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看。
解决 "Script Error" 的另类思路前端的同学如果用 window.onerror 事件做过监控，应该知道，跨域的脚本会给出 “Script Error.” 提示，拿不到具体的错误信息和堆栈信息。
websocket+sockjs+stompjs详解及实例最近有项目需求要用到websocket,刚开始以为很简单，但是随着遇到问题，深入了解，才知道websocket并不是想象中的那么简单，这篇文章主要是考虑websocket在客户端的使用。
React Hooks实现异步请求实例—useReducer、useContext和useEffect代替Redux方案本文是学习了2018年新鲜出炉的React Hooks提案之后，针对异步请求数据写的一个案例。注意，本文假设了：1.你已经初步了解hooks的含义了，如果不了解还请移步官方文档。（其实有过翻译的想法，不过印记中文一直在…
使用 NodeJS 创建一个 GraphQL 服务器当谈到客户端和应用程序服务器之间的网络请求时，REST（*表现层状态转换*的代表）是连接二者最常用的选择之一。在REST API 的世界中，一切都围绕着如何把资源作为可访问的 URL。然后我们会进行 CURD 操作（新建、读取、更新、删除），这些操作是 HTTP 的基本方法，如 GET、POST、PUT 和 DELETE，来与数据进行交互。 …
JavaScript数据类型—-原始类型与引用类型（object）详谈JavaScript中，有七种内置类型：6种原始类型和引用类型，他们分别是： 6种原始类型（基本类型）：空值（null）未定义（undefined）布尔值（boolean）数字（number）字符串（string）符号（symbol，ES6中新…
浅探webpack优化由于前端的快速发展，相关工具的发展速度也是相当迅猛，各大框架例如vue,react都有自己优秀的脚手架工具来帮助我们快速启动一个新项目，也正式因为这个原因，我们对于脚手架中最关键的一环webpack相关的优化知之…
利用Vue原理实现一个mini版的MVVM框架
【离屏Canvas — 使用Web Worker提高你的Canvas运行速度】全文=> 　　原文链接： developers.google.com 　　现在因为有了离屏Canvas，你可以不用在你的主线程中绘制图像了！　　Canvas 是一个非常受欢迎的表现方式，同时也是WebGL的入口。它能绘制图形，图片，展示动画，甚至是处理视频内容。它经常被用来在富媒体web应用中创建炫酷的用户界面或者是制作在线（web）游戏。 …
【20181201 前端开发日报】javascript防抖和节流；HTML5 图片上传解决方案；Vue.js的复用组件开发流程；只用 CSS 就能做到的像素画/像素动画；Proxy实现vue MVVM实践；Angular-难点；vue+element …详情→
HTTP/3 详解 HTTP/3 了解一下？
聊聊前端视频判重计算的事起因昨日微信群里有人询问技术问题，忙里偷闲回了两句，闲下来后感觉指的的路有点儿歪。深觉惶恐，顾整理一下思路，希望能减少一些谬误。为了行文需要，没有完全拘泥于群里的原始问题，有故意跑偏意图。友情提示：本文看一半觉得有理，一定是被带坑里了；如果坚持看完，还能引发更多批评和思考，说明幸免…
前端架构杂思录：议 Function Component 与 Hooks Function Component 与 React Hooks 的思考。
快速了解 CSS color-adjust 属性一句话描述 color-adjust 的作用：是否允许浏览器自己调节颜色以便有更好的阅读体验。
探索Python来反补JavaScript，带你 Cross Fire —— JS 数据类型的奥秘数据类型可以说是编程语言的基石，重要性不言而喻。那么现在就从数据类型开始，打破你的思维认知，做一个充满想象力的 FEE 。针对上篇的一些偏激评论，我想强调的一点是：我写的文章，并不是给那些偏激到说脏话的人看的，请尊重每一位为前端贡献微薄力量的 Blogger 。好像，我这标题起的也太秀了，会不会被打:joy…