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

JavaScript的值传递和引用传递；Vue Transition 实现类原生组件跳转过渡动画；NG Bootstrap ——基于 Angular 的 Bootstrap 界面库；在 Vue.js 中实用任意 JavaScript 第三方库；这几道前端面试题很绕吗？做对了几道？；Egg+Vue+Webpack渐进式前端骨架工程；Promise中多个回调函数之间的数据传递；理解JavaScript中的for…of循环

JavaScript的值传递和引用传递JavaScript有5种基本的数据类型，分别是：布尔、null、undefined、String和Number。这些基本类型在赋值的时候是通过值传递的方式。值得注意的是还有另外三种类型: Array、Function和Object，它们通过引用来传递。从底层技术上看，它们三都是对象。
Vue Transition 实现类原生组件跳转过渡动画官方文档：https://cn.vuejs.org/v2/guide… 演示地址：http://www.coderlife.com (请在移动端查看，PC端查看请打开移动端调试模式) 前言看了挺多Vue的UI框架都不带过渡动画，今天心血来潮，就把自己平时用的动…
NG Bootstrap ——基于 Angular 的 Bootstrap 界面库 NG Bootstrap 是基于 Angular（非 Angular.js）开发的 Bootstrap CSS 框架的指令集。原生开发专为Bootstrap 4 开发的Angular组件，开发了符合Angular生态系统的API，没有使用任何第三方Javascript库来实现，全都是纯粹的原生Javascript。 Boostrap的JS插件支持全部Boostrap自带的Javascript插件（…
在 Vue.js 中实用任意 JavaScript 第三方库 Lodash, Moment, Axios, Async … 等等, 这些非常有用的 JavaScript 库。你可能会在你的很多 Vue.js 应用中使用它们。但随着项目的不断增长，您通常会将代码拆分成多个组件文件或模块文件。您也可能希望在不同的环境中能够
这几道前端面试题很绕吗？做对了几道？第一题 {代码…} 第二题 {代码…} 第三题 {代码…} 第四题 {代码…} 第五题 {代码…} 第六题 {代码…} 解答： 1，2题考察的是构造函数的返回值的问题。每个函数都有返回值，如果使用了return语句，则返回r…
Egg+Vue+Webpack渐进式前端骨架工程基于egg-view-vue, egg-view-vue-ssr, egg-webpack, egg-webpack-vue插件的多页面和单页面服务器渲染同构工程骨架项目支持服务端渲染, 前端渲染, 静态页面渲染三种方式支持 server 和 clien
Promise中多个回调函数之间的数据传递译文地址： 2ality.com/2017/08/pro… 在基于Promise的代码中，会有很多的回调函数，每个回调函数都有自己的变量作用域。如果你想在这些回调函数之间共享数据该怎么办呢？以下这篇文章将会给出几种几种解决方法。 1.引出问题以下面这段Promise回调代码中常见的问题为例:在第一个Promise回调中（line A）声明…
理解JavaScript中的for…of循环 for…of 语句创建的循环可以遍历对象。在ES6中引入了另外两种循环语句 for…in 和 forEach() 可以替代 for…of ，而且这两个新的循环语句支持新的迭代协议。 for…of 允许你遍历可迭代的数据结构，比如数组、字符串、映射、集合等。语法 for (variable of iterable) { statement } variable ：每个…
JS 的平凡之路–学习人气眼中的效果（下）本篇实现tab切换的效果,主要介绍CSS动画的一些注意点。一、简介先看一下效果图：人气眼tab效果的实现实现这个效果，我们得理解两个方面的知识点：移动端滑动场景的处理； CSS动画实现的一些注意事项。二、移动端滑动对于web原生的滑动，当内容的尺寸大于容器尺寸…
记一次webpack打包优化开始接触vue的时候大概就是开始接触webpack的时候，用vue-cli直接脚手架工程后就开始开发了，用了一段时间后发现vendor.js越来越大，居然到了M的级别。看了一下vue-cli的默认配置，vendor是把node_modules里的依赖都打进vendor中，我觉得太大了这样，不如手动维护控制包的粒度，多分出几个包，充分利用浏览器并发请求资…
《回顾 Web 开发者熟悉的 10 个经典开源项目和工具》这篇文章主要列出了曾经乃至现在都十分受 Web 开发者欢迎的开源工具，相信使用开源工具的 Web 开发者会对它们感兴趣的，它们中有的甚至诞生十多年了，但仍然在发光发热。（by 开源中国）
css常用技巧整理-布局综述篇本篇的内容主要是pc端的常规布局，说到这里，虽然目前flex布局和grid布局比较火，用起来也确实很方便，但是这两个方案有个比较致命的地方–需要高版本浏览器的支持（IE10以上），而很多项目需要考虑到IE8以下的兼容，所以目前在pc端项目中仍然使用一些常规的布局方案。
求职 | 听说集齐了这些Js题，笔试都不怕了呢前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。以前看过一套JavaScript题目，借花献佛拿出来分享一下，附带了自己的理解和答案。
Vue-hot-reload-api 源码解析 vue-loader热加载方案使用的底层api解析
[WebGL入门]二十九，透明混色
前端如何做小流量实验如何做小流量 1.前提网站pv已经达到了一定的规模，比如上百万pv，不做小流量冒然更新功能，可能会带来大面积流量损失。在这种前提下需要做小流量实验
高性能迷你React框架anujs1.0.8发布本版本由于得到业务线同学的大力支持，掀出许多问题，因此改进地方良多，为anujs在完美替换React的道路上前进了不少。现在anujs经测试可以运行于IE7中。至少怎么做可以参看官网，https://rubylouvre.github.io/…..
Angular JS模板注入漏洞分析 0x00背景案例：http://wooyun.org/bugs/wooyun-2010-0190247 周末挖掘漏洞的过程中，发现了一个有意思的XSS，是运用了Angular JS的模板进行注入，从而执行了恶意代码，思路和技术比较新颖。Angular JS是一款比较流行的前端MVC框架，很多前沿的网站都在用。一般，对于XSS都会进行一定的过滤，比如下面的代码： …
《微信小程序组件化（上）》微信小程序虽然默认定义了很多有用的组件，但是在开发小程序过程中，往往需要自定义业务组件。而小程序开发者文档中却未对自定义组件给出很好的解决方案或示例。（by @亚里士朱德）
使用react技术栈完全重写一个vue书城项目本项目是在之前一个vue项目基础上，用react技术栈重写的一个书城项目 vue版本地址本项目地址预览地址项目说明本项目是一个react + nodejs + mysql构建的移动书城项目，数据是通过nodejs爬虫爬取，存储在mysql…
教你轻松修改React Native端口(如何同时运行多个React Native、8081端口占用问题) 尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 告诉大家一个好消息，为大家精心准备的React Native视频教程发布了，大家现可以看视频学React Native了。当我们运行一个React Na
你不知道的 React Router 4 – 知乎专栏几个月前，React Router 4 发布，我能清晰地感觉到来自 Twitter 大家对新版本中其大量的修改的不同声音。诚然，我在学习 React Router 4 的第一天，也是非常痛苦的，但是，这并不是因为看它的 API，而是反复思考使用它的模式和策
ReactNative学习笔记十三之ES6语法介绍 ES6 指的是ECMAScript 6.0，是JavaScrip的最新标准。为什么突然想到要介绍这个呢？之前我刚开始学习RN的时候还是没有ES6的，后来隔了一年多的时间，真正开始用ReactNative的时候，发现，语法变了，其实并不是语法变了，只是加入了一些
Puppeteer初探–爬取并生成《ES6标准入门》PDF首先介绍Puppeteer Puppeteer是一个node包，他提供了用来控制Chrome的高级API，有点类似于PhantomJS，但Puppeteer是Chrome官方团队进行维护的，前景更好。使用Puppeteer，相当于同时具有Linux和Chrome的双端操作…
【20170818 前端开发日报】三十分钟完成一个“我们是谁”编辑器；贪吃蛇制作移动+pc；新 V8 即将推出，Node 的性能正在改变；纯前端解决跨域问题；Vue + Electron制作网易云音乐客户端；一个小时搭建一个全栈web应用框架；