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

2017前端面试题及答案总结；JavaScript参数传递的深入理解；Web开发中的<自定义>；Lozad.js；Vue:渲染、指令和事件；Angular 4.4.1 发布，Web 前端框架；一款可配置风格简单的下拉列表组件[采用vue2.0技术]；web前端–10个妨碍进步的学习方式

2017前端面试题及答案总结|掘金技术征文 “金三银四，金九银十”，用来形容求职最好的几个月。但是随着行业的饱和，初中级前端er就业形势不容乐观。

行业状态不可控，我们能做的当然只是让自己变得更加具有竞争力。

今年自己也用了几个月的时间来准备笔记面试，巩固基础知识。特此将自己在这个过程总结的题目分享出来，希望对于求职和准备求职的同学有所帮助。
JavaScript参数传递的深入理解今天看到《JavaScript高级程序设计》里面关于参数传递的章节时，有点懵。本着“打破砂锅问到底”的精神，看了些别人写的博客和知乎上一些大神的解释，算是对参数传递有了个比较全面的了解。在讲参数传递前，先要理解变量在内存中的存放方式。
Web开发中的<自定义> 自定义元素(Custom Elements)是一种更加灵活的HTML特性，可以使用它定义新的HTML元素。目前是chrome和opera所支持的一个特性。借助自定义元素，网络开发者可以创建新的 HTML 标记、扩展现有 HTML 标记，或者扩展其他开发者编写的组件。API 是网络组件的基础。它提供了基于网络标准来使用原生 JS/HTML/CSS 创建可重用组件的方法。其结果是代码更精简且模块化，并且在我们的应用中的可重用性更好。
#开源项目#【纯 JS 实现的懒加载器：Lozad.js】详见： Lozad.js 是一个高性能、可配置的纯 JS 实现的懒加载器。它基于 IntersectionObserver API，没有任何依赖，支持动态懒加载添加元素。
Vue:渲染、指令和事件如果要我用一句话描述使用 Vue 的经历，我可能会说“它如此合乎常理”或者“它提供给我需要的工具，而且没有妨碍我的工作”。每当学习 Vue 的时候，我都很高兴，因为很有意义，而且很优雅。Vue 相比其它框架的优势有: 简洁，提供更多语义化的 API ，比 React 的表现稍好，不像 Polymer 那样使用 polyfill，相比 Angular 有独立的视图。
Angular 4.4.1 发布，Web 前端框架 Angular 4.4.1 已发布，更新内容： Bug 修复 animations: do not leak DOM nodes/styling for host triggered animations ( #18853 ) ( 1cc3fe2 ), closes #18606 common: fix improper packaging for @angular /common/http ( #18613 ) ( a203a95 ) common: fix XSSI pre…
一款可配置风格简单的下拉列表组件[采用vue2.0技术] 一款可配置风格简单的下拉列表开发目标：开发一款如图所示的下拉列表，可以发布成vue组件知识准备： vue2.0 css vscode or whatever you like aja
web前端–10个妨碍进步的学习方式 1.前言从事web前端的人很多，每个人的学习方式，学习习惯基本不会一模一样！关于web前端（或者直接互联网），大家都知道，是做到老，学到老的一个行业。之前写文章的时候，我说过很多学习的方式和建议。今天换一下，说一下我个人不建议的学习方式，或者我个人觉得是妨碍进
Web 前端工作流客户端，打造最舒适的开发环境简单、快捷、高效、开箱即用的前端工作流客户端，无需各种配置系统环境。开发者无需再配置各种版本混乱的 NodeJS 环境
web开发中跨域解决方案什么是跨域？概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域下面是具体的跨域情况详解 URL 说明是否允许通信 http://www.a.com/a.js、http://www.a.com/b.js 同一域名下 …
webpack：从入门到真实项目配置该文使用的 Webpack 版本为 3.6.0，本文分两部分。第一步是简单的使用 webpack，第二部分通过一个真实项目来配置 webpack，没有使用任何的 CLI，都是一步步配置直到完成生产代码的打包。这是本项目对应的仓库，每个小节基本都对应了一次 commit。这是本文的大纲，如果觉得有兴趣你就可以往下看了 Web…
Vue:组件，Props，Slots 特别声明：本文转载 @nzbin 翻译 @SARAH DRASNER 的《 intro-to-vue-2-components-props-slots 》一文。如需转载，烦请注明原文出处：英文原文： https://css-tricks.com/intro-to-vue-2-components-props-slots/ 英文译文： http://www.cnblogs.com/nzbin/p/6376786.html 这是关于 JavaScript 框架 Vue.js…
每日一博 | 前端对图片进行本地压缩并上传的实践相信做过前端的小伙伴们都写过图片上传，最简单的方式是通过表单提交，一个加一个
尝一尝Vue全家桶 Vue.js 是当下很火的一个 JavaScript MVVM 库，它以数据驱动和组件化的思想构建。不管你是 Angular 的忠实粉，还是 React 的迷恋者，有机会多了解一个框架也没什么坏处，更何况 Vue 上手难度还是比较低的。本文将介绍 Vue 全家桶（Vue+Vue-router+Vuex）在项目中的使用。经过一个项目的开发，个人感觉相比于 React，…
Vue: 动画特别声明：本文转载 @nzbin 翻译 @SARAH DRASNER 的《 intro-to-vue-5-animations 》一文。如需转载，烦请注明原文出处：英文原文： https://css-tricks.com/intro-to-vue-5-animations/ 英文译文： http://www.cnblogs.com/nzbin/p/6380679.html 这是 JavaScript 框架 Vue.js 五篇教程的第五部分。在这个系…
vue2 + vue-router+ es6，vue2最新SPA项目实战-仿懂球帝-爆炸足球 Vue2—爆炸足球模仿懂球帝移动端官网，欢迎各位童鞋stargithub地址：github.com/vqlai/vue2-…技术栈前端 es6 vue2 vue-router2 axios better-scroll vue-lazyload stylus后
参加IMWebConf 2017 前端开发者大会是什么体验？周六作为特邀讲师之一参加了IMWebConf 2017 前端开发者大会的主题演讲，主题为《WebAssembly：面向未来的web开发技术》。本次大会质量非常高，来自国内外的技术专家带了很多干货分享，关注前端技术的同学千万不要错过。以下是本次参会的感想。关于
#JavaScript#【js数组方法的一道笔试题考察点详解】一道关于javascript数组方法的综合理解，有concat、splice、slice、unshift、push、reverse等，你对这些方法足够熟悉吗？来试试这道笔试题。 #前端开发博客#
Vue.js项目模板搭建前言从今年（2017年）年初起，我们团队开始引入「Vue.js」开发移动端的产品。作为团队的领头人，我的首要任务就是设计整体的架构。一个良好的架构必定是具备丰富的开发经验后才能搭建出来的。虽然我有多年的前端开发经验，但就「Vue.js」来说，仍然是个新手。所幸「Vue.js」有一个配套工具「Vue-CLI」，它提供了一…
Vue:Vue-cli，生命周期钩子特别声明：本文转载 @nzbin 翻译 @SARAH DRASNER 的《 intro-to-vue-3-vue-cli-lifecycle-hooks 》一文。如需转载，烦请注明原文出处：英文原文： https://css-tricks.com/intro-to-vue-3-vue-cli-lifecycle-hooks/ 英文译文： http://www.cnblogs.com/nzbin/p/6380663.html 这是 JavaScript 框架 Vue.js …
分享一个React-kit react-kit 一个 react 脚手架, 由 vue-cli 改编而来。因为个人觉得 react-cli 并不是那么好用 webpack: @2react: @15.6.1react-router-dom: @4.2.2lessES6/7 项目地址
CSS |《CSS揭秘》读书笔记（一）《CSS揭秘》引言就在最近这几年，C
怎样下载github的单个文件? 一个用来下载git仓库文件的命令行工具 git会记录一个项目所有的历史修改，所以通常会很大。有时候你只需要下载一个项目的源代码，或者仅仅只需要其中的一个目录或文件，但是github不提供这样的功能
源码看React setState漫谈（二）前面写过一篇setState漫谈(一)谈论了用户操作到页面渲染的过程，相信大家对React的setState机制有了一定了解。这里我们看看setState在生命周期的各个流程里调用都会发生什么。更新流程