20180424 前端开发日报

Vue中的方法,属性计算和观察者;复习Vue中的方法,计算和侦听者;Modern Javascript Cheatsheet 简体中文版(持续更新中);JS语句为什么不能以“function”与大括号开头;用CSS Houdini画一片星空;基于SVG路径运动的js内容切换插件path-slider;Underscore.js 1.9.0 发布,JavaScript 实用功能库;又一份 ClojureScript 的介绍

  1. Vue中的方法,属性计算和观察者 特别声明:此篇文章内容来源于 @SARAH DRASNER 的《 Methods, Computed, and Watchers in Vue.js 》一文。 我喜欢使用Vue的原因之一是,Vue中的 methods 、 computed 和 watchers 的使用是多么的有用。如果没有彻底的理解它们之间的区别,就很难充分利用Vue的功能。尽管如此,我看到的大多数人对这个框架感到困惑,…
  2. 复习Vue中的方法,计算和侦听者 欢迎关注富途web开发团队,缺人从众 最近一直在Vue和angualr.js 1.x之间切换。大脑都快切换不过来了。 趁着周末,还是把Vue的基本知识复习一下。 查看原文 链接 正文 工作中我喜欢用Vue的原因之一就是因为方法,计算属性和侦听者非常有用,
  3. Modern Javascript Cheatsheet 简体中文版(持续更新中) Modern Javascript Cheatsheet 整理了在当前项目经常需要查阅的Javascript知识,并给出了常见的代码示例。 它在github上有一万多个star。之前的中文翻译还停留在6个月前,没有进行更新。 为此,Breword翻译小组对最
  4. JS语句为什么不能以“function”与大括号开头 前言 前段时间调试代码,查看对象的toString的返回数据,由于比较简单,直接在浏览器的控制台输出代码 {}.toString(); // Uncaught SyntaxError: Unexpected token . “.”
  5. 用CSS Houdini画一片星空 要问2018最让人兴奋的CSS技术是什么,CSS Houdini当之无愧,甚至可以去掉2018这个限定。其实这个技术在2016年就出来了,但是在今年3月发布的Chrome 65才正式支持。CSS Houdini可以做些什么?谷歌开发者文档列了几个demo,我们
  6. 基于SVG路径运动的js内容切换插件path-slider 使用方法 在页面中引入anime.min.js和path-slider.js文件。 <script src="js/anime.min.js"></script> <script src="js/path-slider.js"></script> HTML结构 一个最简单的基于SVG路径运动的js轮播效果的HTML结构如下。 <div class="container"> …
  7. Underscore.js 1.9.0 发布,JavaScript 实用功能库 Underscore.js 1.9.0 已发布,Underscore 是一个 JavaScript 工具库,提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript 内置对象。 更新内容: Adds the _.restArguments function for variadic function handling. Adds the _.chunk fun…
  8. 又一份 ClojureScript 的介绍 ClojureScript 是什么样的 ClojureScript 是一门编译到 JavaScript 的 Lisp 方言, 就像 CoffeeScript.Clojure 是 Lisp 方言, 所以它的语法基于 S-Expression(S 表达式)
  9. 论如何用Vue实现一个弹窗-一个简单的组件实现 最近在使用element-ui框架,用到了Dialog对话框组件,大致实现的效果,跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一下,下面本文会带着大家手摸手实现一个弹窗组件。 本文主要内容会涉及到弹窗遮罩的实现, slot 插槽的使用方式, props 、 $emit 传参,…
  10. react-copy-write 基于新 Context 和 immer 的 React 状态管理库 react-copy-write 一个比较新的 React 状态管理库,通过 immer 实现了可变状态接口和部分 reselect 记忆功能。可通过下图快速了解该库的整体架构: Context 新的 Context 给出多个 API 解决了深层传递数据的笨
  11. 使用webpack搭建基于typescript的node开发环境 原文地址:https://marxjiao.com/2018/04/10/node-webpack/ 正在学习node.js,这里介绍使用webpack来搭建基于typescript的node开发环境。 整个环境的必备功能 一套好的开发
  12. react组件的几个模式 React Component Patterns 有状态组件 x 无状态组件、容器组件 x 展示组件、高阶组件 x Render Callbacks(Function as Child Component) 使用React已经有一段时间了, R
  13. React.createClass vs extends Component 当今 React 比较流行,可能会有很多的新手和我一样遇到这个问题: var MyClass = React.createClass({…}); 和 class MyClass extends React.Comp
  14. v-page – 基于 Vue2.x,简洁易用的独立分页插件 A simple pagination bar, including length Menu, i18n support, based on Vue2.x plugin preview Demo、Documen
  15. Cookie介绍及JavaScript操作Cookie方法详解 ​​​ 本文主要为大家简单介绍了以下Cookie的用途、运行机制,以及JavaScript操作Cookie的各种方法,总结的比较全面,希望能给大家带来帮助。 什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” -…
  16. 20180423 前端开发日报】多技术栈前端项目模板;深入剖析 JavaScriptCore;JavaScript 如何打败众语言,成为 Node 的实现语言?;Element 2.3.5 发布,基于 Vue 2.0 的桌面端组件库;UNIX epoll 与 Node.js 事件循环多路分解器;Vue 2.0学习笔…详情→ ​​​
  17. 深入React v16新特性(一) 前言 React自发布v16版本以来已经有半年了,至今最新的是v16.3。从 v16 开始增加了较多新的API。相较于之前纯净的API设计,变化可以说是非常大了。可以看出 facebook 的 React 团队已经解决了之前的大多数问题,现在开始为 React
  18. 手摸手带你入门ionic3(二):环境配置 前言 学习一门新的计算机技能最基本的就是开发环境配置,顺利的情况下很简单,不顺利的时候能折腾人半天,令人头疼。从入门到放弃说的可能就是配置开发环境出错这个阶段吧。 ionic 开发必不可少 Node、Cordova 和 ionic 这三者。Android 和
  19. 手摸手带你入门ionic3(一):ionic介绍 移动开发已经成为一股潮流,web开发者假如也想在此浪潮中冲浪的话,我推荐 ionic 这个跨平台的移动应用开发框架。它的口号是 Build amazing apps in one codebase, for any platform, with the web
  20. 【库】Promise的简便实现,15行代码优雅解决异步嵌套 该Promise的实现,只解决异步嵌套的问题,并没有其他All之类的方法哦。 一、类的定义阶段 class Pro { constructor (fn) { this.arr = [] this.count = -1 fn(thi
  21. react配合antd组件实现的管理系统demo 前言:此文需要有一定react,redux基础,具体学习资料请科学上网。 使用create-react-app脚手架 具体基础配置请参考 配合antd组件实现的管理系统demo, 线上地址 开发前反思 1. 按需加载 webpack的import动态加载的
  22. React和React Native事件系统详解:和谐共存 使用它,喜欢它,但是你真的了解它吗?知道React事件如何在底层处理实现吗? 已经有很多帖子解释了如何使用React的事件处理系统,但是并没有多少帖子是在解释他们是“如何工作”的。最近我一直在研究React Native,我和“事件处理”的斗争过程提醒

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

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


关注我

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

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

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