20170618 前端开发日报

css实现简单的评论布局;对于怎么理解js中Event Loop,你可以看这篇文章;ReactJS入门实战——基于ReactJS构架的图片画廊应用;CLReactAntDesign:基于 Ant Design 前端框架搭建的企业后台管理软件;CSS中的尺寸单位;前端的3D(css3版本)–淘宝造物节3D创景的制作;javascript非构造函数的继承;原生JS+Canvas实现五子棋游戏

  1. css实现简单的评论布局1:float实现 {代码…} 显示结果: 2:flex实现 {代码…} 展示结果:
  2. 对于怎么理解js中Event Loop,你可以看这篇文章 javascript中event loop是什么 声明 源文档地址 介绍 如何你跟我一样的话,那么你一定会爱上javascript!虽然它不是一种比较完美的编程语言,但是严格地说,还有其它比javascript更完美的语言来设计web吗?所以请忽视javas
  3. ReactJS入门实战——基于ReactJS构架的图片画廊应用a photo gallery project based on react 基于ReactJS构架的图片画廊应用-仿造慕课网课程编写 因为课程是老版本,和最新版本有很多不同,改动了一些东西,自己也进了不少了坑,多少次有想死的感觉,想放弃,又于…
  4. CLReactAntDesign:基于 Ant Design 前端框架搭建的企业后台管理软件 CLReactAntDesign介绍 CLReactAntDesign是基于AntDesign2.0+开发的后端页面例子, 整合react,react-router,react-redux,react-router-redux。进行页面状态控制 实用fetch进行页面请求,最终生成静态页面,实现前后端完全分离 附带使用koa实现的后端接口 开发环境 …
  5. CSS中的尺寸单位 浏览器的兼容性越来越好,移动端基本是清一色的webkit,经常会用到css的不同尺寸/长度单位,这里做个整理。 概览 绝对单位 px: Pixel 像素 pt: Points 磅 pc: Picas 派卡 in: Inches 英寸 mm: Millime
  6. 前端的3D(css3版本)–淘宝造物节3D创景的制作前端的3D(css3版本),其实是依托Css3的功劳,先上一个例子 http://antario.act.qq.com/代码地址:链接: https://pan.baidu.com/s/1sldhljJ 密码: i6qh 这动画纵有万般变化,也离不开以下几个属性 transform (元素…
  7. javascript非构造函数的继承现在有两个对象: {代码…} 我们希望student继承person,因为person和student都是普通的对象,不是构造函数,所以这里无法依赖于构造函数的继承。那方法是:1: 创建一个以某个对象为蓝本而生成的对象 {代码…} …
  8. 原生JS+Canvas实现五子棋游戏 一、功能模块 先看下现在做完的效果: 效果图 线上体验:https://wj704.github.io/five_game.html主要功能模块为:1.人机对战功能2.悔棋功能3.撤销悔棋功能 二、代码详解 2.1 人机对战功能实现 从效果图可以看到,棋盘的横
  9. 2017 年 6 月:15 个有趣的 JS 和 CSS 库 6 月份,Tutorialzine 上的一些前端新鲜货,希望你能找到喜欢的库。 —— 由IT程序狮分享
  10. 精读 React 高阶组件 本期精读文章是:React Higher Order Components in depth 1 引言 高阶组件( higher-order component ,HOC )是 React 中复用组件逻辑的一种进阶技巧。它本身并不是 React 的 API,而是一种 React 组件设计理念,众多的 React 库已经证明了它的价值,例如耳熟能详的 react-redux。 高阶组件的概念其实并…
  11. collect.js – JavaScript Array/Object 函数扩展库 支持很多的基本功能,并且里面的所有 equal 都是 strict equality —— 由kalasoo分享
  12. Vue.js项目重构,轻松实现上拉加载滚动位置还原 前言 上一篇《Vue.js轻松实现页面后退时,还原滚动位置》只是简单的实现了路由切换时进行的滚动位置还原,很多朋友就来问上拉加载怎么实现啊!于是我想起了以前做过一个叫vue-cnode的项目,于是花了两天时间进行了重构,完全的移除了Vuex,使用了Vuet来做
  13. iD3 – D3.js 的开发环境 D3.js 的可视化 IDE 展示 —— 由kalasoo分享
  14. webpack 插件拾趣 (1) —— webpack-dev-server 你或许会花上 30 分钟的时间读完本章,并掌握 webpack-dev-server 的使用方法、理清一些容易困惑的配置(如 publicPath)或概念(如 HMR)… —— 由vajoy分享

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流