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

前端面试题2017（篇幅长，附答案）；前端测试框架 Jest；格式化信息窗口内容—ArcGIS-API-for-JavaScript；Vue2 组件间通信全方案；阿里天猫杭州长期求资深前端/专家；图文并茂深入浅出完全理解JavaScript原型；Vue Iview Tree插件的无限层；使用 React Native 重写大型 Ionic 应用后，我们想分享一下这八个经验

前端面试题2017（篇幅长，附答案）html 篇标签上title和alt属性的区别是什么？ {代码…} css 篇 relative、absolute、static、fixed的作用，相对谁定位？ {代码…} 画出css盒模型 {代码…} border-box和content-box的区别和使用场景？为了更…
前端测试框架 Jest 作者介绍：林列欢，美团点评点餐团队成员。前端测试工具一览前端测试工具也和前端的框架一样纷繁复杂，其中常见的测试工具，大致可分为测试框架、断言库、测试覆盖率工具等几类。在正式开始本文之前，我们先来大致了解下它们：测试框架测试框架的作用是提供一些方便的语法来描述测
格式化信息窗口内容—ArcGIS-API-for-JavaScript InfoTemplate 类用于定义一个信息窗口的内容和标题模板。如果您使用的是2.2或更高版本的API，则可以使用字符串或函数定义内容和标题。如果版本低于2.2，你只能使用字符串。调整信息窗口大小默认情况下，信息窗口的内容区域为250像素宽，100像素高。如果要显示的内容大于此尺寸，将自动出现滚动条。要调整信息窗口…
Vue2 组件间通信全方案说的不对的，敬请谅解，大家共同讨论进步组件通讯包括：父子组件间的通信和兄弟组件间的通信。在组件化系统构建中，组件间通信必不可少的。父组件–> 子组件 1. 属性设置父组件关键代码如下： {代码…} 子…
图文并茂深入浅出完全理解JavaScript原型图文并茂的帮助你更好的理解JavaScript原型. 熟记并理解以下规则,保你深入理解对象原型,保你面试无忧. 1 . 任何对象都拥有 __proto__(隐式原型) 属性, 一般指向他们的构造函数的原型 (prototype) . var a = new A
Vue Iview Tree插件的无限层{代码…} 啥也不说了看代码吧
使用 React Native 重写大型 Ionic 应用后，我们想分享一下这八个经验本文的内容是关于 React Native 重写的经验分享，基于 React Native 重写 Ionic 应用Growth 过程中遇到的一些坑。 Growth 是一款专注于Web开发者成长的应用。其 1.0 和 2.0 主要使用 Ionic 实现，Ionic 1.x 的主要问题是 Angular 1.x 已经落后了。而 Ionic 2.x 则在启动的性能上不是让人满意——其实在开源方面，…
前端面试必备 —— 基本排序算法排序算法是面试及笔试中必考点，本文通过动画方式演示，通过实例讲解，最后给出JavaScript版的排序算法
较深入地探讨AngularJS实现checkbox全选功能全选取消全选是比较常见的前端开发功能点。考虑封装一下这部分的逻辑还是蛮重要的。稳重组合指令的方式，是符合angular的思路的。其实还可以更进一步angular化。后续单开一篇原创。
利用 VModule webpack plugin 创建虚拟模块VModule webpack plugin VModule 是一个用于创建虚拟模块 webpack 插件。大约有如下使用场景: 需要在构建阶段将动态计算后结果生成一个模块构建后的运行时代码需要引用一些构建阶段的环境变量或其它数据安装 {…
浅谈Webpack的应用 webpack 在前端工程中随处可见，当前流行的 vue, react, weex 等解决方案都推崇 webpack 作为打包工具。前端工具云集的时代，这是你值得选择的之一。 webpack的基本概念 webpack 是一个前端打包工具，希望解决前端工程中静态资源发版前的打包问题。以 javascript 作为载体，引入前端项目依赖的模块，最终通过 webpac…
js简单前端模板引擎实现简单前端模板引擎实现 AbsurdJS本身主要是以NodeJS的模块的形式发布的，不过它也会发布客户端版本。考虑到这些，我就不能直接使用现有的引擎了，因为它们大部分都是在NodeJS上运行的，而不能跑在浏览器上。我需要的是一个小巧的，纯粹以Javascript编写的东西，能够直接运行在浏览器上。当我某天偶然发现John Resig的这…
浅谈 Node.js 安全随着 Node.js 的应用慢慢的变多，RESTful API 也好 RPC 也好，在应用广泛的同时，特别是 npm 仓库上存在大量质量参差不齐，年久失修的库，Node.js 的安全问题慢慢变得严峻起来，这里主要简单谈论一些 HTTP 相关的安全问题。
2017-07-27 前端日报2017-07-27 前端日报精选使用 React Native 重写大型 Ionic 应用后，我们想分享一下这八个经验H5与Native交互之JSBridge技术 – 有赞前端团队JavaScript专题之学underscore在数组中查找指定元素Vue.js 2 基于角…
TypeScript 2.4 新特性一览译文又迟到了! 我觉得迟到的原因一定是没什么人打赏我. 这一次 TypeScript 更新最直接的改变是对动态 import 和字符串枚举的支持, 除此之外则是对类型系统的内力修炼. 自 2.3 支持 language service 插件以来, TypeScript 在相关支持上也在不断进行磨合和改进, 相信之后被 angular / tslint 等工具用上后体验会有…
webpack3+anujs+ReactCSSTransitionGroup webpack3出来好久，决定试用一下。 mkdir eee cd eee npm init -y npm i anujs react-addons-css-transition-group –save npm i babel-core babel-loader babel-preset-es2015 babel-preset-react webpack@3.0 –save-dev 最后生成的package.json应该是这样 { “name”: “eee”, “vers…
原生js实现图片放大镜效果放大镜原理放大镜的实现过程是将一个小图放置在一个盒子里。宽高都是100%。当鼠标在小图盒子里移动时，出现一个移动块(阴影区域)。右侧大图片盒子出现一个等比例放大的在小图盒子移动块中的图片内容。如图(请勿…
WEB缓存探究第二弹——实战前言 WEB缓存探究第一弹中我们讲了一些WEB缓存的基础知识和策略。第二弹我们来讲讲如何实际在项目中配置。实战鉴于叉烧包本包是个前端，所以我们就以HTML和Node为例开始 HTML——在header中加入meta标签当然根据…
用React实现一个最最最简单的TodoList初学React，撸一个TodoList熟悉熟悉基本语法，只有最简单最简单的功能。如上图所示，是一个最简单的TodoList的样子了，我们应该怎样把它拆成一个个的组件呢？在之前看来，可能就是这样一个HTML结构： {代码…}…
React 16 中的异常处理 – 知乎专栏 React 16 中的异常处理翻译自 React 官方文档，从属于笔者的 React 与前端工程化实践系列中的 React 组件分割与解耦章节；也可以使用 create-webpack-app 运行本部分示例
搭建个人开发者云主机全过程-新云主机一步到位配置指南-免费HTTPS网关【小公司同样适用】【持续更新中】0x00 本文是笔者实践总结的技巧，介绍搭建云主机的方法，主要基于Docker部署系列服务。从个人开发者需求出发，一步一步搭建自己的服务。本文适合兜里没很多又希望拥有属于自己的云服务的开发者，完成下面的操作…
React 16 中的异常处理React 16 中的异常处理翻译自 React 官方文档，从属于笔者的 React 与前端工程化实践系列中的 React 组件分割与解耦章节；也可以使用 create-webpack-app 运行本部分示例。异常处理在 React 15.x 及之前的版本…
【如何避免创业过程中技术相关的“坑”？】全文=>
JavaScript数据结构（3）：单向链表与双向链表翻译：疯狂的技术宅英文：https://code.tutsplus.com/art…说明：本文翻译自系列文章《Data Structures With JavaScript》，总共为四篇，原作者是在美国硅谷工作的工程师 Cho S. Kim 。这是本系列的第三篇。计…
《 Vue 探索与实践》本文主要讲了实际业务在结合 vue 开发的过程中的探索与实践。（by 凹凸实验室）
《【XSS】对抗蠕虫 —— 如何让按钮不被 JS 自动点击》那么有没有一种机制，让「发表留言」必须通过用户的「真实点击」按钮才能完成，而无法通过脚本自动实现？这样就能减缓蠕虫传播速度了。（by EtherDream）
#开源项目#【创建时间轴的 JS 库：Timesheet.js】详见： Timesheet.js 是使用 HTML5 与 CSS3 将数据和事件进行可视化处理的 JS 库。JS 用来实现时间轴，而 CSS 则美化样式。它没有任何的外部依赖，仅需几行 JS 代码，就可以搞定漂亮的 HTML5 布局咯。[喵喵]