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

Chrome 对于 JavaScript 对话框的新策略：建议不要使用 alert(), confirm() 和 prompt()；破解前端面试（80% 应聘者不及格系列）：从 DOM 说起；【CSS 常见问题】三分钟解决 CSS 中 float 引起的父元素高度塌陷问题；JQuery表单验证(包括:用户名,手机号,密码,确认密码,验证码60s)；Webpack打包优化；为什么用 JavaScript 学习函数式编程？（软件编写）（第二部分）；使用 JScompress Mobile Debug 调试手机端网页；写给后端开发者看的 Vue 前端介绍（一）：基础篇

Chrome 对于 JavaScript 对话框的新策略：建议不要使用 alert(), confirm() 和 prompt() 原文作者：Chromium team 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58eef0dca58c240ae35bb8e5 英文连接：Chromium policy on JavaScript dialogs 转载请注明出处，保留原文链接以及作者信息 JavaScript 对话框的历史 JavaScript 诞生于 1995 年…
破解前端面试（80% 应聘者不及格系列）：从 DOM 说起共 7384 字，读完需 10 分钟。本文为《破解前端面试（80% 应聘者不及格系列）》文章的第二篇，包含 DOM、Event、浏览器端优化、数据结构和算法功底的考察。可能有同学会问 DOM 有什么好聊的，不就是节点的各种操作么？DOM 是网页构建的基石，熟练掌握各种操作、知晓可能的问题、熟悉优化手段，才能做到在工程实践…
【CSS 常见问题】三分钟解决 CSS 中 float 引起的父元素高度塌陷问题相信很多同学在网页布局过程中都用过 float 浮动布局，float 可以让我们很方便的去布局，但是同时也带来了很多的问题…… —— 由Joe19970619分享
JQuery表单验证(包括:用户名,手机号,密码,确认密码,验证码60s)每个项目中都会有登录注册模块的一些验证。比如说：用户名我们要验证位数和是否符合用户名规则；密码要验证字母开头，长度，是否包含下划线等等，这里我总结了一下常用的验证规则，用的是项目中用到的class和id ,…
Webpack打包优化简单粗暴的Webpack打包优化使用webpack+vue+……，在打包代码的时候经常由于引入的模块太多，导致打包速度很慢，并且打包后的js文件很大。方案一：externals选项配置externals选项： {代码…} 方案二：webp…
为什么用 JavaScript 学习函数式编程？（软件编写）（第二部分）原文地址：Why Learn Functional Programming in JavaScript? (Composing Software)(part 2) 原文作者：Eric Elliott 译文出自：掘金翻译计划译者：gy134340 校对者：su
使用 JScompress Mobile Debug 调试手机端网页使用 JScompress Mobile Debug 调试手机端网页 —— 由__ihhu分享
写给后端开发者看的 Vue 前端介绍（一）：基础篇不懂“前端er”说的 virtual dom、React、Angular、Vue，也不懂 ES6 为什么就这么优雅，更不知道为什么用 Bootstrap、jQuery 就得“剁手”，甚至不懂前端生态圈的重复造轮子文化。终于有一篇文章是写给后端工程师的前端介绍，后端写给后端看的。我打算从最近火热的Vue来介绍，一方面由于这套框架简直火的一塌糊涂；另…
Chrome对于JavaScript 对话框的新策略——建议不要使用 alert, confirm, 和 prompt原文作者：Chromium team 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58eef0dca58c240ae35bb8e5 英文连接：Chromium policy on JavaScript dialogs 转载请注明出处，保留原文链接…
百度前端学院任务动态数据绑定(五) 觉得这个系列任务还是很有趣的，这是一种性能很差的实现，也许之后会尝试使用虚拟dom、改善其中的遍历。任务信息首先分析一下要干嘛：可以看出Vue是个构造函数；因为传入的对象可能有很多层对象，所以需要一个遍历传入对象的方法；双向绑定打算通过访问器属性实现、需
JavaScript 迷之 this 总结 JavaScript 迷之 this 总结 —— 由关于郑州想的都是你分享
函数式程序员的 JavaScript 简介 (软件编写)（第三部分）原文地址：A Functional Programmer’s Introduction to JavaScript (Composing Software)(part 3) 原文作者：Eric Elliott 译文出自：掘金翻译计划译者：sunui 校对者：
从 Chrome 源码看 JS Array 的实现我们在上一篇介绍了JS Object的实现，这一篇将进一步介绍JS Array的实现。在此之前，笔者将Chromium升级到了最新版本60，上一次是在元旦的时候下的57，而当前最新发布的稳定版本是57。57是三月上旬发布的，所以Chrome发布一个大版本至少用了两、三个月的时间。Chrome 60的devTool增加了很多有趣的功能，这里顺…
关于 vue+node 前后端分离，前端跨域的方案关于 vue+node 前后端分离，前端跨域的方案 —— 由遇见陈同学分享
Dive into Vue.js Vue.js 作为先进的前端 MVVM 框架，在外卖已经广泛应用在各业务线中。本文阐述了 Vue.js 作为前端 MVVM 框架的主要优势，并从 Vue.js 的三个核心点：Observer, Watcher, Compiler 出发，深入阐述 Vue.js 的设计与实现原理。 —— 由liutao分享
如何写好 .babelrc？Babel 的 presets 和 plugins 配置解析什么是Babel The compiler for writing next generation JavaScript. 官网是这么说的，翻译一下就是下一代JavaScript 语法的编译器。作为前端开发，由于浏览器的版本和兼容性问题，很多JavaScript的新的方法都不能使用，等到可以大胆使用的时候，可能已经过去了好几年。Babel就因此而生，它可…
[使用 Weex 和 Vue 开发原生应用] 6 使用 vue-router系列文章的目录在这里（由于我比较懒最近一段时间在忙其他事，系列文章拖了好久终于又更新了。。。）什么是 vue-router ？ vue-router 官方文档 vue-router 是针对 Vue.js 开发的前端路由工具，可以很方便…
Git++ 之 Reset 本文主要介绍通过reset如何将HEAD重置到特定的状态常见工作流程三个区域 HEAD：存储在.git目录，上一次提交对象，下一次提交对象的父提交对象 Index：存储在.git目录，暂存区域，用于下一次提交 Working Directory：实际的文件 Working Directory->Index->HEAD v1 :…
第二次直播课程完结，兼谈对前端，对培训行业的看法前些天播出了直播课程的第二讲，《Promise 的 N 种用法》，感觉播出本身还算成功。现场气氛不错，学员们积极提问，我做完解答，大家也纷纷表示听懂了，有收获。如果人多点就更好了…… 这里再打次广告，课程地址：…
mavonEditor：基于 Vue 的 Markdown 编辑器基于Vue的markdown编辑器 example (图片展示) PC 移动 Use Setup (开始) Install mavon-editor (安装) $ npm install mavon-editor –save package.json “mavon-editor”: “^1.3.3” Use (如何引入) // 方法一 // import with ES6 import V…
学习 Vue 20 天，我写了点东西为什么学习 Vue，简单的学习过程，以及分享写的一个插件 —— 由chengxulvtu分享
Angular 4.x FAQ近期回答了 SF 上和 QQ 群里面的一些问题，发现一些问题对初学者来说，都可能会遇到。个人精力有限，建了个群有兴趣的朋友可以加一下 QQ 群：Angular 修仙之路 – 153742079 (群名称规则：城市 + 昵称) 一起维护这…
Laravel+VueJs开发知乎Laravel-Zhihu 基于Laravel5.3 开发项目地址 https://github.com/GeekGhc/zhihu-app 前言基于laravist社区知乎系列项目后台采用 AdminLTE-For-Laravel 功能用户 [x] 登录注册(邮件认证) [x] 用户设置 [x] 头像…
#前端头条#【奇葩的JavaScript闭包面试题】不说了，有多奇葩，你肯定猜不到，关于什么是闭包，网上的文章数不胜数，但理解什么是闭包还是要在代码中自己去发现与领悟。 #前端开发博客#
A Beginner’s Introduction to CSS Animation中文版现在越来越多的网站正在使用动画，无论是以GIF，SVG，WebGL，背景视频等形式。当正确使用时，网络上的动画带来生机和交互性，为用户增添了额外的反馈和体验。在本教程中，我将向您介绍CSS动画; 高性能的做事方…
angular.js1.X 和 ionic1.X 框架搭建一个 webApp（适合对 angular 有基础）简单上手的小教程。不用 2 小时，即可搭建一个小小的 demo —— 由canton分享
从__proto__和 prototype 来深入理解 JS 对象和原型链看过所有写__proto__和 prototype 写的最深入细致的一篇文章，所以分享一下。先有 Object.prototype（原型链顶端），Function.prototype 继承 Object.prototype 而产生，最后，Function 和 Object 和其它构造函数继承 Function.prototype 而产生。 —— 由微醺岁月分享
《如何构建一个Web浏览器（1）：技术说明规范》本文提供了一些有关于构建浏览器的机巧。（LW 译，欢迎加入翻译组：）
那些年我们一起追的前端此博文有毒，慎点！！！阳光夹杂着微风渗进了屋内，轻抚着坐在工位上的我，而此时的我是心怀愧疚的，因为我正在写着一篇不那么像技术文章的技术文章，而且还变成了赤裸裸的标题党……对于此，我只能恳求您暂时收起板砖，容我慢慢道来，向您诉说这文章由来的前因，说完了，
Chrome 59 支持 Headless 模式，PhantomJS 开发者功成身退 Chrome 59 将支持 Headless 模式。而在 Chrome 未提供原生 Headless 模式前，Web 开发者可以使用 PhantomJS 等第三方 Headless 浏览器。现在官方准备提供 Headless 了，PhantomJS 主要的贡献者 Vitaly Slobodin 随即在邮件列表上宣布辞职。 —— 由阿九5433分享