20170418 前端开发日报

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

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

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

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

原创文章:20170418 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170418.html)
评论已关闭。