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

再啃 javascript 高级程序；解决webpack+vue-cli+vue-resource中跨域问题；掘金史上最详细 VUE2.0 全套 demo 讲解基础4（条件渲染）；纯 CSS 实现网站常用的五角星评分和分数展示交互效果；HTTP 最强资料大全；10个开发新手应该熟悉的github仓库；原生 JS 写的拖拽库, 顺便封装成 vue 组件, 写文档时间比写代码时间还长, 分享给大家~~~；免安装 Android 和 iOS 编译环境，直接进行 React Native 开发

再啃 javascript 高级程序第二章： 1、为了避免页面出现延迟时的空白，把js放在body元素中页面内容的后面。 2、延迟脚步的方法：（1）defer（2）async （3）动态创建标签（4）ajax 3、引入外部文件的优点：（1）增加可维…
解决webpack+vue-cli+vue-resource中跨域问题前两天我遇到一个特别棘手的问题，问题呈现的样式大概是这个样子的根据以往的经验看到XMLHttpRequest cannot load这段代码自然想到的是跨域问题，跟服务端讲了这件事情之后，服务端就加上了支持跨域的代码，但是…
掘金史上最详细 VUE2.0 全套 demo 讲解基础4（条件渲染）作者：混元霹雳手 – Ziksang 三篇基础发布之后，收到最多的就是谢谢楼主，其次的就是错别字有点多，这篇我肯定写完之后读三遍，现在已经是夜里2点了，如果还有没有发现大家就容忍一下，这次我将要讲的是条件渲染，对于条件渲染我觉得思来思去真没有什么好写的，
纯 CSS 实现网站常用的五角星评分和分数展示交互效果本文方法好处在于，纯 CSS 驱动，各种切换根本不需要 JS，省了不少 JS，对于类似这种需求大家也可以举一反三，这里只提供一些思路。 —— 由微醺岁月分享
HTTP 最强资料大全更新内容：HTTP 安全 B/S 结构定义浏览器-服务器（Browser/Server）结构，简称B/S结构，与C/S结构不同，其客户端不需要安装专门的软件，只需要浏览器即可，浏览器通过Web服务器与数据库进行交互，可以方便的在不…
10个开发新手应该熟悉的github仓库从freeCodeCamp聊天数据分析得出，提及最多的前10个github仓库
原生 JS 写的拖拽库, 顺便封装成 vue 组件, 写文档时间比写代码时间还长, 分享给大家~~~ 不依赖任何第三方库的拖放库, 兼容低版本浏览器, 兼容移动端, 自带常用动画效果的拖拽库, 附带 vue 组件和用法, 项目地址 https://github.com/qgh810/dnd —— 由邱国辉分享
免安装 Android 和 iOS 编译环境，直接进行 React Native 开发省去了安装 Android 和 iOS 编译环境费时费力的过程，直接进行 React Native 开发 —— 由Marno分享
Angular 2 + 折腾记：(6) 动手实现只有年月的小组件前言这个组件实现并不是很复杂，我会尽量注释；这货诞生的理由就是项目刚好有一个地方必须只能选择年月，而github上ng2+日期组件都涉及到年月日或时分秒；效果用gifcam录制的，色彩有些失真，将就吧。。动手动手出真理效果图实现思路月份只有十二
奇舞周刊第 203 期：写给前端的愚人节读物三月份最后一天啦，周刊君精心为大家准备了长长的阅读清单。谨记明天还要上班一天哟~ 如果没心思上班，那就读读周刊吧~ —— 由文蔺分享
如何使用 JavaScript 构建响应式引擎 —— Part 2：计算属性和依赖追踪原文地址：How to build a reactive engine in JavaScript. Part 2: Computed properties and dependency tracking 原文作者：本文已获原作者 Damian Dulisz
Node.js 实现一个小爬虫用最简单的代码实现一个简单的小爬虫，采用 ES6 写法… —— 由microzz分享
基于原生js的拖放库dnd.js 基于原生js的拖放库, 花了很大心思写说明文档,顺便封装了vue组件,分享给大家~~
使用typescript和gulp快速开始Angular 2开发使用typescript和gulp快速开始Angular 2开发 Angular2出来了一段时间，通过更简单和更简洁的概念，如基于组件的架构，新的依赖注入或内置模块化，新版本的框架要学习得简单得多。在这个分步教程中，您将了解如何…
图灵社区 : 阅读 : webpack 配置react脚手架配置文件 webpack 配置react脚手架配置文件
javascript的内存泄漏javascript的内存泄漏对于JavaScript这门语言的使用者来说，大多数的使用者的内存管理意识都不强。因为JavaScript一直以来都只作为在网页上使用的脚本语言，而网页往往都不会长时间的运行，所以使用者对JavaScri…
Node.js之网络通讯模块浅析前言想必我们在用Node.js用的最多的应该是创建http服务，所以对于每个Web开发工程师而言，Node.js的网络相关模块学习是必不可少。 Node.js的网络模块架构在Node.js的模块里面，与网络相关的模块有Net、DNS、HTT…
【英】全栈 Web 开发免费学习资源在这个仓库里，作者整理了超过 100+ 的免费的学习资源，它们可以帮助你系统的学习全栈 Web 开发。相信，这个列表能够让想成为全栈 Web 开发的你有所收获。 —— 由IT程序狮分享
SDC 一个可以通过拖放 SVG 图标，来生成拥有树形结构的视图与相应数据的前端组件资学前端快满一年，这两天把自己写的第一个开源组件上线了，该组件不依赖任何其它库或框架，同时在样式上留给了用户极大的自由（因此，示例并不代表其最终样式），其 .min.js 格式文件大小约为 13kb。 —— 由敖特分享
Vue2.0 全家桶项目实用代码片段 vue 项目中实用代码片段，欢迎补充。 —— 由超人不会飞分享
前端周刊第 49 期：React 和 Vue.js SSR 框架 + 微信小程序 + Grid 布局共 1867 字，读完需 4 分钟，速读需 1 分钟。本周收录的内容包含主流前端框架 React、Vue.js、Angular 的版本更新和周边扩展；CSS 方面，Grid 布局是值得关注的；开发效率方面，有 2 篇关于 Git、Webpack 的技巧。内容如
使用 template 创建 React Native 应用更省时间很好的功能
常见的HTTP状态码深入理解状态码的职责是当客户端向服务器端发送请求时，描述返回请求结果。借助状态码，用户可以知道服务器端是正常处理了请求，还是出现了什么错误。 RFC2616定义的状态码，由3位数字和原因短信组成。数字中的第一位指定了响应类别，后两位无分类。响应类别有以下5种： Type Reason-phrase Note 1XX Informational …
Windows安装TortoiseGit免ssh-key配置前提：已经安装Git并且已生成ssh-key 首次安装选择Git default SSH Client，安装完成后即可使用，无需其它配置。重新安装卸载软件删除注册表里的残余配置重新安装
##开源项目#【用于 React Web 应用开发的首款专用 IDE：Reactide】详见： Reactide 是一个跨平台的桌面应用程序，它具备自定义模拟器，可以帮助你打开单个 React JSX 文件，并呈现在浏览器上。同时，也不需要构建工具和服务器配置，让你一键完成开发环境的扩展。[喵喵]
Angular 中的响应式编程 — 浅淡 Rx 的流式思维第一节：初识Angular-CLI第二节：登录组件的构建第三节：建立一个待办事项应用第四节：进化！模块化你的应用第五节：多用户版本的待办事项应用第六节：使用第三方样式库及模块优化用第七节：给组件带来活力Rx–隐藏在 Angular 中的利剑Redux你的 A
#CSS3#【CSS 3D翻转卡片动画】这个CSS翻转卡片效果是在鼠标滑过上面的时候会有一个炫酷的旋转，显示下面的后面卡片，并且有发光的效果。下面分享一下这个代码： #前端开发博客#
#前端头条#【浅谈HTTP事务的一个过程】经典的面试题，当我们在浏览器中输入地址，发生了什么？来看看这位伙伴的6步骤。1.域名解析、2.发起TCP的3次握手、3.发起HTTP请求…… #前端开发博客#