20170428 前端开发日报

从一个画板demo学习CanvasCSS 常见布局解决方案;【深度长文】JavaScript数组全解密;移动端web布局方案的知识总结;如何使用HTML5自定义数据属性;微信硬件蓝牙 api(前端开发);用纯客户端 JavaScript 来写一个的爬虫;使用 koa 和 react 搭建一个前后端分离中间层同构框架

  1. 从一个画板demo学习canvas前言 初学canvas,做了一个画板应用,地址点这里 。本篇为canvas的一些基础思想和注意事项,不是基础api。主要是在于touch事件上的实践经验 retina屏兼容 retina屏会使用多个物理像素渲染一个独立像素,导致一倍...
  2. CSS 常见布局解决方案 说起 css 布局,那么一定得聊聊盒模型,清除浮动,position,display 什么的,但本篇本不是讲这些基础知识的,而是给出各种布局的解决方案。 —— 由流口水流分享
  3. 【深度长文】JavaScript数组全解密 本文首发于CSDN网站,下面的版本又经过进一步的修订。 关于 我的博客:louis blog SF专栏:路易斯前端深度课 原文链接:【深度长文】JavaScript数组全解密 全文共13k+字,系统讲解了JavaScript数组的各种特性和API。 数组是
  4. 移动端web布局方案的知识总结做移动端web开发时,我自己了解了4种方法,我觉得目前适合我的方法就是用rem来作单位,配合h5新的meta属性来适配屏幕做开发。首先介绍一下meta标签 {代码...} name="viewport"是来告诉浏览器这个meta属性是设置设...
  5. 如何使用HTML5自定义数据属性在本文中,我将向你介绍如何使用HTML5自定义数据属性。我还将向你介绍一些开发人员在工作中经常使用的优秀实例。 为什么需要自定义数据属性? 很多时候我们需要存储一些与不同DOM元素相关联的信息。这些信息对于...
  6. 微信硬件蓝牙 api(前端开发) 微信硬件蓝牙开发前端部分基本流程和可能遇到的坑 —— 由LFXxxxxxxxxx分享
  7. 用纯客户端 JavaScript 来写一个的爬虫 拿 JavaScript 写爬虫,听起来貌似有些不靠谱? 爬虫,大多人对于爬虫的理解都停留在使用后端语言如 Python 写的爬虫。但是实际上,使用客户端 JavaScript 有诸多后端爬虫所无法拥有的优势 —— 由花生PeA分享
  8. 使用 koa 和 react 搭建一个前后端分离中间层同构框架 一个能够支持前后端分离并支持中间层同构的完整框架支持 路由同步 React-router 及 Koa-router 同步 模板同步 View 层同步, 使用 react-dom/server 实现 数据同步 使用 Redux 及 React-redux 实现 —— 由aemoe分享
  9. vue2 vuex 多人博客系统多人博客系统 断断续续写了几个月博客系统,从设计到上线,租了do服务器,也算是练练手。不得不说国外的服务器还是做单页面更好 Vue前台部分 前台依赖模块 {代码...} 功能模块 canvas粒子效果 登录/注册 个人中心 添...
  10. 基于 iView 的 Vue js 后台管理系统,简洁易扩展 基于 vue-cli + iView 的 Vue js 后台管理系统,简洁易扩展。功能包括:调试、构建、代码规范校验、单元测试、国际化等。 —— 由赵金添分享
  11. 理解vue中的组件(一)看了Vue的文档,写得很简洁,但是并不简单。在自己学习的过程中踩过不少的坑,学习的时候把官网的例子从头到尾做了一遍,记录在github中https://github.com/WYseven/vue2-basic-demo/tree/master/vue-demo,学习...
  12. 从零到一:用Phaser.js写意地开发小游戏(Chapter 2 - 搭建游戏的骨架)写在前面 上一节我们认识了Phaser.js,也说到了Phaser比较适合开发2D的小游戏,那么接下来的几篇文章会以开发一个移动端的小游戏为例,来介绍如何上手Phaser.js。这一节的主要内容是用Phaser.js搭建游戏的骨架。 ...
  13. 优化浏览器前端 译者 | 京东金融-移动研发部-前端工程师  田腾 原作者 | Sanjay Purswani 来源 | Software Engineer at comparethemarket.com 优化事关速度和满意度 为了提升用户体验(User Experience,UX),我们希望前端提供快速加载和执行的网页。而对于提升开发者体验(Developer Experience...
  14. vue 全家桶 SPA 前后分离的图文多人 blog 系统 前端 VUE 全家桶,后端使用 express+mongoose,前端 ui 组件自己手撸。 —— 由DouglasVegasReal分享
  15. ECMAScript 6 的字符串扩展(二) ECMAScript 6 的字符串扩展(二) —— 由豌豆射手分享
  16. ECMAScript6 字符串扩展(一) ECMAScript6 字符串扩展(一) —— 由豌豆射手分享
  17. Vuex 框架原理与源码分析 Vuex是一个专为Vue服务,用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层,规定所有的数据操作必须通过action - mutation - state change的流程来进行,再结合Vue的数据视图双向绑定特性来实现页面的展示更新。统一的页面状态管理以及操作处理,可以让复杂的组件交互变得简单清晰,同时...
  18. Typescript 2.3 发布 原文地址: https://blogs.msdn.microsoft.com/typescript/017/04/27/announcing-typescript-2-3/ Typescript: 简单点说就是一个 JavaScript 的超集,这个超集合里面带上了一些可配置的类型检查。 使用Typescript 可以在 JavaScript 的动态特性和类型检查中间找到一个平衡来提高开发工作效率。(之后Typescr...
  19. React全家桶写一个CNode社区,奉上心得与源码 webpack2+react+react-router+react-redux+ES6+antd-Mobile版本的Cnode 苦于我就职的公司的技术栈还是ES5+jQ+handelbars, 而我一直对React全家桶非常感兴趣,所以想自己来个强行实战
  20. Vue 2.3 服务端渲染完全指南 来自 Vue 官方的服务端渲染指南 —— 由稀土君分享
  21. 前端周刊第 53 期:React 社区的撕逼 共 1947 字,读完需 4 分钟。本期有篇深度文章介绍 MobX,MobX 的原作者在 Medium 上有个人频道,写了至少 5 篇长文介绍自己的 React + MobX 心路。此外,React Amsterdam 技术大会已经闭幕,干货非常多,但需要你花
  22. JavaScript 中的 arguments 对象 JavaScript 中的 arguments 对象,涉及到 ES6... —— 由microzz分享
  23. 关于 Node.js 里 ES6 Modules 的一次更新说明 “今天 Node.js 支持 ES6 Modules 了吗?” “并没有!” —— 由凹凸实验室分享
  24. #前端技术#【前端开发之 Sublime Text 3 插件合集】详见: 一些实用的 Sublime Text 3 插件与你分享。Sublime 党们必备。[二哈] ​​​
    前端开发之 Sublime Text 3 插件合集
  25. #前端头条#【你也许只需要原生JavaScript而不是jQuery】你也许不需要jquery前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等...请戳→ #前端开发博客# ​​​
    你也许只需要原生JavaScript而不是jQuery
  26. #JavaScript#【JavaScript数据类型】JavaScript 的数据类型JavaScript 主要有如下7 种数据类型:字符串、数字、布尔、数组、对象、Null、Undefined数据类型说明举例字符串类型使用双引号 或单引号 ' 括起来的一个或多个字符...请戳→ #前端开发博客# ​​​
    JavaScript数据类型

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

「五年博客,如果觉得我的文章对您有用,请帮助本站成长」

订阅周报 关注微博

原创文章:20170428 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170428.html)

发表评论

请登录后发表评论: