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

前端 (Not just) 工程师终究要掌握的知识；CSS3动画（二）：波浪效果；JS 与多线程；每天 10 个前端知识点：杂技；GB-respond：移动端响应式布局解决方案（JavaScript + REM）；React实战 — todoList；从数组拷贝来看 Javascript 深复制问题；移动 web 日志查看工具

前端 (Not just) 工程师终究要掌握的知识 Intro 该项目收藏积累了前端(Not just)所应该掌握的知识，包括 JavaScript语言基础、DOM、CSS3、计算机原理、网络、性能、规范以及数学。动图展示部分内容，该文档持续更新。 Contribution clone 项目： git clone https://github.com/HcySunYang/knowledge.git 启动web…
CSS3动画（二）：波浪效果实现效果如图所示：首先得准备三张图，一张是浅黄色的背景图loading_bg.png，一张是深红色的图loading.png，最后一张为bolang.png。 css代码 {代码…} html代码 {代码…}
JS 与多线程多线程对前端开发人员来说既熟悉又陌生，一方面前端几乎很少写多线程，另一方面多线程又经常会碰到，如你买个电脑它会标明它是四核八线程、四核四线程之类的，它是多核多线程的。什么叫做多核呢？四核四线程和八线程又有什么区别？先来看一下自己电脑的CPU配置。 1. 查看CPU配置（1）自己电脑的配置…
每天 10 个前端知识点：杂技每天 10 个前端知识点：杂技 —— 由WangChloe分享
GB-respond：移动端响应式布局解决方案（JavaScript + REM）简介移动端响应式布局解决方案、用JavaScript根据屏幕宽度计算Root字体大小弥补媒体查询断点断层过大问题，一切元素单位皆使用REM。演示 http://givebest.github.io/gb-respond.html 使用 HTML 在 Head 引入（CSS前面） &lt…
React实战 — todoList0x01 前言 React现在比较火的前端组件化开发框架，近段时间开始慢慢的关注前端相关技术，本篇主要来介绍一个React的入门Demo todoList，相信很多刚刚开始接触React开发的人都会去实践一下。好了，下面就来感受下R…
从数组拷贝来看 Javascript 深复制问题 javascript 处理数组拷贝过程涉及到的问题 —— 由ShrimpLiu分享
移动 web 日志查看工具一个浮在页面上的 console 面板，资源保证按需加载最大化保证性能。 1. 查看移动 web 页面上的 console 信息，自己可以在代码里面任意使用 console，然后在手机端呼起该 log 便可以查看自己所打印的信息。 2. 查看移动 web 页面的 ajax 请求信息，包括返回数据，请求参数等等，类似与 fiddler 的抓包。 —— 由tennylv分享
vuet 是一个跨页面、跨组件的状态管理插件 vuet 是一个跨页面、跨组件的状态管理插件，提供了模块化的数据管理，可以自定义 mixin 来维护模块的数据以及和服务器之间的通信、如何在本地进行更新 —— 由狼族小狈分享
用 React 生成 PDF 文件 React renderer for creating PDF files on the browser, mobile and server —— 由稀土君分享
WebSocket 与 TCP/IP 我们用 websocket 和 http 来研究一下 TCP/IP 协议的一些特性 —— 由极乐君分享
手摸手，带你用vue撸后台系列二(登录权限篇)完整项目地址：vue-element-admin系类文章一：手摸手，带你用vue撸后台系列一（基础篇）前言拖更有点严重，过了半个月才写了第二篇教程。无奈自己是一个业务猿，每天被我司的产品虐的死去活来，之前又病了一下…
从 webpack v1 迁移到 webpack v2 新特性从 webpack v1 迁移到 webpack v2 新特性欢迎小伙伴们为前端导航平台点star github仓库： https://github.com/pfan123/fr…访问前端导航平台 Tree Shaking Tree shaking 是一个术语，通常用来描述移除 JavaS…
使用 Framework7+Vue.js 开发一个 Spotify 播放器（有实例详解） Framework7 框架和 Vue.js，就跟 Ionic+Angular 一样，有着深层次的配合！开发起来很多轮子都已经造好，事半功倍！虽然这个在线音乐播放器 App 比较简单，但涵盖了 F7+Phonegap 基本的方方面面。 F7+Vue 的教程很少，所以从简单实例入手很合适，大家最好手动码代码，不多，但绝对能加深理解。细细体会一下它有哪些便…
无处不在的 Babel 背景海子在《面朝大海，春暖花开》中写到：“从明天起，做一个幸福的人”，Babel在介绍自己时说到：“从今天起，做一个幸福的人，使用下一代JavaScript”。 JavaScript学名叫ECMAScript，主要版本有2000年发布的ES3，2010年发布的ES5，以及2015年发布的ES2015。其中，ES2015相对于ES5简直是翻天覆地的变…
#前端技术#【You Don’t Know JS 翻译版】详见：相信前端开发者对《You Don’t Know JS》系列图书不是很陌生，这是一套深入探讨 JavaScript 语言核心机制的系列丛书。而在这个仓库中，存放了这系列（共 6 册）原版图书的中文在线翻译，供大家学习。[给力]
Nodejs进阶：Express常用中间件body-parser实现解析本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问 github主页地址。欢迎加群交流，群号 197339705。写在前面 body-parser是非常常用的一个express中间件，作用是对post请求的请求体进行解析。使用非常简单…
为什么 CSS 响应式布局不是主流通过分流方式实现响应式网站比纯 CSS @media 方式实现响应式更好？看淘宝等网站如何实现响应式网站 —— 由百无一用书生分享
前端每周清单：Vue 现状与展望、编写现代 JavaScript 代码、Web 开发者安全自检列表新闻、教程、深度阅读，每周清单，带你跟上前端发展。 —— 由前端之巅分享
用 CSS 实现三角形与平行四边形第一种方法使用 border 属性 hack 出三角形，并通过对三个元素进行拼接最终实现了平行四边形；而第二种方法则通过 transform: skew 来得到平行四边形。总体来说，第二种方法相对于第一种代码量小得多，而且也很好理解。唯一的不足是无法构造像本站的分页中所使用的梯形。希望本文对各位有所帮助。 —— 由gebin分享
如何在 Angular 中快速定位 DOM 元素 Angular2 + 中快速定位 DOM 元素 —— 由tc9011分享
[JS相关的记录01] 那什么来面对你，面向对象编程(__proto__,prototype,constructor以及原型链)总是听说面向对象，类，继承，__proto__，prototype，constructor…….于是乎小整理一下。首先说，JS里的继承是怎么弄的呢？首先创建类(Person) {代码…} 如何创建一个人呢？ {代码…} 创建学生 {代码…} …
React 教程 – 9. 表单 React 官方文档翻译 – 9. 表单 —— 由缪运泽分享
#前端开发那些事#【CSS 基础知识汇总】详见：CSS基础知识汇总本文为阅读《精通CSS》后的读书总结。文中，作者对 CSS 基础知识进行了梳理，供大家参考与学习。（作者： lincimy）
React 和 Vue 特性和书写差异代码量少的，不一定就效率高，代码量多的，不一定就难维护。并不是哪个就一定比另一个好，全看具体的项目需要。 —— 由varharrie分享
#前端头条#【在浏览器输入URL时发生了什么简单版】浏览器器检查cache，如果请求对象已经缓存并且是最新的，执行第9步。浏览器询问操作系统，请求服务器的IP地址操作系统进行DNS查找，然后告诉浏览器服务器的IP浏览器和服务器…请戳→ #前端开发博客#