20190507 前端开发日报

我可能不知道的JS;CSS垂直居中的七个方法;JavaScript中AOP的应用;走进前端开发——框架的演变;JS解惑-Object中的key是有序的么?;React 异步数据管理思考;反思录:Angular 实现 svg 和 png 图片下载;重学前端学习笔记(七)–JavaScript对象:面向对象还是基于对象?

  1. 我可能不知道的JS js里面我们可以向函数里面传递参数 我们可以这样写 里面只是基础的函数传参,如果这样呢 参数上的cb和前面一样,是接受一个参数,你可能会发现 cb(val1) 有点让人费解,那你请看 我们在调用name的时候 我们向它的传递的第二个参数是一个函数,这样我们连起来看, 首先我们在调用nam…
  2. CSS垂直居中的七个方法我们在编辑一个版面,通常都会用到水平居中和垂直居中来设计,而水平居中很好处理,不外乎就是设定margin:0 auto;或是text-align:center;,就可以轻松解决掉水平居中的问题,但一直以来最麻烦对齐问题,都是“垂…
  3. JavaScript中AOP的应用 AOP (Aspect Oriented Programming) ,意为:面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP的延续,是函数式编程的一种衍生,利用AOP可以对业务逻辑的各个部分进行隔离,从而使得业务逻辑各部分之间的耦合度降低,提高程序的可重用性,同时提高了开发的效率。 2…
  4. 走进前端开发——框架的演变认识了解问题,切忌一头扎进去研究而未了解其全貌。为此,我们追溯到20世纪90年代,网景浏览器横空出世,占据了浏览器市场第一的份额。那时的网景浏览器已经搭载了 Cookie、 Frames 和 JavaScript 等功能,可惜好…
  5. JS解惑-Object中的key是有序的么? 当我们使用for/in遍历一个Object对象的时候,打印的结果是否按key的顺序打印出来呢? 答案是: 不一定 。 背景 最近在做一个项目的时候,遇到这样一个需求: 一个下拉列表中有3个固定选项,包括: -1:全部;0:正常;1:失效 。 于是,我就定义了一个对象,然后循环这个对象,把结果放到 &lt…
  6. React 异步数据管理思考异步数据管理一直是前端的一个重点和难点,可以这么说,80%的 web 应用会有异步数请求据并在 UI 中消费,并且在相当多的 web 应用中,处理异步数据是它的核心业务逻辑。
  7. 反思录:Angular 实现 svg 和 png 图片下载 我经常思考,在面临一个不确定问题时,以往的经验究竟有无辅助作用?如果把经验遗忘会产生何种程度的影响?在上下求索未果之后,如何找回曾经的感觉,恰若灵光一现?凡此种种,终是要思考总结的,这篇文章便是我的反思之作。 本篇文章会记述一些实用的svg与png之间的转换技巧并强调一种思考原则。 …
  8. 重学前端学习笔记(七)–JavaScript对象:面向对象还是基于对象?重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专栏学习【原文有winter…
  9. React项目从Javascript到Typescript的迁移经验总结现在越来越多的项目放弃了javascript,而选择拥抱了typescript,就比如我们熟知的ant-design就是其中之一。面对越来越火的typescript,我们公司今年也逐渐开始拥抱typescript。至于为什么要使用typescript?本文…
  10. 打造前端团队的 React CLI 工具Angular CLI 和 Vue CLI 是官方推荐的 CLI 工具,可直接在生产环境中使用,但 Create React App 的定位却有点不同,它的目标是让你快速 Set up 一个 React 应用,如果你要在生产环境中使用,因为它的可定制性并不…
  11. 前端面试必问题答疑(2)一,css部分 1,简单介绍下css权重优先级: {代码…} 2,实现一个不知道宽高的盒子水平垂直居中,有哪几种实现方式: {代码…} 3,如何用css画一个三角形: {代码…} 二,JS部分: 1,请写一段代码将”2019-4-2…
  12. JavaScript 闭包指南闭包是函数创建时作用域内所有变量的集合。要使用闭包,需要在另一个函数中创建一个函数,这种函数被称为嵌套函数。内部函数可以访问外部函数作用域中的变量(依靠闭包可以访问外部函数作用域),即使在返回外部…
  13. JavaScript函数式编程入门经典一个持续更新的github笔记,链接地址:Front-End-Basics,可以watch,也可以star。 此篇文章的地址:JavaScript函数式编程入门经典 正文开始 什么是函数式编程?为何它重要? 数学中的函数 {代码…} 关键点: 函…
  14. ES6—字符串模板引擎(4)而ES6通过模板字面量的方式进行了填补,模板字面量试着跳出JS已有的字符串体系,通过一些全新的方法来
  15. 页面刷新后,vuex中数据丢失、清空的解决方案 vuex-persistedstate应用API进行用户身份验证,将登录状态保存为Vuex状态中的布尔值。当用户登录时,设置了 登录状态 并相应地有条件地显示 登录/注销 按钮。​ 但是当刷新页面时,vue应用程序的状态将丢失并重置为默认值。​ 这导致的…

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

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


关注我

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

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

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