React
我乃小神神
这个作者很懒,什么都没留下…
展开
-
next 引入路径修改为@
当前项目结构预览正常效果想要达成的效果新建 jsconfig.json 写入如下代码{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "./*" ], } } }再新建 next.config.js 写入如下代码const path = require("path");module.exp.原创 2021-08-09 17:13:39 · 698 阅读 · 0 评论 -
js 根据url 转换图片(base64)
function getBase64(url, callback) { var Img = new Image(), dataURL = ''; Img.src = url + '?v=' + Math.random(); Img.setAttribute('crossOrigin', 'Anonymous'); Img.onload = function() { ...原创 2020-04-13 12:17:43 · 3639 阅读 · 1 评论 -
web 桌面消息推送消息
推送消息简易版本,并不会跳转到对应的页面,跳转到对应页面等下次更新``` </body><script>var n = new Notification(‘状态更新提醒’,{body: ‘你的朋友圈有3条新状态,快去查看吧’,data: {url: ‘http://www.baidu.com’}})n.onclick = fun...原创 2020-04-13 12:12:34 · 316 阅读 · 0 评论 -
React脚手架搭建
React 是目前公认的前端三大框架巨头之一,也是相对学习成本高框架之一,但是为了涨工资,还是多学习一点吧React 学会了可以做很多事情,但是了,建议,如果你在做项目,大项目,建议用react,中小型项目用 vue,虽然不喜欢用angular,但是pc网站可以用,接下来开始搭建React.js 的Demo React中文网 http://react-china.org/...原创 2018-12-18 11:27:08 · 504 阅读 · 0 评论 -
React父子组件传值
其实react和vue传值是一样的,都是属性传值,最近技术栈都开始用react 了,第一个就是基于环信做一个即时通讯,到时候我也会上传代码进行分享第一步搭建最简单的react环境,搭建最简单的环境我也写过 地址在这里以下是基本的创建react 的代码import React, { Component, Fragment } from 'react';import './style.cs...原创 2019-04-11 22:19:43 · 1458 阅读 · 1 评论 -
React中引入less
2019年4月27 21:16坐标成都22岁的你,一定要努力原创 2019-04-27 21:18:21 · 19727 阅读 · 3 评论 -
React生命周期讲解
React生命周期图解先上图其实总结就是 进入当前页面,,然后渲染页面,加载数据,渲染demo,数据更新,组件卸载constructor/** constructor 其实是Es6 里面带的一个属性,代表初始化,但是组件未挂载* constructor的固定写法如下* 比如你react 需要定义一些 * State 的值就可以定义在 constructor里面,这...原创 2019-05-11 00:12:35 · 494 阅读 · 0 评论