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

Web 开发 17 年的所见所得；你可能不知道的前端知识点；iscroll卡顿？使用JRoll封装react插件，逃离卡顿的套路；vue网易云音乐v2.0(mv播放等你来看)；vue首屏加载优化；Vue官方文档梳理-全局配置；简单快速的开发WEB应用， PHP 框架 Lemon 介绍；React源码分析和内部流程展示（包括fiber版本）

Web 开发 17 年的所见所得关于 NodeConfBP NodeConfBP 会议于 2017 年 1 月在布达佩斯召开，本次会议为期一天，只有一个演讲室，由 RisingStack – the Node.js Consulting & Development Company 组织并提供赞助。下面你将会从第一人称视角感受到一个近乎完美的风格化的会议记录：认识下 Daniel Khan DynaTrace …
你可能不知道的前端知识点新建了一个 repo：justjavac/the-front-end-knowledge-you-may-dont-know 发掘被我们忽略的前端知识点。所有的讨论以 issues 的形式进行，任何人都可以在 issues 区围观讨论。本 repo 的目的在于搜集、讨论，最…
iscroll卡顿？使用JRoll封装react插件，逃离卡顿的套路非常对不起关注了专栏的小伙伴，最近一个月更新的文章很少。这次分享一个react移动端封装滚动插件。我们在做移动端垂直滚动的时候，会出现各种问题，卡顿、穿透、兼容性，最不能容忍的是卡顿，比如使用 IScroll…
vue网易云音乐v2.0(mv播放等你来看)网易云音乐它会成为用vue实现网易云音乐最全的webapp，我们的目标是更像，更快，更优雅 vue网易云音乐webapp版 Star，Star，Star，这是对我最大的鼓励，重要的话说三遍，广告就要放在最显眼的地方，哈哈。 api来…
vue首屏加载优化库使用情况 vue vue-router axios muse-ui material-icons vue-baidu-map 未优化前首先我们在正常情况下build 优化 1. 按需加载当前流行的UI框架如iview,muse-ui,Element UI都支持按需加载,只需稍微改动一下代…
Vue官方文档梳理-全局配置个人梳理官方文档笔记。 —— 由零点九九分享
简单快速的开发WEB应用， PHP 框架 Lemon 介绍喜欢(❤ ω ❤) laravel 但是它太笨重了想快速简洁的开发小项目，试一试Lemon 吧。 Lemon 是一个现代的 PHP 框架，采用 composer 管理组件依赖。如何使用 Lemon 安装前面已经说过 Lemon 采用 composer 加载。第一…
React源码分析和内部流程展示（包括fiber版本）一份很好的学习React内部源码的资料，主要讲解React代码库的核心代码（60%），内附详细清晰的流程图辅助读者了解其中原理。有兴趣和时间的同学可以尝试翻译成中文 🙂 —— 由kingzzm分享
React 在服务端渲染的实现原文地址：Server-Side React Rendering 原文作者：Roger Jin 译文出自：掘金翻译计划本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/server-side
HttpDNS 原理是什么什么是 DNS DNS（Domain Name System，域名系统），DNS 服务用于在网络请求时，将域名转为 IP 地址。能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的 IP 数串。传统的基于 UDP 协议的公共 DNS 服务极易发生 DNS 劫持，从而造成安全问题。 DNS 域名系统结构 …
JS Error继承踩坑记 JS编写继承Error类编译成ES5代码遭遇的问题解决 —— 由xueqian分享
用CSS3实现无限循环的无缝滚动有时候在页面的某个模块中，需要无限循环的滚动一些消息。那么如果我们用js实现无缝衔接滚动的思路是什么呢（比如我们这个模块是向上滚动的）？克隆A一份完全一样的数据B放在原数据A的后面；使用setInterval向…
JavaScript Error 继承踩坑记 Error ES6 Class继承在Web App中，我们通常会创建自定义错误类来区分错误类型。如果使用ES6的Class语法，那么应该有类似如下写法: class MyError extends Error { constructor (msg) { super(msg) this.message = msg this.name = “MyError” } } 现在我们需要报…
JavaScript の客户端检测模块增强模式进行客户端检测标签： JavaScript 常用的检测方式为: 1 能力检测 2 用户代理检测这里有 2 用户代理检测检测插件 P211 {代码…} 检测浏览器引擎 : {代码…} 检测浏览器品牌　: {代码…} 用户代…
第三方登入例子-GitHub授权登入（node-koa） node-koa实现GitHub第三方登入的完整例子 —— 由Lin1483519614143分享
Gulp为网页增加静态资源指纹，后台无虑开启强缓存 Gulp为网页增加静态资源文件指纹，后台无虑开启强缓存！ —— 由草莓丶分享
Vue中的mixins思考看了奇舞团的vue mixin 结合最近一个业务需求发表下看法 —— 由jiangtao321分享
JavaScript 模块简史你是否是 JavaScript 新手？并且对模块，模块加载器和模块打包器感到困惑吗？或者你已经编写了一段时间的 JavaScript ，但是没法掌握模块的一些术语？你是否听过 CommonJS、AMD、Browserify、SystemJS、Webpack、JSPM 等等术语，但是不理解我们为什么需要它们？我会试着解释他们是什么，他们试图解决什么问题，以及他…
Vue的数据绑定部分的简要过程解释通过这幅图我来进行简要说明:一初始化阶段 {代码…} 二更新阶段 {代码…} 三小结 {代码…} 四欢迎大家借鉴和审查
理解JavaScript中的依赖注入http://www.html-js.com/articl…
手摸手，带你用vue撸后台系列四(vueAdmin 一个极简的后台基础模板) 项目地址：vueAdmin-template线上预览地址：点我相关项目地址：vue-element-admin系类文章一：手摸手，带你用vue撸后台系列一（基础篇）系类文章二：手摸手，带你用vue撸后台系列二（登录权限篇）系类文章三：手摸手，带你用vue撸
React-BMap-基于react和百度地图JavaScript API的组件库 React-BMap npm version 基于百度地图JavaScript Api封装的React组件库，使用这个库最好需要先了解React和百度地图JavaScript Api。 React-BMap只是利用了React组件的生命周期，来调用对应的百度地图JavaScript Api的方法，比如在componentDidMount和componentDidUpdate的时候在地图上添加覆盖物，componentWillUnmoun…
9个最好用的JavaScript开发工具和代码编辑器 Web设计和开发是现今越来越流行的职业方向之一。工欲善其事，必先利其器，如果你想在这个领域出类拔萃，那么你就必须具备一些优秀的技能，例如能操作不同的平台、IDE和其他各种各样的工具。谈到平台和IDE，现在已经不是以前那个掌握一个IDE就能“一招鲜吃遍天”的时代了。激烈的竞争以及蔓延到现在的集成开发环境。基于I…
JavaScript 中 8 个容易犯的错误「这里我们针对 JavaScript 初学者给出一些技巧和列出一些陷阱。如果你已经是一个砖家，也可以读一读。」 —— 由tianyu分享
Angular 4 简单入门笔记刚实习的时候用过Angular1，那时候真的是连原生JavaScript都不会写，依样画葫芦做了几个管理后台。然后突然换项目了，Angular就不写了，感觉前前后后接触了一年多的Angular1，结果只懂点皮毛。最近又有个管理后…
快速打造简易高效的webpack配置 webpack给前端开发带来了毋庸置疑的改变，它把JS，图片，css都作为模块处理，同时具有开发便捷，自动化，兼容AMD写法等等诸多无须赘述的优点，更令人称道的是其插件社区非常强大，对于不同的业务需求和技术需求社区都有大量插件可供使用。凡事都具有两面性，许多
前端每周清单第 20 期：React 组件解耦之道；基于Headless Chrome的自动化测试；Angular 2/4是否为时已晚？ – 知乎专栏前端每周清单第 20 期：React组件解耦之道；基于Headless Chrome的自动化测试；Angular 2/4是否为时已晚？为InfoQ中文站特供稿件，首发地址为前端之巅公众号；如需转载，请与InfoQ中文站联系。从属于笔者的 Web 前端入门与工程实践的前端每周清单系列系列；部分文章需要自备梯子。 —— 由王下邀月熊分享