上周自己抽时间把Strve.js升级了一下,现在目前版本是2.3.3。有兴趣的朋友可以去官方文档查阅一下。说到官方文档,之前有位朋友说我的文档缺乏可视化界面,就是那种在线编辑插件。这位朋友提的建议很不错,就去网上调看看这两个版本的更新日志。v2.3.3StrveAPI的参数调整;v2.3.2HTML标签内容支持显示非字符串类型;数据绑定统
原创
2022-03-08 14:58:31
94阅读
render 方法的注意点 多次渲染, 后渲染的会覆盖先渲染的内容,render方法一次只能渲染一个元素或者组件,render方法最多只能接收3个参数,所以不能同时渲染多个元素 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"
原创
2020-11-01 22:56:00
151阅读
vue react 区别
转载
2019-07-05 14:42:55
1096阅读
通过createElement创建元素存在的问题,如果结构比较简单还好,但是如果结构比较复杂,就比较难以下手,所以大牛们就发明了JSX,专门用来编写React中的页面结构体的。 什么是 JSX JSX JavaScript + X (XML) (eXtension),JSX是一个看起来很像 XML
原创
2020-11-03 23:08:00
109阅读
需求: 监听按钮的点击, 修改div中的内容 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable
原创
2020-11-01 20:02:00
75阅读
react IntL的用途 : React项目国际化,react-intl 这个库提供了针对组件、日期、数字、字符串等多种国际化方法使用这里的版本为版本,高版本的用法似乎变了 目前React Intl是FormatJS的一部分,它通过其组件和API提供到React的绑定将不同语言的翻译文件放在各自的js文件中,同一处文本的多种语言翻译使用相同的key//en_US.js
const en_US =
前言 reactjs中事件处理,与DOM元素处理类似,但也有一些不同的语法。 react 事件名称使用驼峰命名,而不是全小写命名。使用jsX,可以将函数作为事件处理程序传递,而不是字符串。 es6的class语法规定,类的方法内部,如果含有this,它默认指向类的实例。但是,单独使用该方法,可能报错
转载
2020-12-14 15:31:00
246阅读
2评论
1、react中样式声明方式直接引入整个css文件import './index.css'
<div className='app'></div>jss模块化引入组件import style from './index.module.css'
<div className={style.app}></div>注意:通常来讲使用该方法配置时,js文件与
转载
2021-04-20 21:51:27
657阅读
2评论
改为(注意缺少的state定义要补充,例本示例的const [indexInfo,setIndexInfo]=useState([]))其中return上面的代码const columns = getColumns(type)放到初始化里。改为
原创
2023-12-11 14:01:08
84阅读
在 React 中,组件有多种写法,每种写法有其适用场景和特点。以下是常见的 React 组件写法:1. 函数组件(Function Components)最基础、最常用的组件形式,以函数形式定义,接收 props 作为参数并返回 React 元素。// 基本函数组件
const Greeting = (props) => {
return <h1>Hello, {props
html原生script写法<script id="vs" type="x-shader/x-vertex">……</script><script id="fs" type="x-shader/x-fragment">……</script>调用方式如下:material = new THREE.ShaderMaterial( {...
原创
2023-05-17 11:34:56
113阅读
(1)定义变量的时候要指明类型,告诉 JS 解释器这个变量是什么数据类型的,而不要让解释器去猜,例如不好的写法:
声明了三个变量,但其实没什么用,因为解释器不知道它们是什么类型的,好的写法应该是这样的:
定义变量的时候就给他一个默认值,这样不仅方便了解释器,也方便了阅读代码的人,他会在心里有数——知道这些变量可能会当作什么用。
转载
2023-06-06 09:02:55
103阅读
这里是javascript中制作滚动代码的常用属性 页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽)
字符串转成整型typeof Number('44.5');typeof parseInt('44.5');typeof parseFloat('44.5');typeof ('44.5'-0);typeof +'44.5';typeof ('44.5'*1);typeof ~~'44.5';//http://james.padolsey.com/javascript/double-bitwise-not/typeof '44.5'|0快速转换成布尔值!!(5555)!
转载
2013-05-01 16:02:00
41阅读
2评论
一、react的引入需要引入三个文件1.react.jshttps://unpkg.com/react@17/umd/react.development.jshttps://unpkg.com/react-dom@17/umd/react-dom.development.js2.babel.js(因为react是xml编写的,所以需要用babel编译才不会报错)https://unpkg.com/
转载
2023-12-28 09:38:13
293阅读
安装 React.js React.js 单独使用基本上是不可能的事情。不要指望着类似于 jQuery 下载放到 <head /> 标签就开始使用。使用 React.js 不管在开发阶段生产阶段都需要一堆工具和库辅助,编译阶段你需要借助 Babel;需要 Redux 等第三方的状态管理工具来组织代码;如果你要写单页
转载
2024-05-27 21:48:48
64阅读
1.通过 map 方法 .
转载
2018-05-11 21:08:00
144阅读
2评论
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 前言 其实如果运用熟练的话,TS 只是在第一次开发的时候稍微多花一些时间去编写类型,后续维护、重构的时候就会发挥它神奇的作用了,还是非常推荐长期维护的项目使用它的。 前置基础 阅读本文的前提条件是: 熟悉
原创
2022-05-12 21:02:17
1208阅读
文章目录一、原始写法和React Hooks写法对比二、useState三、useEffect四、useContextuse五、useReducer六、useMemo优化React Hooks程序性能七、useRef 获取DOM元素和保存变量 React Hooks是用函数形式代替原来的继承类形式,并使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件。原来是把组件分为有状态
写法1: URL HASH: 1 2 我们通过绑定hashchange事件,当点击连接时可以实现使用ajax实现无刷新跳转。
原创
2021-07-22 14:53:20
141阅读