前端踩坑
小李科技
欢迎来到我的博客,一起学习与分享技术,欢迎交流
展开
-
前端踩坑(一)-----------react-router-dom讲解
贴上官网点击打开链接react路由已经更新到4,网上的资料大多是旧版本,这里我们重点讲react-router-dom,它是用于dom绑定的react-router常规导入import React from 'react'import { BrowserRouter as Router,Route,Link} from 'react-router-dom'注意BrowserR...原创 2018-10-31 08:52:19 · 419 阅读 · 4 评论 -
前端踩坑(七)--------------------------react 动态操作className
前端踩坑(八)--------------------------react 动态操作className文章目录前端踩坑(八)--------------------------react 动态操作className问题描述:如何动态修改一个元素的CSS样式呢?一 , react 动态操作className二 , 设置多个className三 这是您如何使用react定义和使用内联样式的方法问...转载 2019-06-25 18:10:40 · 8117 阅读 · 0 评论 -
前端踩坑(五)--------------------------RN-项目 <Text> component出错问题
5 RN-项目 component出错问题解决 Invariant Violation Text strings must be rendered within a component出错问题 在做react-native项目时, 碰上了这样的问题,很是不爽, 经过2个多小时的排查, 终于解决了问题,现将经验分享出来,为后来人提供帮助。首先我们拿到问题搜索相关结果,在rn的git...原创 2019-04-06 10:20:44 · 3191 阅读 · 1 评论 -
前端踩坑(四)--------------------------DOM基礎要素内容の取得・設定
【DOM基礎】要素内容の取得・設定/ノードの作成・挿入・削除JavaScriptdomVanilla.JSMore than 1 year has passed since last update.前回の続きです。要素内容の取得・設定innerHTML要素内のHTMLを取得・設定できます。// 取得const html = element.innerHTML;// 設定ele...原创 2019-03-18 21:43:08 · 427 阅读 · 0 评论 -
前端踩坑(三)--------------------------div轮播图(表格轮播)
3 div轮播图利用jquery 实现 表格的轮播文章目录3 div轮播图一 设计目标二 项目参考三 项目搭建3.1 Carousel.html3.2 style.css3.3 js文件代码附件:彩蛋参考资料一 设计目标页面加载, 使表格轮播鼠标放入停止轮播: clearInterval(timer);清定时器鼠标放入:重启定时器: setInterval(function...原创 2019-03-14 15:48:58 · 4620 阅读 · 4 评论 -
【译】React的8种条件渲染方法
本文是译者第一次做完整的全篇翻译,主要目的是学习一下这类文章的写作风格,所以挑了一篇相对入门、由浅入深的文章,全篇采用直译,即使有时候觉得作者挺啰嗦的,也依然翻译了原文内容。原文地址:8 React conditional rendering methods相较于Javascript,JSX是一个很好的扩展,它允许我们定义UI组件。但是,它不提供条件、循环表达式的原生支持(增加条件表达...转载 2018-12-28 18:01:28 · 1042 阅读 · 1 评论 -
对React children 的深入理解
对React children 的深入理解原文链接React的核心为组件。你可以像嵌套HTML标签一样嵌套使用这些组件,这使得编写JSX更加容易因为它类似于标记语言。当我刚开始学习React时,当时我认为“使用 props.children 就这么回事,我知道它的一切”。我错了。。因为我们使用的事JavaScript,我们会改变children。我们能够给它们发送特殊的属性,以此来...转载 2018-11-16 19:52:38 · 637 阅读 · 0 评论 -
前端踩坑(二)--------------------------Import React vs React, { Component }
转载https://stackoverflow.com/questions/39361282/import-react-vs-react-componentImport React vs Import React, { Component }Which one is better and why?Or does it make no difference other than writ...原创 2018-11-12 13:16:54 · 1340 阅读 · 1 评论 -
JavaScript挑战练习(一)-改变this指向
一.this指向的详解概括:this的指向到底是指向哪里?通常来说,只有当函数执行的时候才可以确定this指向的到底是谁,简单的也可以这么说:this最终指向的是那个调用它的对象。常见的一般有以下几种情况:第一种:在一个函数中有this,但是函数没有被上一级对象所调用,所以此时的this指向的是window(注意在严格模式下则不是),如以下代码:function blue() {...转载 2018-11-13 16:35:23 · 254 阅读 · 0 评论 -
前端踩坑(六)--------------------------react父组件调用子组件方法
react父组件调用子组件方法前期我们说了父子组件互相通过props传递数据的方法,这个应该都可以理解.其实今天说的这个 父组件直接调用子组件方法, 也类似.先看代码,比较直观.import React, {Component} from 'react';export default class Parent extends Component { render() { ...转载 2019-06-24 18:18:24 · 588 阅读 · 0 评论