20180118 前端开发日报

移动端弹性滑动以及vue记录滑动位置;javascript 最长公共子序列;Ajax 数据异步交互;HTML 5.2 有哪些新内容?;饼图?我选D3.js~;Canvas画板—手机上也可以用的画板;React初尝试-仿写CNode社区;Babel 6 松散模式

  1. 移动端弹性滑动以及vue记录滑动位置 -webkit-overflow-scrolling介绍 -webkit-overflow-scrolling: auto | touch; auto: 普通滚动,当手指从触摸屏上移开,滚动立即停止touch:滚动回弹效果,当手指从触摸屏上
  2. javascript 最长公共子序列最长公共子序列(Longest Common Subsequence LCS)是从给定的两个序列X和Y中取出尽可能多的一部分字符,按照它们在原序列排列的先后次序排列得到。LCS问题的算法用途广泛,如在软件不同版本的管理中,用LCS算法…
  3. Ajax 数据异步交互 #1.Ajax简介 AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 #2.AJAX 实例 查询提示 <!DOCTYPE html> <html> <head&gt…
  4. HTML 5.2 有哪些新内容? 原文地址:What’s New in HTML 5.2? 原文作者:bitsofco 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:lsvih 校对者:Raoul1996, 吃土小2叉 HTML 5.2 有哪些
  5. 饼图?我选D3.js~ D3是什么? Data-Driven Documents(数据驱动文档)的简称。 一个用来使用Web标准做数据可视化的JavaScript库。强大的可视化,动态交互和数据驱动的DOM操作方法完美结合,让我们绘制图表库更自由。 技能? JavaScript
  6. Canvas画板—手机上也可以用的画板学习制作画板之前,我们先来了解一下canvas标签 一.canvas标签 1.canvas标签与img标签相似,但是canvas标签是一个闭合标签,并且没有src alt属性2.canvas标签有两个属性,width,height。我们在页面上用canvas绘…
  7. React初尝试-仿写CNode社区cnode-react-app 一个学习 reactjs 的 demo,基于 CNode 社区提供的 API,以 react 组件化的开发思路,练习了基于 react 技术栈为主的前端单页面开发方式。 项目地址 https://github.com/monster1935/cnode-react-…
  8. Babel 6 松散模式 想必每个写 JavaScript 的都或多或少了解过 ES5 引入的 严格模式 ,Babel 6 在把 ES6+ 代码转换为 ES5 时,也提供了「松散模式」(loose mode)的选项。Babel 的松散模式和 ES5 没有任何关系,这里提 ES5 严格模式只是在概念上作一个比对,方便理解 Babel 的松散模式。 两种模式 一些 Babel 插件有两种工作模式…
  9. 从搭建vue-脚手架到掌握webpack配置(三.多页面构建) 前言 上一期中我们通过引入了插件实现了不少功能——样式抽离、公共模块提取、代码压缩等等;本期开始讲讲可能会用到的第三方编译器的配置和多入口的优化。 本期重点:postcss和.babelrc配置、多入口多页面代码提取优化 往期链接: 从搭建vue-脚手架
  10. 【读书笔记】《高性能JavaScript》 缺陷 这本书是2010年出版的,这本书谈性能是有时效性的,现在马上就2018年了,这几年前端发展的速度是飞快的,书里面还有一些内容考虑IE6、7、8的东西,殊不知现在这些都已经不再考虑了,所以不可避免的有一些知识是比较老的。有些解决方法现在已经不是最好的解决方
  11. 原生js之DOM事件相关 前端学习的东西有很多,现代前端开发,前端工程化的东西要懂,基础的原生js也要懂,毕竟,框架都是有生命周期的,更替非常快,然而却有这么一个框架,它是最轻量的前端框架,每个浏览器都内置,它叫vanilla.js。好吧,其实vanilla.js就是原生js,不过是网
  12. 看JQ时代过来的前端,如何转换思路用Vue打造选项卡组件 前言 在Vue还未流行的时候,我们都是用JQuery来封装一个选项卡插件,如今Vue当道,让我们一起来看看从JQ时代过来的前端是如何转换思路,用数据驱动DOM的思想打造一个Vue选项卡组件。 接下来,正文从这开始~ 先来看一下用Vue写的选项卡组件在浏览器上的
  13. redux源码解析之五部曲(why:对外暴露了5个api)——第一部曲createStore.js 概述:redux是利用闭包,来达到状态的共享操作(个人认为)。为什么先讲createStore呢,根据代码书写逻辑,一般都把创建store这一部放在入口文件里(一步一步反推)。首先npm装下redux包,进入src/index.js目录//就暴露了5个对外接口
  14. redux 和 mobX对比 以下内容会严格遵循下面三个观点 这部分的每一个小块都是为了吹二者之一 要怎么黑另外一个才能更好的达到吹的效果 要吹得有理有据,黑得不带痕迹 为什么这两个库可以被用来对比 目的一致 都是状态管理库,用来管理应用的内部状态 受众大体一致 一般
  15. 如何构建React组件? 原文:https://reallifeprogramming.com/how-to-structure-components-in-react-54fc43e71546 编程是一项非常复杂的工程,尤其要编写干净整洁的代码更为困难。我们需要考虑很多问题—

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

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


关注我

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

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

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